/*
Theme Name: MCToor Core
Theme URI: https://mctoor.com
Author: Çağdaş Müzik
Author URI: https://cagdasmuzik.de
Description: MCToor Player ve Sanal Albüm platformu için özel geliştirilmiş çekirdek tema.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
Text Domain: mctoor-core
*/

/* ================================
   ROOT – DARK THEME VARIABLES
================================ */

:root{
  --bg:#0b1220;
  --bg2:#0a1020;
  --card:#111a2e;
  --card2:#0f172a;
  --text:#e7eefc;
  --muted:#a9b7d6;
  --line:rgba(255,255,255,.10);
  --accent:#66a6ff;
  --accent2:#6ee7ff;
  --warn:#ffcc66;
  --ok:#7CFFB2;
  --shadow:0 18px 45px rgba(0,0,0,.45);
  --radius:18px;
  --radius2:24px;
  --max:1100px;
}

/* ================================
   RESET & BODY
================================ */

*{ box-sizing:border-box }

body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
  background:
    radial-gradient(1200px 900px at 20% 10%, rgba(102,166,255,.10), transparent 60%),
    radial-gradient(900px 700px at 90% 20%, rgba(110,231,255,.08), transparent 55%),
    linear-gradient(180deg,var(--bg),var(--bg2));
  color:var(--text);
}

/* ===============================
   TYPOGRAPHY – HEADINGS FIX
================================ */

.site-title{
  font-weight:500;
  line-height:1.1;
}

.site-title a{
  font-weight:inherit;
}

/* ================================
   LINKS
================================ */

a{ color:var(--accent); text-decoration:none }
a:hover{ text-decoration:underline }

/* ================================
   LAYOUT
================================ */

.wrap{
  max-width:var(--max);
  margin:0 auto;
  padding:28px 20px 60px;
}

/* ================================
   HEADER / NAV
================================ */

header{
  background:linear-gradient(180deg,var(--bg),var(--bg2));
  border-bottom:1px solid var(--line);
}

.main-nav{
  display:flex;
}

.main-nav .menu{
  display:flex;
  gap:18px;
  list-style:none;
  margin:0;
  padding:0;
}

.main-nav a{
  color:var(--muted);
  font-weight:600;
}

.main-nav a:hover{
  color:var(--text);
  text-decoration:none;
}

.current-menu-item > a,
.current_page_item > a{
  color:var(--text);
  position:relative;
}

.current-menu-item > a::after,
.current_page_item > a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-6px;
  width:100%;
  height:2px;
  background:linear-gradient(90deg,var(--accent),var(--accent2));
  border-radius:2px;
}

/* ================================
   HERO / CONTENT
================================ */

.hero{
  margin-top:10px;
  padding:28px;
  border:1px solid var(--line);
  border-radius:var(--radius2);
  background:linear-gradient(180deg,rgba(17,26,46,.85),rgba(15,23,42,.65));
  box-shadow:var(--shadow);
}

/* ================================
   FOOTER
================================ */

footer{
  margin-top:26px;
  color:rgba(169,183,214,.75);
  font-size:13px;
  display:flex;
  justify-content:space-between;
}

/* ===============================
   DESKTOP FORCE HIDE (KRİTİK)
   → Browser’da ASLA görünmez
================================ */

.menu-overlay,
.menu-close{
  display:none !important;
}

/* ===============================
   TOGGLE (DESKTOP YOK)
================================ */

.menu-toggle{
  display:none;
  background:none;
  border:none;
  font-size:26px;
  color:var(--text);
  cursor:pointer;
}

/* ===============================
   MOBILE MENU
================================ */

@media (max-width:900px){

  .menu-toggle{
    display:block;
  }

  .main-nav{
    position:fixed;
    top:0;
    left:-280px;
    width:260px;
    height:100vh;
    background:var(--card);
    padding:80px 20px;
    transition:left .25s ease;
    z-index:10000;
    display:block;
  }

  .main-nav.active{
    left:0;
  }

  .main-nav .menu{
    flex-direction:column;
    gap:16px;
  }

  body.menu-open{
    overflow:hidden;
  }

  /* Overlay */
  .menu-overlay{
    display:block;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.55);
    opacity:0;
    pointer-events:none;
    transition:opacity .2s ease;
    z-index:9998;
  }

  .menu-overlay.active{
    opacity:1;
    pointer-events:auto;
  }

  /* Close (X) */
  .menu-close{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    position:absolute;
    top:14px;
    right:14px;
    width:40px;
    height:40px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:12px;
    background:rgba(255,255,255,.06);
    color:var(--text);
    font-size:28px;
    cursor:pointer;
    z-index:10001;
  }
}
/* FIREFOX FORCE FIX */
@supports (-moz-appearance:none) {
  .menu-close,
  .menu-overlay{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
  }

  @media (max-width:900px){
    body.menu-open .menu-close{
      display:inline-flex !important;
      visibility:visible !important;
      opacity:1 !important;
    }
  }
}