/* =====================================================================
   BOR HOLDING · ORTAK MENÜ (Voyager "main" menüsü)
   Ana sayfa ve alt sayfalarda home.css / subpage.css'ten SONRA yüklenir.
   Alt menü (dropdown) ve alt sayfalardaki mobil menü stillerini içerir.
   ===================================================================== */

/* ---------- Logo (site.logo görseli) ---------- */
.logo img{display:block;height:44px;width:auto;max-width:none}
@media (max-width:768px){.logo img{height:36px}}

/* ---------- Masaüstü menü listesi ---------- */
.menu-list{display:flex;align-items:center;gap:4px;margin:0;padding:0;list-style:none}
.menu-item{position:relative}
.menu-item>a{display:flex;align-items:center;gap:6px}
.menu-item .caret{width:9px;height:6px;flex:none;transition:transform .3s var(--ease)}
.menu-item:hover>a .caret,.menu-item:focus-within>a .caret{transform:rotate(180deg)}

/* ---------- Alt menü (dropdown) ---------- */
.sub-menu{position:absolute;left:0;top:100%;z-index:60;min-width:240px;margin:0;padding:8px 0;list-style:none;background:var(--ink);border:1px solid var(--line-inv);border-top:2px solid var(--secondary);opacity:0;visibility:hidden;transform:translate3d(0,8px,0);transition:opacity .25s,transform .3s var(--ease),visibility 0s .3s}
.menu-item:hover>.sub-menu,.menu-item:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .3s var(--ease),visibility 0s}
.sub-menu li{position:relative}
.sub-menu li:hover>.sub-menu,.sub-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .3s var(--ease),visibility 0s}
.sub-menu .sub-menu{left:auto;right:100%;top:-10px;transform:translate3d(-8px,0,0)}
.hdr .sub-menu a,.menu .sub-menu a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 20px;font-size:14px;font-weight:500;white-space:nowrap;color:var(--muted-inv);text-decoration:none}
.hdr .sub-menu a::after,.menu .sub-menu a::after{content:none}
.hdr .sub-menu a:hover,.menu .sub-menu a:hover{color:var(--white);background:color-mix(in oklab, var(--white) 6%, transparent)}
.sub-menu .caret{transform:rotate(90deg)}
.sub-menu .has-sub>a{flex-direction:row-reverse;justify-content:flex-end}

/* ---------- Burger (alt sayfalar; ana sayfada home.css tanımlı) ---------- */
.burger{display:none;width:48px;height:48px;margin-left:auto;position:relative;background:none;border:0;padding:0;cursor:pointer;color:inherit}
.burger i{position:absolute;left:12px;right:12px;height:2px;background:currentColor;transition:transform .35s var(--ease),opacity .2s}
.burger i:nth-child(1){top:17px}.burger i:nth-child(2){top:23px;right:20px}.burger i:nth-child(3){top:29px}
.burger[aria-expanded="true"] i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded="true"] i:nth-child(2){opacity:0}
.burger[aria-expanded="true"] i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media (max-width:1024px){.hdr-sub .menu,.hdr-sub .hdr-cta{display:none}.hdr-sub .burger{display:block}}
/* Ana sayfa header'ı (home.css ile aynı kırılım); menu.css sonra yüklendiği için burada da açılmalı */
@media (max-width:1180px){.hdr:not(.hdr-sub) .burger{display:block}}

/* ---------- Tam ekran köşeli mobil menü ---------- */
.ovl{position:fixed;inset:0;z-index:45;background:var(--ink);color:var(--white);clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 9vw));transform:translate3d(100%,0,0);visibility:hidden;transition:transform .55s var(--ease-io),visibility 0s .55s;display:flex;flex-direction:column;padding:calc(var(--hdr-h) + 40px + env(safe-area-inset-top,0px)) var(--margin) 80px;overflow-y:auto}
.ovl.open{transform:none;visibility:visible;transition:transform .55s var(--ease-io),visibility 0s}
.ovl ol{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;border-top:1px solid var(--line-inv)}
.ovl li{border-bottom:1px solid var(--line-inv);opacity:0;transform:translate3d(40px,0,0);transition:opacity .4s,transform .5s var(--ease)}
.ovl.open li{opacity:1;transform:none;transition-delay:calc(.2s + var(--i,0) * 60ms)}
.ovl a{display:flex;align-items:baseline;gap:16px;padding:14px 0;text-decoration:none;font-size:clamp(26px,6vw,40px);font-weight:300;font-stretch:110%;letter-spacing:-.02em;color:inherit}
.ovl a .mono{color:var(--secondary)}
/* Alt menüsü olan öğe: panel açan buton (bağlantıyla aynı görünür) */
.ovl-next{display:flex;align-items:baseline;gap:16px;width:100%;padding:14px 0;margin:0;border:0;background:none;color:inherit;font:inherit;font-size:clamp(26px,6vw,40px);font-weight:300;font-stretch:110%;letter-spacing:-.02em;text-align:left;cursor:pointer}
.ovl-next .mono{color:var(--secondary)}
.ovl-next .chev{width:10px;height:18px;margin-left:auto;align-self:center;flex:none;color:var(--secondary)}
/* Kademeli alt menü paneli: sağdan kayar, bir öncekinin üstüne biner */
/* Header'ın altından başlar (ana sayfada üst bant da hesaba katılır) */
.ovl-panel{position:fixed;top:calc(var(--hdr-h) + var(--topbar-h,0px) + env(safe-area-inset-top,0px));right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;background:var(--ink);padding:0 var(--margin) 80px;overflow-y:auto;overscroll-behavior:contain;transform:translate3d(100%,0,0);visibility:hidden;transition:transform .45s var(--ease-io),visibility 0s .45s}
.ovl-panel.is-open{transform:none;visibility:visible;transition:transform .45s var(--ease-io),visibility 0s}
.ovl-panel-head{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:24px 0 20px}
/* Menü açıkken header opak: altından kayan menü içeriği logonun arkasında görünmez (ana sayfa header'ı en üstte saydamdır) */
.menu-open .hdr-main{background:var(--ink)}
.ovl-back{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0;border:0;background:none;color:var(--secondary);font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.ovl-back .chev{width:8px;height:14px}
.ovl-title{font-size:clamp(30px,7vw,48px);line-height:1.05;font-weight:800;font-stretch:115%;letter-spacing:-.02em}
.ovl-panel li{opacity:1;transform:none;transition:none}
.ovl-panel a,.ovl-panel .ovl-next{font-size:clamp(22px,5vw,32px)}
.ovl-panel a.ovl-all{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-inv)}
.ovl-foot{margin-top:40px;display:grid;gap:8px;color:var(--muted-inv);font-size:15px}
.ovl-foot a{font-size:15px;padding:0;color:var(--white);text-decoration:none}

/* ---------- Detay sayfası: içindekiler yoksa içerik tam genişlik ---------- */
.legal.no-toc .doc{grid-column:2 / 12}
@media (max-width:1024px){.legal.no-toc .doc{grid-column:1 / -1}}