/* PAYLAŞILAN navbar/mega-menü/footer stilleri — hem index.php hem
   ajanslar.php bu dosyayı kullanır, böylece iki sayfanın header/footer
   görünümü asla birbirinden sapmaz. :root değişkenleri (--ink, --gold
   vb.) her sayfanın kendi <style> bloğunda zaten tanımlı olmalıdır. */
.navbar{background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:14px 0;position:sticky;top:0;z-index:1030;}
.brand-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;color:var(--ink);letter-spacing:-.02em;}
.brand-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--primary-light),var(--primary));display:flex;align-items:center;justify-content:center;color:#fff;font-size:17px;box-shadow:var(--shadow-soft);}
.display-2{font-size:clamp(28px,3.4vw,40px) !important;font-weight:800 !important;letter-spacing:-.025em !important;line-height:1.16 !important;}
.navbar-nav{gap:2px;}
.navbar .nav-link, .navbar .mega-toggle{font-weight:700;font-size:14px;color:var(--ink);padding:10px 16px !important;border-radius:var(--r-full);transition:background .15s ease,color .15s ease;}
.navbar .nav-link:hover, .navbar .mega-item:hover .mega-toggle{background:var(--sky);color:var(--primary-dark);}
.navbar .mega-item.mega-open .mega-toggle{background:var(--sky);color:var(--primary-dark);}

/* ============ PREMIUM MEGA-MENÜ ============ */
.mega-item{position:relative;}
.mega-toggle{display:flex;align-items:center;gap:5px;cursor:pointer;}
.mega-toggle i{font-size:10px;transition:transform .2s ease;color:var(--text-3);}
.mega-item:hover .mega-toggle i{transform:rotate(180deg);}
.mega-panel{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow-lift);border:1px solid var(--border);padding:14px;opacity:0;visibility:hidden;transition:opacity .18s ease,transform .18s ease;z-index:1000;}
.mega-item:hover .mega-panel{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.navbar .container{position:relative;}
.mega-item-features{position:static;}
.mega-panel-features{width:auto;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:2px;max-height:80vh;overflow-y:auto;}
.mega-panel.mega-panel-features{left:0;right:0;transform:translateY(8px);}
.mega-item:hover .mega-panel.mega-panel-features{transform:translateY(0);}
.mega-panel-kaynaklar{width:260px;display:flex;flex-direction:column;gap:2px;}
.mega-link{display:flex;align-items:flex-start;gap:12px;padding:11px 12px;border-radius:12px;transition:background .12s ease;}
.mega-link:hover{background:var(--sky);}
.mega-link-icon{width:34px;height:34px;border-radius:10px;background:var(--sky);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--primary-dark);font-size:15px;}
.mega-link:hover .mega-link-icon{background:var(--gold-soft);color:var(--gold);}
.mega-link-title{font-weight:700;font-size:13.5px;color:var(--ink);margin-bottom:1px;}
.mega-link-desc{font-size:11.5px;color:var(--text-3);line-height:1.4;}
html{overflow-x:hidden;}
body{max-width:100vw;}
@media (max-width:991px){
  .mega-panel{position:static !important;left:auto !important;transform:none !important;box-shadow:none;border:none;padding:4px 0 4px 14px;opacity:1;visibility:visible;width:auto !important;display:none;}
  .mega-item:hover .mega-panel{transform:none !important;}
  .mega-panel-features,.mega-panel-kaynaklar{width:auto !important;max-width:100% !important;display:none;grid-template-columns:1fr !important;}
  .mega-item.mega-open .mega-panel{display:flex !important;flex-direction:column;}
  .mega-item.mega-open .mega-toggle i{transform:rotate(180deg);}
  .mega-link{padding:9px 8px;}
  .mega-link-desc{white-space:normal;}

  /* Uzun listeler (örn. "Özellikler" — 19 madde) mobil ekrana sığmıyor,
     alttakiler hiç görünmüyordu. Artık panel kendi içinde dikey olarak
     kaydırılabilir (touch/swipe ile) ve nereye kadar kaydığını gösteren
     ince bir gölge ipucu var. */
  .mega-item.mega-open .mega-panel{
    max-height:min(60vh, 420px);
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    background:linear-gradient(#fff 30%, rgba(255,255,255,0)),
               linear-gradient(rgba(255,255,255,0), #fff 70%) 0 100%,
               radial-gradient(farthest-side at 50% 0, rgba(0,0,0,.08), rgba(0,0,0,0)),
               radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.08), rgba(0,0,0,0)) 0 100%;
    background-repeat:no-repeat;
    background-size:100% 40px, 100% 40px, 100% 10px, 100% 10px;
    background-attachment:local, local, scroll, scroll;
  }
  .mega-item.mega-open .mega-panel::-webkit-scrollbar{width:4px;}
  .mega-item.mega-open .mega-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px;}
}
/* ============ PREMIUM ANİMASYONLU HAMBURGER İKONU ============
   Klasik statik "≡" ikonu yerine — açıkken 3 çizgi zarif bir
   animasyonla X'e dönüşür. Ek JS gerektirmez, sadece .is-open class'ı
   toggle edilir (bkz. navbar.js). */
