/* ═══ v5 cila katmanı — dondurulmuş sayfalara freeze-v5.py enjekte eder ═══
   KURAL: markup'a dokunulmaz; kararlı seçiciler (data-dc-tpl / src / scp sınıfları).
   Inline stilleri ezmek için !important ŞART. Palet/tipografi değişmez.
   Kaynak: 2026-09-03 UI/UX ajan denetimi (çakışma-matrisi doğrulamalı) —
   tpl ID'leri sayfa-başına: ≥45 yalnız home; scp0-4 üç sayfada aynı semantik. */

/* ── 1) "All of the Mediterranean" bandı: üst #0B1D21 bölüme, alt #081114
   bölüme birebir oturan, iki ucu yumuşatılmış köprü (Göko şikayeti). ── */
div[data-dc-tpl="98"] > div[data-dc-tpl="101"] {
  /* Göko 15:50: örtü videoya çökmüştü — üst geçiş %26'da biter, orta pencere
     geniş (video rahat), alt köprü %72'den başlar. Uç renkler komşu zeminler. */
  background: linear-gradient(
    to bottom,
    rgb(11, 29, 33) 0%,
    rgba(11, 29, 33, 0.96) 3%,
    rgba(11, 29, 33, 0.82) 7%,
    rgba(11, 29, 33, 0.6) 11%,
    rgba(11, 29, 33, 0.4) 15%,
    rgba(11, 29, 33, 0.23) 19%,
    rgba(11, 29, 33, 0.1) 23%,
    rgba(11, 29, 33, 0) 26%,
    rgba(8, 17, 20, 0) 72%,
    rgba(8, 17, 20, 0.12) 78%,
    rgba(8, 17, 20, 0.32) 84%,
    rgba(8, 17, 20, 0.55) 89%,
    rgba(8, 17, 20, 0.75) 93%,
    rgba(8, 17, 20, 0.92) 97%,
    rgb(8, 17, 20) 100%
  ) !important;
}

/* ── 2) Gün-batımı klibi palete çekilir (berth bandı grade'iyle aynı dil) ── */
video[src*="media/hero.mp4"] {
  filter: grayscale(0.35) saturate(0.68) brightness(0.8) contrast(1.05) !important;
}

/* ── 3) Mobil nav taşması: ~900px altında linkler kırpılıp ERİŞİLMEZ oluyordu ── */
@media (max-width: 900px) {
  nav[data-nav] {
    flex-wrap: wrap !important;
    padding-top: 8px !important;
    padding-bottom: 12px !important;
  }
  nav[data-nav] > div:not([data-progress]) {
    flex-wrap: wrap !important;
    row-gap: 6px !important;
    width: 100%;
  }
  nav[data-nav] img {
    height: 38px !important;
  }
}

/* ── 4) Sessiz link hover'ları: inline renk global a:hover'ı eziyordu — diril ── */
a.scp1,
a.scp0,
span.scp0,
a[href^="tel:"],
a[href^="mailto:"] {
  transition: color 0.22s ease;
}
a.scp1:hover,
a.scp0:hover,
span.scp0:hover,
a[href^="tel:"]:hover,
a[href^="mailto:"]:hover {
  color: #c6a14c !important;
}

/* ── 5) CTA butonları: altın dolgu (scp2) + çerçeveli (scp3) geri bildirim ── */
a.scp2 {
  transition:
    filter 0.22s ease,
    transform 0.15s ease;
}
a.scp2:hover {
  filter: brightness(1.08);
}
a.scp2:active {
  filter: brightness(0.95);
  transform: translateY(1px);
}
a.scp3 {
  transition:
    border-color 0.22s ease,
    color 0.22s ease,
    background-color 0.22s ease;
}
a.scp3:hover {
  border-color: rgba(198, 161, 76, 0.75) !important;
  color: #c6a14c !important;
  background-color: rgba(198, 161, 76, 0.06);
}

/* ── 6) Klavye odağı: koyu zeminde marka-uyumlu altın halka ── */
a:focus-visible {
  outline: 2px solid rgba(198, 161, 76, 0.9);
  outline-offset: 3px;
}

/* ── 7) Servis satırları (tam-satır link): hover yıkaması + ok canlanması ── */
a.scp4:hover {
  background-color: rgba(243, 241, 234, 0.03);
}
[data-dc-tpl="87"] {
  transition:
    color 0.25s ease,
    transform 0.25s ease;
}
a.scp4:hover [data-dc-tpl="87"] {
  color: #c6a14c !important;
  transform: translateX(4px);
}

/* ── 8) FAQ satırları: cevap DOM'da yok — tıklama vaadi kaldırılır, sakin hover ── */
[data-dc-tpl="134"] {
  cursor: default !important;
}
[data-dc-tpl="134"]:hover {
  background-color: rgba(243, 241, 234, 0.025);
}
[data-dc-tpl="136"] {
  transition: color 0.25s ease;
}
[data-dc-tpl="134"]:hover [data-dc-tpl="136"] {
  color: #c6a14c !important;
}

/* ── 9) prefers-reduced-motion: sistem tercihi sayılır ── */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}