/* ============================================================
   LUNVAX — Ana sayfa menü v2 (nav-v2.css)
   SADECE index.html yükler. style.css'e dokunmaz; tüm kurallar
   #navbar.nav-v2 / .footer-grid--5 / .services-grid ile kapsamlanır.
   Hamburger eşiği: <=1140px (diğer sayfalar 900px kuralını korur).
   Renkler style.css değişkenlerinden (--yellow, --black-soft, ...).
   ============================================================ */

/* ── MASAÜSTÜ (>=1141px) ─────────────────────────────────── */
#navbar.nav-v2 .nav-inner{gap:24px}
#navbar.nav-v2 .nav-menu{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;gap:2px}
#navbar.nav-v2 .nav-item{position:relative;display:flex;align-items:center;height:68px}

#navbar.nav-v2 .nav-trigger,
#navbar.nav-v2 .nav-link{
  display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;
  font-family:var(--font-body);font-size:.85rem;font-weight:600;line-height:1.2;
  color:rgba(255,255,255,.8);background:none;border:0;border-radius:var(--radius-sm);
  white-space:nowrap;cursor:pointer;text-decoration:none;
  transition:color .15s ease,background-color .15s ease;
}
#navbar.nav-v2 .nav-trigger:hover,
#navbar.nav-v2 .nav-link:hover,
#navbar.nav-v2 .nav-item.open>.nav-trigger{color:var(--white);background:rgba(255,255,255,.08)}
#navbar.nav-v2 .nav-chev{flex-shrink:0;transition:transform .2s ease}
#navbar.nav-v2 .nav-item.open>.nav-trigger .nav-chev{transform:rotate(180deg)}

/* Odak halkası (WCAG 2.4.7 / 1.4.11) */
#navbar.nav-v2 .nav-trigger:focus-visible,
#navbar.nav-v2 .nav-link:focus-visible,
#navbar.nav-v2 .nav-dropdown a:focus-visible,
#navbar.nav-v2 .nav-toggle:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}

/* Açılır panel */
#navbar.nav-v2 .nav-dropdown{
  position:absolute;top:100%;left:0;z-index:1000;margin-top:8px;
  display:grid;grid-template-columns:repeat(2,minmax(230px,1fr));gap:8px 16px;
  width:max-content;max-width:calc(100vw - 32px);
  padding:16px;background:var(--black-soft);border:1px solid rgba(255,255,255,.12);
  border-radius:var(--radius-md);box-shadow:0 16px 40px rgba(0,0,0,.5);
  visibility:hidden;opacity:0;transform:translateY(-6px);pointer-events:none;
}
/* fareyi tetikleyici ile panel arasında düşürmemek için köprü */
#navbar.nav-v2 .nav-dropdown::before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}
#navbar.nav-v2 .nav-dropdown--narrow{grid-template-columns:minmax(230px,1fr)}
#navbar.nav-v2 .nav-dropdown--right{left:auto;right:0}
#navbar.nav-v2 .nav-item.open>.nav-dropdown{visibility:visible;opacity:1;transform:none;pointer-events:auto}

