/* ============ NOVA FİLO — v11: halkalar yerli yerinde, kartların ARKASINDA ============ */

/* Başlık süslemeleri hep içeriğin arkasında kalsın (benzer araçlar, teklif kartları...) */
.nv-head ~ *, .section-head ~ * { position: relative; z-index: 1; }

/* Araç detayı / ön talep arkası: biraz küçük ana halka + içinde ince eş merkezli halkalar */
.detail-grid::before { width: 520px; height: 520px; right: -140px; top: -170px; }
.detail-grid::after {
  content: ""; position: absolute; z-index: -1; pointer-events: none;
  width: 520px; height: 520px; right: -140px; top: -170px; border-radius: 50%;
  background: repeating-radial-gradient(circle at 50% 50%, transparent 0 58px, color-mix(in srgb, var(--red) 30%, transparent) 58px 59px);
  -webkit-mask-image: radial-gradient(circle, #000 0 64%, transparent 65%);
  mask-image: radial-gradient(circle, #000 0 64%, transparent 65%);
  animation: gvBreath 7s ease-in-out infinite;
}
.detail-grid::after { will-change: transform, opacity; }

/* "İhtiyacınıza göre çalışma": halka sadece başlığın arkasında, alttaki karta taşmaz */
section[aria-label="Teklifler"] .nv-head::before { width: 210px; height: 210px; left: -50px; right: auto; top: -48px; }
section[aria-label="Teklifler"] .nv-head::after { width: 128px; height: 128px; left: -9px; right: auto; top: -7px; }

/* "Nasıl çalışır / Üç adımda kiralama": büyük daire yok */
section[aria-label="Süreç"] .nv-head::before, section[aria-label="Süreç"] .nv-head::after { display: none; }

/* Yasal sayfalar (Kiralama şartları vb.): halkalar başlığın arkasında, içindekiler üstündeki yeşil çizgi yok */
.legal-layout::before { display: none; }
body:has(.legal-layout) .page-hero::after { display: none; }
body:has(.legal-layout) .page-hero h1 { position: relative; isolation: isolate; }
body:has(.legal-layout) .page-hero h1::before {
  content: ""; position: absolute; z-index: -1; pointer-events: none;
  left: -70px; top: 50%; width: 300px; height: 300px; margin-top: -150px; border-radius: 50%;
  background: repeating-radial-gradient(circle at 50% 50%, transparent 0 36px, color-mix(in srgb, var(--red) 28%, transparent) 36px 37px);
  -webkit-mask-image: radial-gradient(circle, #000 0 66%, transparent 67%);
  mask-image: radial-gradient(circle, #000 0 66%, transparent 67%);
  animation: gvBreath 7s ease-in-out infinite;
}
body:has(.legal-layout) .page-hero h1::after {
  content: ""; position: absolute; z-index: -1; pointer-events: none;
  left: -70px; top: 50%; width: 300px; height: 300px; margin-top: -150px; border-radius: 50%;
  border: 1px dashed color-mix(in srgb, var(--red) 50%, transparent);
  background: radial-gradient(circle at 50% 0, var(--red) 0 4px, transparent 5px);
  animation: gvSpin 36s linear infinite;
}
@media (max-width: 760px) {
  body:has(.legal-layout) .page-hero h1::before, body:has(.legal-layout) .page-hero h1::after { width: 200px; height: 200px; margin-top: -100px; left: -40px; }
  .detail-grid::before, .detail-grid::after { width: 340px; height: 340px; right: -120px; top: -100px; }
}

/* Admin giriş butonu: siyah dağıtıldı, koyu orman yeşili zemin + iki uçta ışık */
.ap-login-btn,
.ap-login-btn:active {
  background: radial-gradient(70% 220% at 0% 50%, rgba(22, 160, 100, 0.95) 0%, rgba(22, 160, 100, 0) 74%), radial-gradient(60% 220% at 100% 50%, rgba(18, 140, 88, 0.8) 0%, rgba(18, 140, 88, 0) 72%), radial-gradient(34% 160% at 52% 50%, rgba(2, 10, 6, 0.55) 0%, rgba(2, 10, 6, 0) 100%), #0b2a1d !important;
  border: 1px solid rgba(47, 212, 122, 0.32) !important;
}
.ap-login-btn:hover {
  background: radial-gradient(70% 220% at 0% 50%, rgba(30, 184, 116, 1) 0%, rgba(30, 184, 116, 0) 74%), radial-gradient(60% 220% at 100% 50%, rgba(22, 160, 100, 0.9) 0%, rgba(22, 160, 100, 0) 72%), radial-gradient(34% 160% at 52% 50%, rgba(2, 10, 6, 0.5) 0%, rgba(2, 10, 6, 0) 100%), #0d3323 !important;
}
.vc-badge, .vc-badge-seg, .price-opt-label { font-size: 0.8rem; }