.phps-burger{width:34px;height:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:var(--sky);border-radius:10px;}
.phps-burger-line{display:block;width:19px;height:2px;border-radius:2px;background:var(--ink);transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .2s ease,width .2s ease;}
.phps-burger.is-open{background:var(--ink);}
.phps-burger.is-open .phps-burger-line{background:#fff;}
.phps-burger.is-open .phps-burger-line:nth-child(1){transform:translateY(8px) rotate(45deg);}
.phps-burger.is-open .phps-burger-line:nth-child(2){opacity:0;width:0;}
.phps-burger.is-open .phps-burger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg);}
.footer{background:var(--primary-deep);color:rgba(255,255,255,.75);padding:64px 0 24px;font-size:13.5px;}
.footer h6{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:18px;font-weight:800;}
.footer a{color:rgba(255,255,255,.85);font-weight:500;}
.footer a:hover{color:var(--gold);}
.footer ul{list-style:none;padding:0;margin:0;}
.footer li{margin-bottom:12px;font-size:13.5px;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:22px;font-size:12.5px;color:rgba(255,255,255,.55);}

/* Genel buton stilleri — hem index.php hem ajanslar.php aynı görünsün diye
   paylaşılan dosyaya taşındı (daha önce sadece ajanslar.php'de eksikti,
   bu yüzden Bootstrap'ın varsayılan mavi rengiyle görünüyordu). */