#navbar.nav-v2 .nav-group-title{
  font-family:var(--font-display);font-size:.7rem;font-weight:800;letter-spacing:.1em;
  text-transform:uppercase;color:var(--yellow);padding:0 12px;margin:0 0 4px;
}
#navbar.nav-v2 .nav-group>div.nav-group-links{display:flex;flex-direction:column;gap:2px}
#navbar.nav-v2 .nav-dropdown a{
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:40px;padding:6px 12px;
  font-size:.85rem;font-weight:600;line-height:1.3;color:rgba(255,255,255,.88);
  border-radius:var(--radius-sm);text-decoration:none;
  transition:color .15s ease,background-color .15s ease;
}
#navbar.nav-v2 .nav-dropdown a:hover{color:var(--white);background:rgba(255,255,255,.08)}
#navbar.nav-v2 .nav-link-sub{display:block;font-size:.75rem;font-weight:500;color:rgba(255,255,255,.62)}
#navbar.nav-v2 .nav-dropdown-foot{grid-column:1/-1;margin-top:4px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}
#navbar.nav-v2 .nav-dropdown-foot a{color:var(--yellow-light);flex-direction:row;align-items:center;justify-content:flex-start}
@media(pointer:coarse){#navbar.nav-v2 .nav-dropdown a{min-height:44px}}
#navbar.nav-v2 .nav-dropdown-foot a:hover{color:var(--white)}

/* Sağ blok: dil seçici + telefon + hamburger (mevcut sınıflar aynen) */
#navbar.nav-v2 .nav-right{flex-shrink:0}
#navbar.nav-v2 .nav-toggle{width:44px;height:44px}
#navbar.nav-v2 .nav-toggle:hover{background:rgba(255,255,255,.14)}

/* JS yüklenemezse (nav-ready sınıfı yok) masaüstünde hover/odak ile açılma yedeği */
@media(min-width:1141px){
  #navbar.nav-v2:not(.nav-ready) .nav-item:hover>.nav-dropdown,
  #navbar.nav-v2:not(.nav-ready) .nav-item:focus-within>.nav-dropdown{visibility:visible;opacity:1;transform:none;pointer-events:auto}
}

/* Panel geçişi (150ms ease-out) — sadece hareket tercihi kısıtlı değilse */
@media(min-width:1141px) and (prefers-reduced-motion:no-preference){
  #navbar.nav-v2 .nav-dropdown{transition:opacity .15s ease-out,transform .15s ease-out,visibility 0s linear .15s}
  #navbar.nav-v2 .nav-item.open>.nav-dropdown{transition-delay:0s}
}

/* ── HAMBURGER / MOBİL + TABLET (<=1140px) ───────────────── */
@media(max-width:1140px){
  #navbar.nav-v2 .nav-inner{gap:16px}
  #navbar.nav-v2 .nav-toggle{display:flex}
  #navbar.nav-v2 .nav-menu{
    display:none;position:absolute;top:68px;left:0;right:0;z-index:999;
    flex-direction:column;align-items:stretch;justify-content:flex-start;flex:none;gap:0;
    padding:8px 16px 24px;background:rgba(10,10,10,.98);
    -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
    border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 16px 32px rgba(0,0,0,.45);
    max-height:calc(100vh - 68px);overflow-y:auto;overscroll-behavior:contain;
  }
  #navbar.nav-v2 .nav-menu.open{display:flex}
  #navbar.nav-v2 .nav-item{display:block;position:static;height:auto;border-bottom:1px solid rgba(255,255,255,.07)}
  #navbar.nav-v2 .nav-item:last-child{border-bottom:0}
  #navbar.nav-v2 .nav-trigger,
  #navbar.nav-v2 .nav-link{width:100%;min-height:48px;justify-content:space-between;padding:0 12px;font-size:.95rem}
  #navbar.nav-v2 .nav-dropdown{
    position:static;display:none;width:auto;max-width:none;margin:0;
    padding:0 0 12px 12px;background:transparent;border:0;border-radius:0;box-shadow:none;
    visibility:visible;opacity:1;transform:none;pointer-events:auto;
    grid-template-columns:1fr;gap:8px;
  }
  #navbar.nav-v2 .nav-dropdown::before{display:none}
  #navbar.nav-v2 .nav-dropdown--narrow,
  #navbar.nav-v2 .nav-dropdown--right{grid-template-columns:1fr;left:auto;right:auto}
  #navbar.nav-v2 .nav-item.open>.nav-dropdown{display:grid}
  #navbar.nav-v2 .nav-dropdown a{min-height:44px;font-size:.92rem}
  #navbar.nav-v2 .nav-group-title{padding-top:8px}
  #navbar.nav-v2 .nav-dropdown-foot{margin-top:0}

  /* Hamburger -> X (aria-expanded ile) */
  #navbar.nav-v2 .nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  #navbar.nav-v2 .nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  #navbar.nav-v2 .nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}

/* Tablet (681-1140px): akordeon içindeki iki gruplu paneller yan yana */
@media(min-width:681px) and (max-width:1140px){
  #navbar.nav-v2 .nav-dropdown:not(.nav-dropdown--narrow){grid-template-columns:1fr 1fr;column-gap:24px}
}

/* Mobil sabit alt CTA çubuğu (#sticky-cta, <=680px) menünün son öğelerini kapatmasın */
@media(max-width:680px){#navbar.nav-v2 .nav-menu{padding-bottom:104px}}

/* ── FOOTER: ana sayfaya özel 5 sütun (style.css .footer-grid'e dokunulmaz) ── */
.footer-grid.footer-grid--5{grid-template-columns:1.3fr 1fr 1fr 1fr 1fr;gap:32px}
@media(max-width:1100px){
  .footer-grid.footer-grid--5{grid-template-columns:repeat(4,1fr);gap:28px}
  .footer-grid.footer-grid--5>.footer-brand{grid-column:1/-1}
}
@media(max-width:900px){
  .footer-grid.footer-grid--5{grid-template-columns:1fr 1fr;gap:28px}
}
@media(max-width:680px){
  .footer-grid.footer-grid--5{grid-template-columns:1fr}
}

/* ── HİZMET KARTLARI: 15 kart, 2 sütunlu kırılımda son (tek) kartı ortala ── */
@media(min-width:481px) and (max-width:900px){
  .services-grid>.service-card:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 8px)}
}

/* ── Hareket azaltma tercihi (AB Erişilebilirlik Yasası / WCAG 2.3.3) ── */
@media(prefers-reduced-motion:reduce){
  #navbar.nav-v2 *,#navbar.nav-v2 *::before,#navbar.nav-v2 *::after{transition:none!important;animation:none!important}
}

/* ── homepage service-card icon variant: gorselsiz dekoratif panel (gercek filo/ekip fotografi gelene kadar) ── */
.service-card-art{width:calc(100% + 40px);height:150px;margin:-24px -20px 16px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;align-items:center;justify-content:center;color:var(--yellow);background:radial-gradient(ellipse at 50% 70%,rgba(249,115,22,.18),transparent 62%),linear-gradient(135deg,#0f172a 0%,#1e293b 100%);overflow:hidden;transition:transform .4s ease}
.service-card-art svg{display:block;width:100%;height:100%;max-width:300px}
.service-card-art .art-soft{opacity:.4}
.service-card-art .art-wheel{fill:#0f172a;stroke:var(--yellow-light)}
.service-card:hover .service-card-art{transform:scale(1.04)}
@media(prefers-reduced-motion:reduce){.service-card-art{transition:none}.service-card:hover .service-card-art{transform:none}}