/* =====================================================================
   FERRINI — header.css
   Daralan navbar (Aceternity Resizable Navbar): sayfa başında tam genişlik
   ve şeffaf; --nav-shrink-at kadar kaydırınca --nav-shrink-width'e büzülür,
   beyaz/bulanık zemin alır. Masaüstünde açılır alt menü; ≤1023px'te beyaz
   bar + sağdan kayan panel. Renkler/ölçüler tokens.css'ten.
   Skin: .rnav.dark (koyu fotoğraf üstü → beyaz yazı) / .rnav.light (açık sayfa → koyu yazı)
   ===================================================================== */
.rnav{position:fixed;inset-x:0;top:0;z-index:60;width:100%;pointer-events:none}
.rnav>*{pointer-events:auto}
/* duyuru bandı: sayfa başında nav'ın üstünde; kaydırınca (nav büzülünce) kapanır; × ile kapatılırsa html.duyuru-yok */
.rnav .duyuru{position:relative;display:flex;align-items:center;justify-content:center;height:var(--duyuru-h,36px);padding:0 44px 0 16px;background:var(--color-ink);color:#fff;font-size:13px;line-height:1.3;overflow:hidden;transition:height .35s var(--ease),opacity .25s}
.rnav .duyuru .in{display:flex;align-items:center;gap:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rnav .duyuru .etk{font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:var(--radius-pill);background:rgba(255,255,255,.14);flex:none}
.rnav .duyuru .og{opacity:.92}
.rnav .duyuru .og+.og::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.5);margin:0 14px 2px 0;vertical-align:middle}
.rnav .duyuru .kisa{display:none}
.rnav .duyuru .lnk{color:#fff;text-decoration:underline;text-underline-offset:3px;flex:none;font-weight:500}
.rnav .duyuru .kapat{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:0;background:none;color:#fff;font-size:22px;line-height:1;cursor:pointer;opacity:.75;transition:opacity .2s}
.rnav .duyuru .kapat:hover{opacity:1}
.rnav.visible .duyuru,html.duyuru-yok .rnav .duyuru{height:0;opacity:0;pointer-events:none}
html.duyurulu:not(.duyuru-yok){--duyuru-h:36px}
@media (max-width:640px){   /* dar ekran: kısa metinler, iki satıra sarar, bant 54 px */
  html.duyurulu:not(.duyuru-yok){--duyuru-h:54px}
  .rnav .duyuru{font-size:12px;padding:0 40px 0 12px}
  .rnav .duyuru .in{flex-wrap:wrap;justify-content:center;white-space:normal;text-align:center;gap:2px 10px;line-height:1.35}
  .rnav .duyuru .uzun,.rnav .duyuru .etk{display:none}.rnav .duyuru .kisa{display:inline}
  .rnav .duyuru .og+.og::before{margin-right:10px}
}
.rnav .body{
  --spring:.65s var(--ease-spring);
  position:relative;margin:0 auto;width:100%;max-width:min(var(--nav-max),calc(100% - 24px));
  min-width:min-content;gap:16px;   /* içerikten dar olamaz: büzülmüş hâlde uzun dillerde menü marka ve düğmelerin üstüne biniyordu */
  display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-radius:var(--radius-pill);
  background:transparent;box-shadow:none;transform:translateY(0);backdrop-filter:none;
  transition:width var(--spring),transform var(--spring),background .3s,box-shadow .3s,backdrop-filter .3s,color .3s;
  color:#fff;
}
.rnav.light .body{color:var(--color-ink)}
/* Kaydırınca çubuk büzülmez (eski --nav-shrink-width kaldırıldı): yalnız şeffaftan dolu zemine geçer
   ve üstten biraz iner. Kadir (2026-10-01): "sıkışmak yerine şeffaftan dolu arkaplana geçsin". */
.rnav.visible .body,.rnav.ara-acik .body{
  transform:translateY(12px);background:var(--nav-bg);
  backdrop-filter:blur(var(--nav-blur));-webkit-backdrop-filter:blur(var(--nav-blur));color:var(--color-ink);
  box-shadow:var(--shadow-nav),inset 0 1px 0 rgba(255,255,255,.1);
}
.rnav .brand{display:flex;align-items:center;gap:8px;padding:4px 8px;position:relative;z-index:2;color:inherit;flex:0 0 auto}
.rnav .brand .hlogo{height:24px;width:auto;display:block}

/* menü ögeleri: .it sarmalayıcı > a + (varsa) .sub */
.rnav .items{position:relative;flex:1 1 auto;min-width:max-content;display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;line-height:1;color:inherit;white-space:nowrap}
.rnav .items .it{position:relative}
.rnav .items .it>a{position:relative;display:block;padding:8px 14px;color:inherit;opacity:.85;transition:opacity .2s;z-index:2}
.rnav .items .it:hover>a{opacity:1}
.rnav .items .hpill{position:absolute;top:0;height:100%;border-radius:var(--radius-pill);background:rgba(255,255,255,.18);left:var(--x,0);width:var(--w,0);opacity:0;transition:left .3s var(--ease-spring),width .3s var(--ease-spring),opacity .2s;pointer-events:none}
.rnav.visible .items .hpill,.rnav.light .items .hpill{background:#f3f4f6}
.rnav .items.hov .hpill{opacity:1}
/* açılır alt menü */
.rnav .sub{
  position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,8px);min-width:240px;padding:8px;
  background:#fff;color:var(--color-ink);border-radius:var(--radius-media);box-shadow:var(--shadow-nav);
  opacity:0;visibility:hidden;transition:opacity .25s var(--ease),transform .3s var(--ease),visibility 0s linear .3s;
}
.rnav .sub::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}   /* fare köprüsü */
.rnav .it:hover .sub,.rnav .it:focus-within .sub{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .25s var(--ease),transform .3s var(--ease),visibility 0s}
.rnav .sub a{display:block;padding:9px 12px;border-radius:8px;font-size:14px;color:var(--color-ink);opacity:.85;transition:background .2s,opacity .2s}
.rnav .sub a:hover{background:var(--color-card);opacity:1}

.rnav .btns{display:flex;align-items:center;gap:8px;position:relative;z-index:2;flex:0 0 auto}
/* dil menüsü: düğme (aktif kod) + açılır liste (7 dil; yalnızca sayfası olanlar) — hover veya tıklama (.langs.open) */
.rnav .langs{position:relative}
.rnav .lang{display:inline-flex;align-items:center;gap:6px;padding:5px 8px 5px 6px;border-radius:var(--radius-pill);border:1px solid currentColor;background:none;color:inherit;cursor:pointer;opacity:.8;font-family:var(--font-label);font-weight:var(--weight-label);font-size:11px;letter-spacing:.1em;line-height:1;transition:opacity .2s,background .2s}
/* bayrak: emoji değil SVG sembol (Windows emoji bayrak çizmiyor) */
.rnav .bayrak{display:block;width:18px;height:12px;flex:none;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.rnav .lang .kod{display:block}
/* ok: menünün açılabilir olduğunu gösterir, açıkken döner */
.rnav .lang .ok{display:block;width:6px;height:6px;margin:-3px 1px 0 0;border-right:1.4px solid currentColor;border-bottom:1.4px solid currentColor;transform:rotate(45deg);opacity:.7;transition:transform .25s var(--ease),margin .25s var(--ease)}
.rnav .langs.open .lang .ok,.rnav .langs:hover .lang .ok{transform:rotate(-135deg);margin-top:2px}
.rnav .lang:hover,.rnav .langs.open .lang{opacity:1;background:rgba(255,255,255,.12)}
.rnav.visible .lang:hover,.rnav.light .lang:hover,.rnav.visible .langs.open .lang,.rnav.light .langs.open .lang{background:var(--color-card)}
.rnav .lmenu{position:absolute;top:calc(100% + 8px);right:0;min-width:150px;padding:6px;background:#fff;color:var(--color-ink);border-radius:var(--radius-media);box-shadow:var(--shadow-nav);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .2s,transform .2s,visibility .2s;z-index:5}
.rnav .langs:hover .lmenu,.rnav .langs.open .lmenu,.rnav .langs:focus-within .lmenu{opacity:1;visibility:visible;transform:none}
.rnav .lmenu a{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;font-size:14px;color:var(--color-ink);opacity:.85;white-space:nowrap;transition:background .2s,opacity .2s}
.rnav .lmenu a:hover{opacity:1;background:var(--color-card)}
.rnav .lmenu a.on{opacity:1;font-weight:500;background:var(--color-card)}
.rnav .lmenu a.on::after{content:"";width:11px;height:6px;margin-left:auto;border-left:1.5px solid var(--color-ink);border-bottom:1.5px solid var(--color-ink);transform:rotate(-45deg) translate(1px,-2px)}
.rnav .lmenu a:not(.on)::after{content:"";width:11px;margin-left:auto}   /* adlar aynı hizada kalsın */

/* Büzülmüş çubuk: ölçüler de biraz sıkışır. Uzun dillerde (ES, FR) çubuk içeriğinden dar
   olamadığı için sıkışma olmadan neredeyse hiç küçülmüyordu. */
.rnav .items .it>a,.rnav .btns .btn{transition:opacity .2s,background .2s,color .2s,transform .15s}

/* ---------- arama ---------- */
.rnav .ara-ac{display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 8px;border:1px solid currentColor;border-radius:var(--radius-pill);background:none;color:inherit;cursor:pointer;opacity:.8;font-family:var(--font-label);font-weight:var(--weight-label);font-size:11px;letter-spacing:.1em;text-transform:uppercase;line-height:1;transition:opacity .2s,background .2s}
.rnav .ara-ac .ico{width:15px;height:15px;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
.rnav .ara-ac:hover{opacity:1;background:rgba(255,255,255,.12)}
.rnav.visible .ara-ac:hover,.rnav.light .ara-ac:hover{background:var(--color-card)}
.rnav .ara-ac.sade{padding:6px;border:0;opacity:.85}
.rnav .ara-ac.sade .ico{width:20px;height:20px}
/* kutu çubuğun içine, menü ve düğmelerin üstüne açılır */
/* --sol: markanın sağ kenarı (betik ölçer) — logo açıkken kutu onun sağından başlar */
.rnav .arama{position:absolute;inset:0;z-index:4;display:flex;align-items:center;gap:10px;padding:0 18px 0 calc(var(--sol,0px) + 18px);opacity:0;visibility:hidden;transform:translateY(3px);transition:opacity .22s,transform .3s var(--ease),visibility 0s linear .3s}
.rnav.ara-acik .arama.acik{opacity:1;visibility:visible;transform:none;transition:opacity .22s,transform .3s var(--ease),visibility 0s}
.rnav.ara-acik .items,.rnav.ara-acik .btns,.rnav.ara-acik .mhead{opacity:0;visibility:hidden;transition:opacity .18s,visibility 0s linear .18s}
.rnav .arama .ico{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;opacity:.5}
.rnav .arama input{flex:1 1 auto;min-width:0;padding:12px 0;border:0;background:none;color:inherit;font-family:var(--font-display);font-weight:var(--weight-display);font-size:17px;line-height:1.2;letter-spacing:-.005em;outline:none;-webkit-appearance:none;appearance:none}
.rnav .arama input::placeholder{color:currentColor;opacity:.4}
.rnav .arama input::-webkit-search-cancel-button,.rnav .arama input::-webkit-search-decoration{-webkit-appearance:none;display:none}
.rnav .akapat{flex:none;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:none;color:inherit;opacity:.55;cursor:pointer;transition:opacity .2s,background .2s}
.rnav .akapat svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
.rnav .akapat:hover{opacity:1;background:var(--color-card)}
/* sonuç listesi: çubuğun altında */
.rnav .asonuc{position:absolute;top:calc(100% + 12px);left:var(--sol,0px);width:min(620px,calc(100% - var(--sol,0px)));display:none;max-height:min(62vh,440px);overflow:auto;overscroll-behavior:contain;padding:6px;background:#fff;color:var(--color-ink);border-radius:var(--radius-media);box-shadow:var(--shadow-nav);text-align:left}
.rnav .arama.dolu .asonuc{display:block}
.rnav .asonuc a{display:block;padding:9px 12px;border-radius:10px;color:inherit;transition:background .15s}
.rnav .asonuc a:hover,.rnav .asonuc a.se{background:var(--color-card)}
.rnav .asonuc .o{display:block;font-family:var(--font-label);font-weight:var(--weight-label);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--color-ink-soft)}
.rnav .asonuc .b{display:block;font-size:14.5px;font-weight:500;letter-spacing:-.005em;margin-top:1px}
.rnav .asonuc .b mark{background:none;color:var(--color-accent);font-weight:600}
.rnav .asonuc .a{display:block;font-size:12.5px;line-height:1.45;color:var(--color-ink-soft);margin-top:2px}
.rnav .asonuc .yok{padding:18px 12px;font-size:14px;color:var(--color-ink-soft)}
/* arkadaki sayfayı bulanıklaştıran katman (çubuğun ardında, sayfanın önünde) */
.rnav .aperde{position:fixed;inset:0;z-index:0;background:rgba(20,24,30,.2);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s linear .3s}
.rnav.ara-acik .aperde{opacity:1;visibility:visible;transition:opacity .3s,visibility 0s}
@media (prefers-reduced-motion:reduce){.rnav .arama,.rnav .aperde{transition-duration:.01s}}

/* ---------- dar masaüstü: uzun dillerde (ES, FR, IT) çubuk 1280 px'e sığmıyor ---------- */
@media (max-width:1320px){
  .rnav .body{gap:10px;padding:8px 12px}
  .rnav .items{font-size:13px;gap:0}
  .rnav .items .it>a{padding:8px 10px}
  .rnav .btns{gap:6px}
  .rnav .btns .btn{padding:8px 12px}
  .rnav .lang{padding:5px 7px 5px 5px;gap:5px;letter-spacing:.06em}
}
@media (max-width:1140px){
  .rnav .body{gap:8px;padding:8px 10px}
  .rnav .items{font-size:12.5px}
  .rnav .items .it>a{padding:8px 7px}
  .rnav .btns .btn{padding:8px 10px;font-size:11px;letter-spacing:.06em}
  .rnav .brand .hlogo{height:21px}
  .rnav .lang .kod{display:none}   /* çok dar: bayrak ve ok yeter */
}

/* ---------- mobil / tablet ---------- */
.rnav .mobile,.rnav .mmenu{display:none}
@media (max-width:1023px){
  .rnav .body{display:none}
  .rnav .mobile{
    display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative;margin:12px auto 0;width:100%;max-width:calc(100vw - 2rem);
    padding:8px 12px;border-radius:14px;background:var(--nav-bg);color:var(--color-ink);backdrop-filter:blur(var(--nav-blur));-webkit-backdrop-filter:blur(var(--nav-blur));
    box-shadow:var(--shadow-nav);
    transition:width .65s var(--ease-spring),margin .65s var(--ease-spring),background .3s,box-shadow .3s;
  }
  .rnav .mhead{display:flex;width:100%;align-items:center;justify-content:space-between;transition:opacity .18s}
  .rnav .mright{display:flex;align-items:center;gap:4px}
  .rnav .mtoggle{background:none;border:0;padding:6px;cursor:pointer;color:inherit;display:grid;place-items:center}
  .rnav .mtoggle svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  /* panel açıkken alttaki çubuk gizlenir: marka ve dil seçimi panelin kendi başlığında */
  .rnav.open .mobile{opacity:0;pointer-events:none;transition:opacity .2s}
  /* sağdan kayan panel + karartma. Not: panel .rnav'ın doğrudan çocuğu; .mobile'ın transform/backdrop-filter'ı fixed'i kırar */
  .rnav .mmenu{
    position:fixed;top:0;right:0;bottom:0;display:flex;width:min(84vw,360px);flex-direction:column;align-items:flex-start;gap:6px;overflow:auto;
    background:#fff;color:var(--color-ink);padding:0;border-radius:24px 0 0 24px;
    box-shadow:0 0 0 1px rgba(34,42,53,.04),-24px 0 80px -20px rgba(20,24,30,.25);
    transform:translateX(104%);visibility:hidden;pointer-events:none;
    transition:transform .55s var(--ease-spring),visibility 0s linear .55s;
  }
  .rnav.open .mmenu{transform:none;visibility:visible;pointer-events:auto;transition:transform .55s var(--ease-spring),visibility 0s}
  .rnav .mmenu::before{content:"";position:fixed;inset:0;right:min(84vw,360px);background:rgba(20,24,30,.28);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .4s;pointer-events:none}
  .rnav.open .mmenu::before{opacity:1;pointer-events:auto}
  /* panelin kendi başlığı: marka solda, dil ve kapat sağda */
  .rnav .mmhead{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 14px 22px;border-bottom:1px solid var(--color-line)}
  .rnav .mmhead .brand{padding:0}
  .rnav .mmhead .brand .hlogo{height:21px}
  .rnav .mclose{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:none;color:inherit;opacity:.6;cursor:pointer;transition:opacity .2s,background .2s}
  .rnav .mclose svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
  .rnav .mclose:hover{opacity:1;background:var(--color-card)}
  /* ana başlıklar; alt başlığı olan başlık düğmedir, basınca altı açılır (akordeon, header.php .mgrp) */
  .rnav .mlist{display:flex;flex-direction:column;width:100%;padding:18px 22px 8px}
  .rnav .mlist>*{opacity:0;transform:translateX(16px);transition:opacity .35s var(--ease),transform .45s var(--ease)}
  .rnav.open .mlist>*{opacity:1;transform:none}
  .rnav.open .mlist>:nth-child(1){transition-delay:.10s}.rnav.open .mlist>:nth-child(2){transition-delay:.15s}.rnav.open .mlist>:nth-child(3){transition-delay:.20s}.rnav.open .mlist>:nth-child(4){transition-delay:.25s}.rnav.open .mlist>:nth-child(5){transition-delay:.30s}.rnav.open .mlist>:nth-child(6){transition-delay:.35s}
  .rnav .mmenu .mit{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:11px 0;border:0;background:none;color:inherit;
    font:inherit;font-size:21px;line-height:1.25;letter-spacing:-.012em;text-align:left;cursor:pointer;transition:color .2s}
  .rnav .mmenu .mit:hover,.rnav .mmenu .mit[aria-current],.rnav .mgrp.acik .mit{color:var(--color-accent)}
  .rnav .mit .mok{flex:none;width:9px;height:9px;margin:-5px 4px 0 0;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);opacity:.55;transition:transform .3s var(--ease),margin .3s var(--ease)}
  .rnav .mgrp.acik .mit .mok{transform:rotate(-135deg);margin-top:4px}
  /* alt liste: yükseklik 0fr→1fr ile açılır; kapalıyken bağlantılar odak almaz (visibility) */
  .rnav .msub{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .35s var(--ease),visibility 0s linear .35s}
  .rnav .mgrp.acik .msub{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .35s var(--ease),visibility 0s}
  .rnav .msub>div{min-height:0;overflow:hidden;display:flex;flex-direction:column;margin-left:2px;border-left:1px solid var(--color-line)}
  .rnav .msub a{display:block;padding:8px 0 8px 16px;font-size:16px;line-height:1.3;color:var(--color-ink-soft);transition:color .2s}
  .rnav .msub a:first-child{margin-top:2px}.rnav .msub a:last-child{margin-bottom:10px}
  .rnav .msub a:hover{color:var(--color-ink)}
  .rnav .msub a[aria-current]{color:var(--color-ink);font-weight:500;box-shadow:inset 2px 0 0 var(--color-accent)}
  @media (prefers-reduced-motion:reduce){.rnav .msub,.rnav .mgrp.acik .msub,.rnav .mit .mok{transition:none}}
  .rnav .mmenu .btns{width:100%;flex-direction:column;gap:10px;margin-top:auto;padding:16px 22px 26px;opacity:0;transform:translateX(16px);transition:opacity .35s var(--ease) .36s,transform .45s var(--ease) .36s}
  .rnav.open .mmenu .btns{opacity:1;transform:none}
  .rnav .mmenu .btn{width:100%;text-align:center;padding:14px 16px}
  .rnav.open .mobile{z-index:61}
  /* mobil aramada kutu çubuğun içinde açılır; sonuç listesi çubuğun altında */
  .rnav .mobile .arama{padding:0 12px}
  .rnav .mobile .arama input{font-size:16px}
}