/* Anasayfa hero fotoğrafı ile navbarı bütünleştiren saydam/cam görünüm.
   Sadece .coast-hero içeren sayfalarda (anasayfa) devreye girer; diğer
   sayfalardaki opak, sabit (sticky) navbar hiç etkilenmez. */
body:has(.coast-hero) .header{
  position:absolute;
  top:30px;
  left:0;
  right:0;
  z-index:20;
  background:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  border:0;
  box-shadow:none;
}
body:has(.coast-hero) .header::before{display:none}
/* Yalnızca menü başlıkları (logo hariç) silindir/kapsül şeklinde, iyice
   saydam bir çerçeve içinde gösterilir. */
body:has(.coast-hero) .nav{
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(18px) saturate(1.05);
  -webkit-backdrop-filter:blur(18px) saturate(1.05);
  border:1px solid rgba(255,255,255,.75);
  border-radius:999px;
  padding:6px 8px;
  box-shadow:0 14px 34px rgba(8,47,85,.18);
}
body:has(.coast-hero) .nav a,
body:has(.coast-hero) .nav button{color:#173047;text-shadow:none}
body:has(.coast-hero) .nav>a:first-child{background:rgba(0,168,132,.08);color:var(--teal-dark)}
body:has(.coast-hero) .nav a:hover,
body:has(.coast-hero) .nav button:hover,
body:has(.coast-hero) .nav-item:focus-within>button{background:rgba(0,168,132,.1);color:var(--teal-dark)}
body:has(.coast-hero) .brand img{filter:drop-shadow(0 3px 10px rgba(8,47,85,.35))}
body:has(.coast-hero) .header .actions .icon-btn{background:rgba(255,255,255,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-width:1px;border-color:rgba(255,255,255,.7);color:var(--navy)}
body:has(.coast-hero) .header .actions .icon-btn:hover,
body:has(.coast-hero) .header .actions .icon-btn:focus-visible{background:rgba(255,255,255,.8);border-color:#9ed4c2}

/* "Online İşlemler" düğmesini, menü öğeleriyle aynı silindir/kapsül
   çerçeve içine, menünün hemen devamına ekler (yalnızca menünün
   göründüğü geniş ekranlarda; dar ekranda menü zaten gizli olduğu
   için düğme kendi bağımsız yeşil görünümünde kalır). */
@media(min-width:1121px){
  body:has(.coast-hero) .nav{
    border-radius:999px 0 0 999px;
    border-right:0;
    padding-right:2px;
    margin-right:0;
  }
  body:has(.coast-hero) .online-services{
    order:2;
    margin-left:-6px;
    display:flex;
    align-items:center;
  }
  body:has(.coast-hero) .header .actions{order:3}
  body:has(.coast-hero) .online-services-toggle{
    box-sizing:border-box;
    height:55px;
    min-height:0;
    margin:0;
    padding:0 20px 0 16px;
    background:rgba(255,255,255,.82);
    backdrop-filter:blur(18px) saturate(1.05);
    -webkit-backdrop-filter:blur(18px) saturate(1.05);
    border:1px solid rgba(255,255,255,.75);
    border-left:0;
    border-radius:0 999px 999px 0;
    color:var(--teal-dark);
    box-shadow:0 14px 34px rgba(8,47,85,.18);
    font-size:15px;
    font-weight:700;
    gap:8px;
  }
  /* Menü öğeleri arasındaki aynı ince ayraç çizgisini (navbar-dividers.css),
     "Online İşlemler" düğmesinin de solunda göster; böylece menünün son
     öğesinden ayrıldığı belli olur ama çerçeve tek parça kalır. */
  body:has(.coast-hero) .online-services-toggle{
    background-image:linear-gradient(to bottom,
      transparent,
      rgba(0,168,132,.4) 10%,
      rgba(125,229,204,.95) 28%,
      rgba(125,229,204,.95) 72%,
      rgba(0,168,132,.4) 90%,
      transparent);
    background-position:left center;
    background-size:1.5px 30px;
    background-repeat:no-repeat;
  }
  body:has(.coast-hero) .online-services-toggle:hover,
  body:has(.coast-hero) .online-services-toggle[aria-expanded=true]{
    background:rgba(0,168,132,.28);
    border-color:rgba(255,255,255,.7);
  }
  body:has(.coast-hero) .online-services-chevron{
    border-color:var(--teal-dark);
    width:7px;
    height:7px;
  }
}

/* Açılır menü arkaplanını verilen renkle (#dceaf4) uyarla; açık zemine göre yazı renkleri koyulaştırıldı. */
body:has(.coast-hero) .header .nav .refined-drop{
  background:linear-gradient(165deg,#dceaf4 0%,#cee1ee 100%);
  backdrop-filter:blur(20px) saturate(1.15);
  -webkit-backdrop-filter:blur(20px) saturate(1.15);
  border-color:rgba(8,47,85,.14);
  border-top-color:#00a884;
  box-shadow:0 24px 50px rgba(6,26,46,.35);
}
body:has(.coast-hero) .refined-intro{
  background:linear-gradient(165deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,.08) 100%);
  border-right-color:rgba(8,47,85,.12);
}
body:has(.coast-hero) .refined-intro:before{border-color:rgba(8,47,85,.1)}
body:has(.coast-hero) .refined-eyebrow{
  background:#fff;
  border-color:rgba(8,47,85,.18);
  color:#00886c;
  text-shadow:none;
}
body:has(.coast-hero) .refined-intro h2{color:#082f55;text-shadow:none}
body:has(.coast-hero) .refined-intro p{color:#4d6672;text-shadow:none}
body:has(.coast-hero) .refined-motif{
  background:#fff;
  border-color:rgba(8,47,85,.14);
  color:#00886c;
  box-shadow:none;
}
body:has(.coast-hero) .refined-caption{color:#4d6672;text-shadow:none}
body:has(.coast-hero) .refined-body{
  background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,.05));
}
body:has(.coast-hero) .header .nav .refined-links>a{
  background:#fff!important;
  border-color:rgba(8,47,85,.14)!important;
  color:#082f55!important;
  text-shadow:none;
}
body:has(.coast-hero) .header .nav .refined-links>a:after{
  background:#edf8f4!important;
  color:#00886c;
}
body:has(.coast-hero) .header .nav .refined-links>a:hover,
body:has(.coast-hero) .header .nav .refined-links>a:focus-visible{
  background:#f1faf7!important;
  border-color:#9ed4c2!important;
  color:#00886c!important;
}
body:has(.coast-hero) .corporate-caption{color:#277d66}
body:has(.coast-hero) .corporate-emblem>span{color:#426c74}
body:has(.coast-hero) .corporate-emblem{border-bottom-color:rgba(8,47,85,.14)}
body:has(.coast-hero) .discover-emblem{
  border-color:rgba(8,47,85,.14);
  background:rgba(255,255,255,.4);
}
body:has(.coast-hero) .member{box-shadow:0 8px 20px rgba(0,0,0,.28)}
body:has(.coast-hero) .coast-hero-ataturk{--hero-portrait-top:148px}
body:has(.coast-hero) .coast-hero{min-height:452px}

/* Atatürk görselini ve alıntı yazısını bir tık yukarı ve sağa kaydır. */
body:has(.coast-hero) .coast-hero-ataturk{transform:translate(14px,-14px)}

/* Atatürk fotoğrafını bir tık küçült; kendi kutusu içinde ortada kalsın ki
   alttaki alıntı yazısıyla aynı eksende hizalı görünsün. */
body:has(.coast-hero) .coast-hero-ataturk img{transform:scale(.9)}

/* Atatürk portresinin altındaki alıntıyı görselin altında ortala. */
body:has(.coast-hero) .coast-hero-quote{
  text-align:center;
  border-left:none;
  padding:14px 4px 0;
}
body:has(.coast-hero) .coast-hero-quote:before{
  content:'';
  display:block;
  width:28px;
  height:2px;
  margin:0 auto 8px;
  background:rgba(0,210,168,.9);
}
@media(max-width:640px){
  body:has(.coast-hero) .coast-hero-quote{padding:7px 2px 0}
  body:has(.coast-hero) .coast-hero-quote:before{width:20px;height:2px;margin-bottom:5px}
}

/* "Güçlü Tarım, Güçlü Yarınlar" başlığını biraz aşağıya al; metin bloğu
   artık genişletilmiş başak tarlasının bittiği (soldan sağa geçişin
   tamamlandığı) noktadan sola yaslı olarak başlıyor. */
body:has(.coast-hero) .coast-hero-content{
  padding-left:170px;
  padding-right:36px;
  padding-top:calc(var(--hero-copy-top) + 54px);
  text-align:left;
}
@media(max-width:1120px){
  body:has(.coast-hero) .coast-hero-content{padding-left:220px;padding-right:20px}
}
@media(max-width:640px){
  body:has(.coast-hero) .coast-hero-content{padding-left:130px;padding-right:10px}
}

/* Sloganı bir punto küçült. */
body:has(.coast-hero) .coast-hero h1{font-size:clamp(24px,3.7vw,41px);margin-inline:0;max-width:460px}

/* "1926'dan bugüne..." yazısının sadece altı çizili olsun; arkasındaki koyu kutu kaldırıldı. */
body:has(.coast-hero) .coast-hero-motto{
  background:none;
  padding:0;
  margin-inline:0;
  text-align:left;
  text-decoration:underline;
  text-decoration-color:rgba(0,210,168,.85);
  text-decoration-thickness:2px;
  text-underline-offset:4px;
}

@media(max-width:1120px){
  body:has(.coast-hero) .header{top:0}
  body:has(.coast-hero) .coast-hero-ataturk{--hero-portrait-top:96px}
  body:has(.coast-hero) .coast-hero{min-height:320px}
}
@media(max-width:640px){
  body:has(.coast-hero) .coast-hero-ataturk{--hero-portrait-top:80px}
  body:has(.coast-hero) .coast-hero{min-height:300px}
}