/* ==========================================================================
   Anadolu Gençlik Derneği — renk ve menü düzeni
   --------------------------------------------------------------------------
   Sitenin yapısı aynen korunur; bu dosya yalnızca renkleri tek bir palete
   toplar ve üst menüyü her sayfada aynı, okunaklı hâle getirir.

   Palet (52. dönem):
     Lacivert (ana renk) ....... #00325B
     Koyu lacivert (footer) .... #00274D
     Lacivert ikinci ton ....... #0A3E68
     Camgöbeği (vurgu) ......... #00A8E0   açık tonu #7FD4F0
     Logo mavisi ............... #0068B0
     Bağış yeşili .............. #008246   üzerine gelince #006F38

   Bu dosya iki yerden bağlanır:
     1) partials/header.blade.php  → sayfanın başında (menü ilk anda doğru görünsün)
     2) partials/footer.blade.php  → sayfanın sonunda (bazı iç sayfaların gövde
        sonunda yüklediği eski newcss dosyaları bu kuralları ezmesin)
   Tarayıcı dosyayı bir kez indirir.
   ========================================================================== */

:root{
  --agd-lacivert:#00325B;
  --agd-lacivert-2:#0A3E68;
  --agd-lacivert-koyu:#00274D;
  --agd-cam:#00A8E0;
  --agd-cam-acik:#7FD4F0;
  --agd-mavi:#0068B0;
  --agd-bagis:#008246;
  --agd-bagis-koyu:#006F38;
  --agd-yazi:#0F1E2D;
  --agd-zemin:#F2F5FA;
  --agd-cizgi:#E1E6EE;

  /* Temanın kendi ana rengi (main.css → hsl(var(--base))): #00325B
     Yönetim panelindeki "Base Color" ayarı ne olursa olsun bu geçerli olur. */
  --base-h:207; --base-s:100%; --base-l:18%;
  /* İkincil renk: #00274D */
  --secondary-h:209; --secondary-s:100%; --secondary-l:15%;
}