.btn{font-weight:600;border-radius:var(--r-md);padding:12px 24px;font-size:14.5px;border-width:1.5px;transition:.15s ease;}
.btn:hover{transform:translateY(-1px);}
.btn-primary{background:linear-gradient(135deg,#2B2B2B,var(--primary));border-color:var(--primary);color:#fff;box-shadow:0 10px 24px -12px rgba(0,0,0,.45);}
.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff;}
.btn-outline-primary{color:var(--primary-dark);border-color:var(--border);}
.btn-outline-primary:hover{background:var(--sky);border-color:var(--primary);color:var(--primary-dark);}
.btn-sm{padding:9px 18px;font-size:13px;}
.btn-dark-ghost{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);color:#fff;}
.btn-dark-ghost:hover{background:rgba(255,255,255,.2);color:#fff;}

/* Üst duyuru çubuğu (topbar) — header-top.php ile birlikte gelir. */
.topbar-strip{background:var(--primary-deep);color:rgba(255,255,255,.8);font-size:13px;padding:9px 0;}
.topbar-strip a{color:#fff;font-weight:700;}
.topbar-strip i{margin-right:6px;color:var(--gold);}

/* İş Ortaklığı — Apple Silicon (fırçalanmış alüminyum) */
.nav-partner{position:relative;overflow:hidden;align-items:center;gap:8px;height:38px;padding:0 15px 0 5px;border-radius:999px;text-decoration:none!important;color:#1D1D1F!important;font-weight:650;font-size:13.5px;letter-spacing:-.01em;
  background:linear-gradient(180deg,#FDFDFE 0%,#ECECF0 52%,#E1E1E6 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(0,0,0,.06),0 0 0 1px rgba(0,0,0,.09),0 6px 16px -10px rgba(0,0,0,.35);transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s}
.nav-partner::after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.85),transparent);transform:skewX(-18deg);transition:left .6s ease}
.nav-partner:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(0,0,0,.06),0 0 0 1px rgba(0,0,0,.12),0 10px 22px -12px rgba(0,0,0,.4)}
.nav-partner:hover::after{left:120%}
.np-chip{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;color:#E8E8ED;font-size:15px;background:radial-gradient(120% 120% at 30% 20%,#5A5A60,#1D1D1F 70%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 2px 6px -2px rgba(0,0,0,.5)}

/* ===== Menü düğmeleri — Apple Silicon seti (yalnız transform/opacity animasyonları) ===== */
.nav-partner::after{animation:npIdle 6s ease-in-out infinite}
@keyframes npIdle{0%,78%{left:-60%}92%,100%{left:130%}}
.nav-partner:hover::after{animation:none}
.nav-demo{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 16px 0 12px;border-radius:999px;text-decoration:none!important;color:#1D1D1F!important;font-weight:650;font-size:13.5px;letter-spacing:-.01em;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(242,242,246,.85));-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);
  box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(0,0,0,.1),0 6px 16px -10px rgba(0,0,0,.3);transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s}
.nav-demo i{font-size:17px;color:#3A3A3C}
.nav-demo::after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.9),transparent);transform:skewX(-18deg);transition:left .6s ease}
.nav-demo:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(0,0,0,.14),0 10px 22px -12px rgba(0,0,0,.4)}.nav-demo:hover::after{left:120%}
.nd-live{position:relative;width:8px;height:8px;border-radius:50%;background:#34C759;box-shadow:0 0 0 2px rgba(52,199,89,.18)}
.nd-live::after{content:"";position:absolute;inset:0;border-radius:50%;background:#34C759;animation:ndPulse 2s ease-out infinite}
@keyframes ndPulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(2.8);opacity:0}}
.nav-buy{position:relative;display:inline-grid;place-items:center;height:40px;padding:2px;border-radius:999px;overflow:hidden;text-decoration:none!important;isolation:isolate;transition:transform .25s cubic-bezier(.22,1,.36,1)}
.nb-ring{position:absolute;left:50%;top:50%;width:260%;aspect-ratio:1;margin:0;transform:translate(-50%,-50%);z-index:-1;
  background:conic-gradient(from 0deg,#A78BFA,#60A5FA,#34D399,#FBBF24,#F472B6,#A78BFA);animation:nbSpin 6s linear infinite;will-change:transform}
@keyframes nbSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.nb-face{position:relative;display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 18px;border-radius:999px;color:#fff;font-weight:700;font-size:13.5px;letter-spacing:-.01em;
  background:radial-gradient(120% 140% at 30% 0%,#4A4A50 0%,#2C2C30 45%,#1A1A1D 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(0,0,0,.4)}
.nb-face span{background:linear-gradient(180deg,#FFFFFF,#D1D1D6);-webkit-background-clip:text;background-clip:text;color:transparent}
.nb-face i{font-size:15px;color:#E5E5EA;transition:transform .25s}
.nav-buy:hover{transform:translateY(-1px)}.nav-buy:hover .nb-ring{animation-duration:2.2s}.nav-buy:hover .nb-face i{transform:translateX(3px)}
@media (prefers-reduced-motion:reduce){.nav-partner::after,.nd-live::after,.nb-ring{animation:none!important}}