/* 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);}
.mega-panel-features{width:900px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px;max-width:88vw;}
.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);}