/* ---------- genel ---------- */
html body .cmn-btn,html body a.cmn-btn,html body button.cmn-btn{background-color:var(--agd-lacivert)}
html body .cmn-btn:hover,html body a.cmn-btn:hover,html body button.cmn-btn:hover{background-color:var(--agd-mavi)!important;color:#fff!important}
html body .scroll-top{background-color:var(--agd-lacivert)}
html body .scroll-top:hover{background-color:var(--agd-mavi)}
html body .preloader{background-color:var(--agd-lacivert)}

/* İç sayfa başlık şeridi: yerleşim ve fırça deseni aynı, renk lacivert */
html body .inner-page-hero{background-color:var(--agd-lacivert)!important}
html body .inner-page-hero::before{background-color:var(--agd-lacivert)!important}
html body .agd-breadcrumb{background-color:var(--agd-lacivert)!important;background-image:radial-gradient(ellipse 70% 90% at 85% 15%,rgba(0,168,224,.16) 0%,rgba(0,168,224,0) 70%),linear-gradient(110deg,var(--agd-lacivert-koyu) 0%,var(--agd-lacivert) 55%,var(--agd-lacivert-2) 100%)!important}
html body .agd-breadcrumb__title::after,html body .inner-page-hero .page-title::after{background:var(--agd-cam)!important}

/* ==========================================================================
   ÜST MENÜ — MASAÜSTÜ (1200px ve üzeri)
   ========================================================================== */
html body .header__bottom,
html body .header__bottom .navbar,
html body .header__bottom .navbar-nav.main-menu,
html body .header__bottom .navbar-nav.main-menu li,
html body .header__bottom .navbar-nav.main-menu li a,
html body .header__bottom .nav-right a,
html body .header__top a{font-family:"Roboto",sans-serif!important;text-align:left}

/* Kaydırınca sabitlenen menü: her sayfada aynı lacivert */
html body .header__bottom.menu-fixed{background-color:var(--agd-lacivert)!important;box-shadow:0 10px 30px -14px rgba(0,20,45,.55)!important}

@media (min-width:1200px){
  html body .header__bottom .navbar{min-height:88px}
  html body .header__bottom .site-logo{max-width:none;max-height:none;padding:6px 0}
  html body .header__bottom .site-logo img{max-height:70px!important;max-width:none!important;width:auto!important;height:auto!important;display:block}

  html body .header__bottom .navbar-nav.main-menu{margin-top:0!important;display:flex!important;align-items:center!important}
  html body .header__bottom .navbar-nav.main-menu>li{line-height:normal!important;margin-top:0!important;margin-bottom:0!important}

  /* üst bağlantılar */
  html body .header__bottom .navbar-nav.main-menu>li>a{color:#fff!important;font-size:15px!important;font-weight:600!important;letter-spacing:.5px!important;line-height:20px!important;text-transform:uppercase;padding:10px 14px!important;height:auto!important;min-height:0!important;opacity:1!important;text-decoration:none!important;transition:color .2s}
  html body .header__bottom .navbar-nav.main-menu>li>a:hover,
  html body .header__bottom .navbar-nav.main-menu>li.menu_has_children:hover>a,
  html body .header__bottom .navbar-nav.main-menu>li.menu_has_children:focus-within>a{color:#fff!important;text-decoration:underline!important;text-decoration-color:rgba(255,255,255,.55)!important;text-decoration-thickness:2px!important;text-underline-offset:8px!important}
  html body .header__bottom .navbar-nav.main-menu>li>a.custom-nav-active{color:#fff!important;text-decoration:underline!important;text-decoration-color:var(--agd-cam)!important;text-decoration-thickness:2px!important;text-underline-offset:8px!important}
  /* açılır menü oku */
  html body .header__bottom .navbar-nav.main-menu .menu_has_children::before{color:rgba(255,255,255,.75)!important;right:0}
  html body .header__bottom .navbar-nav.main-menu .menu_has_children>a{padding-right:20px!important}

  /* açılır kutu: beyaz kart, lacivert yazı */
  html body .header__bottom .navbar-nav.main-menu li .sub-menu{background-color:#fff!important;border:1px solid var(--agd-cizgi)!important;border-radius:12px!important;box-shadow:0 22px 44px -18px rgba(0,30,60,.38)!important;padding:8px!important;margin:0!important;width:auto!important;min-width:240px;left:-8px;line-height:normal!important}
  html body .header__bottom .navbar-nav.main-menu li .sub-menu::before{background-color:#fff!important;top:-13px;left:22px}
  html body .header__bottom .navbar-nav.main-menu li:focus-within .sub-menu{top:100%;opacity:1;visibility:visible}
  html body .header__bottom .navbar-nav.main-menu li .sub-menu li{line-height:normal!important;margin:0!important;padding:0!important;min-height:0!important;height:auto!important}
  html body .header__bottom .navbar-nav.main-menu li .sub-menu li a{display:block!important;color:var(--agd-yazi)!important;font-size:14.5px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;line-height:20px!important;padding:9px 14px!important;margin:0!important;height:auto!important;min-height:0!important;border:0!important;border-radius:8px;opacity:1!important;text-shadow:none!important;text-decoration:none!important;white-space:nowrap;transition:background-color .15s,color .15s!important}
  html body .header__bottom .navbar-nav.main-menu li .sub-menu li a:hover,
  html body .header__bottom .navbar-nav.main-menu li .sub-menu li a:focus{background-color:var(--agd-zemin)!important;color:var(--agd-lacivert)!important;padding-left:14px!important;padding-right:14px!important}
  html body .header__bottom .navbar-nav.main-menu li .sub-menu li a.aktif-alt{color:var(--agd-lacivert)!important;font-weight:700!important;background-color:var(--agd-zemin)!important;box-shadow:inset 3px 0 0 var(--agd-cam)}

  /* Online Bağış ve İletişim: aynı yükseklikte iki düğme */
  html body .header__bottom .menu-bagis-link-final,
  html body .header__bottom .nav-right a.cmn-btn{display:inline-flex!important;align-items:center;justify-content:center;height:42px!important;padding:0 18px!important;border-radius:8px!important;font-size:13.5px!important;font-weight:700!important;letter-spacing:.5px!important;line-height:1!important;text-transform:uppercase;text-decoration:none!important;white-space:nowrap;box-shadow:none!important;opacity:1!important;transition:background-color .2s,border-color .2s,color .2s!important}
  html body .header__bottom .menu-bagis-link-final{margin-left:14px!important}
  html body .header__bottom .nav-right{margin-left:10px!important}
}

/* Online Bağış — her ekran boyutunda yeşil */
html body .menu-bagis-link-final{background-color:var(--agd-bagis)!important;border:1.5px solid var(--agd-bagis)!important;color:#fff!important}
html body .menu-bagis-link-final:hover,html body .menu-bagis-link-final:focus{background-color:var(--agd-bagis-koyu)!important;border-color:var(--agd-bagis-koyu)!important;color:#fff!important;box-shadow:none!important}

/* İletişim — lacivert zeminde beyaz çerçeveli düğme */
html body .header__bottom .nav-right a.cmn-btn{background-color:transparent!important;border:1.5px solid rgba(255,255,255,.6)!important;color:#fff!important}
html body .header__bottom .nav-right a.cmn-btn:hover,html body .header__bottom .nav-right a.cmn-btn:focus{background-color:#fff!important;border-color:#fff!important;color:var(--agd-lacivert)!important}

/* Mobilde üst şeritteki küçük Online Bağış düğmesi */
html body .header-top-bagis-btn{margin:5px 0;display:inline-block}
html body .btn-bagis-top-new{display:inline-block;padding:6px 14px;background-color:var(--agd-bagis)!important;border:1px solid rgba(255,255,255,.35)!important;color:#fff!important;border-radius:6px!important;font-family:"Roboto",sans-serif!important;font-size:11.5px;font-weight:700;letter-spacing:.5px;line-height:1.4;text-decoration:none!important;box-shadow:0 2px 6px rgba(0,0,0,.2)}
html body .btn-bagis-top-new:hover{background-color:var(--agd-bagis-koyu)!important}

/* Bağlantı yazıları: inner-page.blade.php'deki ".page-wrapper a" rengi düğmeleri ezmesin */
html body a.cmn-btn,html body .page-wrapper a.cmn-btn{color:#fff!important}

/* ==========================================================================
   ÜST MENÜ — MOBİL VE TABLET (1199px ve altı)
   ========================================================================== */
@media (max-width:1199px){
  html body .header__bottom .site-logo,html body .header__bottom .site-logo img{max-width:150px!important;max-height:46px!important;width:auto!important;height:auto!important}
  html body .header__bottom.active{background-color:var(--agd-lacivert-koyu)!important}
  html body .header__bottom .navbar-toggler{color:#fff;font-size:30px;line-height:1}

  html body .header__bottom .navbar-collapse{background:var(--agd-lacivert)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;box-shadow:0 18px 40px -12px rgba(0,0,0,.55)!important;padding:6px 18px 18px!important;margin-top:12px!important}
  html body .header__bottom .navbar-nav.main-menu{padding:4px 0 6px}
  html body .header__bottom .navbar-nav.main-menu>li{margin:0!important;position:relative}
  html body .header__bottom .navbar-nav.main-menu>li>a{display:block!important;color:#fff!important;font-size:15px!important;font-weight:600!important;letter-spacing:.4px!important;line-height:1.5!important;text-transform:uppercase;padding:13px 28px 13px 0!important;border-bottom:1px solid rgba(255,255,255,.1)!important;opacity:1!important;text-decoration:none!important}
  html body .header__bottom .navbar-nav.main-menu>li>a.custom-nav-active{color:var(--agd-cam-acik)!important;text-decoration:none!important}
  /* açılır ok: sağda, ortalı, açıkken döner */
  html body .header__bottom .navbar-nav.main-menu .menu_has_children::before{display:none!important}
  html body .header__bottom .navbar-nav.main-menu li.menu_has_children>a::before{display:block!important;top:50%!important;right:2px!important;left:auto!important;margin-top:-10px;line-height:20px;color:rgba(255,255,255,.8)!important;transform:none!important}
  html body .header__bottom .navbar-nav.main-menu li.menu_has_children.open>a::before{transform:rotate(180deg)!important;color:#fff!important}
  /* alt menü */
  html body .header__bottom .navbar-nav.main-menu li .sub-menu{background:rgba(255,255,255,.05)!important;border:0!important;border-radius:10px!important;box-shadow:none!important;padding:6px 0!important;margin:8px 0 10px!important;width:100%!important;left:auto}
  html body .header__bottom .navbar-nav.main-menu li .sub-menu::before{display:none!important}
  html body .header__bottom .navbar-nav.main-menu li .sub-menu li{margin:0!important}
  html body .header__bottom .navbar-nav.main-menu li .sub-menu li a{display:block!important;color:rgba(255,255,255,.88)!important;font-size:14.5px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;line-height:1.4!important;padding:10px 16px!important;border:0!important;text-decoration:none!important}
  html body .header__bottom .navbar-nav.main-menu li .sub-menu li a:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}
  html body .header__bottom .navbar-nav.main-menu li .sub-menu li a.aktif-alt{color:#fff!important;font-weight:700!important;box-shadow:inset 3px 0 0 var(--agd-cam)}
  /* düğmeler */
  html body .header__bottom .nav-bagis-li-item{margin:16px 0 0!important;list-style:none!important;display:block!important;width:100%!important}
  html body .header__bottom .menu-bagis-link-final{display:block!important;width:100%!important;margin:0!important;padding:13px!important;border-radius:8px!important;font-size:14px!important;font-weight:700!important;text-align:center!important;text-decoration:none!important;border-bottom-width:1.5px!important}
  html body .header__bottom .nav-right{margin:10px 0 0!important;width:100%!important}
  html body .header__bottom .nav-right a.cmn-btn{display:block!important;width:100%!important;margin:0!important;padding:13px!important;border-radius:8px!important;font-size:14px!important;font-weight:700!important;text-align:center!important;line-height:1.4!important}
}

/* ==========================================================================
   ESKİ CSS'E KARŞI KORUMA
   Online bağış, banka bilgileri gibi sayfalar gövde sonunda eski temanın
   newcss/main.css dosyasını yüklüyor. O dosya bütün bağlantıları kalın ve
   ortalı yapıyor, kapsayıcı genişliğini değiştiriyor. Menü ve footer her
   sayfada aynı görünsün diye bu özellikler burada sabitlenir.
   ========================================================================== */
@media (min-width:1200px){
  html body .header__bottom>.container,html body .header__top>.container,html body .agd-footer .container{max-width:1240px;width:100%;padding-left:12px;padding-right:12px}
}
html body .header__bottom .site-logo{font-weight:400}
html body .agd-footer,html body .agd-footer a{text-align:left}
html body .agd-footer a{font-weight:inherit}
html body .agd-footer .row>[class*="col-"]{display:block;position:static}
html body .agd-footer__logo a{display:inline-block}
html body .agd-footer__link-item{font-weight:400}
html body .agd-footer__link-item--highlight{font-weight:600}
html body .agd-footer__social-link{font-weight:400}
html body .agd-footer__social-title{line-height:1.4}
html body .agd-footer__newsletter-input{font-size:15px;color:#fff;padding:11px 14px;border:0;box-shadow:none;height:auto;margin:0}
html body .agd-footer__newsletter-btn,html body .agd-footer__newsletter-btn *{text-transform:none}
@media (max-width:767px){
  html body .agd-footer__newsletter-input{padding:13px 16px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(0,0,0,.22)}
}
/* eski CSS: düğme genişliği, bağlantı zemini, mobil menü düğmesi */
html body .header__bottom .navbar-nav.main-menu>li:not(.nav-bagis-li-item)>a{background:transparent!important;box-shadow:none!important}
html body .header__bottom .nav-right{line-height:normal}
html body .header__bottom .nav-right a.cmn-btn{min-width:0!important;margin-bottom:0}
html body .header__bottom .navbar-toggler{font-size:35px!important;padding:0!important;border:0!important;background:transparent!important;color:#fff!important;line-height:1!important;text-transform:none!important;box-shadow:none!important}
@media (max-width:1199px){
  html body .header__bottom .nav-right a.cmn-btn{width:100%!important}
}
html body .header__bottom .site-logo .logo-icon{display:none!important}
@media (max-width:1199px){
  html body .header__bottom .navbar-nav.main-menu>li:not(.nav-bagis-li-item)>a{margin:0!important;background:transparent!important}
}

/* ==========================================================================
   YAZI TİPLERİ
   Eski newcss/main.css yüklenen sayfalarda (online bağış, banka bilgileri,
   komisyon sayfaları) gövde ve başlıklar Poppins'e düşüyordu. Tüm sayfalar
   temanın kendi yazı tiplerinde buluşur: gövde Roboto, başlık Baloo Tammudu 2.
   Sınıfla özel yazı tipi verilmiş bileşenler (alıntılar vb.) etkilenmez.
   ========================================================================== */
html body{font-family:"Roboto",sans-serif}
html body :is(h1,h2,h3,h4,h5,h6){font-family:"Baloo Tammudu 2",cursive}
html body :is(button,input[type="submit"]){font-family:inherit}

/* Eski temanın yardımcı renk sınıfları (newcss): palete bağlanır */
html body .bg-maincolor2{background-color:var(--agd-lacivert)!important}
html body .btn-maincolor2{background-color:var(--agd-lacivert)!important;border-color:var(--agd-lacivert)!important;color:#fff!important}
html body .btn-maincolor{background-color:var(--agd-lacivert)!important;border-color:var(--agd-lacivert)!important;color:#fff!important}
html body .btn-maincolor:hover,html body .btn-maincolor2:hover{background-color:var(--agd-mavi)!important;border-color:var(--agd-mavi)!important}
/* eski CSS üzerine gelince bağlantıları büyütüyordu (scale 1.05) */
html body .header__bottom a,html body .header__top a,html body .agd-footer a{transform:none!important}

/* ==========================================================================
   ÜZERİNE GELİNCE OKUNURLUK
   main.css'te "a:hover { color: ana renk !important }" kuralı var; ana renk
   lacivert olduğu için koyu zemindeki bağlantılar üzerine gelince
   kayboluyordu (footer bağlantıları, Ara düğmeleri vb.). Bu bileşenlerde
   üzerine gelince yazı beyaz kalır.
   ========================================================================== */
html body .agd-footer a:hover,html body .agd-footer a:focus{color:#fff!important}
html body .agd-footer a.agd-footer__social-link:hover,html body .agd-footer a.agd-footer__social-link:focus{color:#00122A!important}
html body .agd-footer a.agd-footer__social-link--x:hover,html body .agd-footer a.agd-footer__social-link--x:focus{color:#000!important}
html body a.agd-social__follow:hover,html body a.agd-social__follow:focus{color:#fff!important}
html body .evy-page a.evy-btn:hover,html body .evy-page a.evy-btn:focus{color:#fff!important}