/* VoxCard V7 — ortak, rota duyarlı arayüz katmanı */
:root {
  --vox-ink: #171a16;
  --vox-ink-2: #252a23;
  --vox-muted: #686d63;
  --vox-paper: #f5f2e9;
  --vox-paper-2: #ece9df;
  --vox-paper-bright: #fffef9;
  --vox-lime: #c8ff38;
  --vox-lime-strong: #afe925;
  --vox-lime-deep: #536f00;
  --vox-line: rgba(23, 26, 22, .13);
  --vox-line-strong: rgba(23, 26, 22, .22);
  --vox-shadow-sm: 0 10px 30px rgba(31, 34, 28, .07);
  --vox-shadow: 0 24px 70px rgba(31, 34, 28, .11);
  --vox-radius-sm: 16px;
  --vox-radius: 24px;
  --vox-radius-lg: 32px;
}

html.vox-v7-ui {
  scroll-behavior: smooth;
  color-scheme: light;
}

html.vox-v7-ui *,
html.vox-v7-ui *::before,
html.vox-v7-ui *::after { box-sizing: border-box; }

html.vox-v7-ui body[data-vox-area] {
  margin: 0;
  min-height: 100vh;
  font-family: Manrope, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

html.vox-v7-ui body[data-vox-area="public"],
html.vox-v7-ui body[data-vox-area="legal"],
html.vox-v7-ui body[data-vox-area="account"],
html.vox-v7-ui body[data-vox-area="commerce"] {
  color: var(--vox-ink);
  background:
    radial-gradient(circle at 94% 3%, rgba(200, 255, 56, .23), transparent 28rem),
    radial-gradient(circle at 4% 62%, rgba(200, 255, 56, .08), transparent 24rem),
    radial-gradient(rgba(23, 26, 22, .10) .55px, transparent .7px),
    var(--vox-paper) !important;
  background-size: auto, auto, 5px 5px, auto !important;
}

/* Koyu işlem/rehber ekranları bilinçli olarak ana sayfanın siyah yüzeyini kullanır. */
html.vox-v7-ui body[data-vox-page="hediye-odeme"],
html.vox-v7-ui body[data-vox-page="fiziki-odeme"],
html.vox-v7-ui body[data-vox-page="kart-nasil-kurulur"] {
  color: #f6f8f2;
  background:
    radial-gradient(circle at 88% 2%, rgba(200, 255, 56, .14), transparent 28rem),
    radial-gradient(rgba(255, 255, 255, .045) .55px, transparent .7px),
    #111410 !important;
  background-size: auto, 5px 5px, auto !important;
  color-scheme: dark;
}

html.vox-v7-ui body[data-vox-area="commerce"][data-vox-page="hediye-odeme"] > nav,
html.vox-v7-ui body[data-vox-area="commerce"][data-vox-page="fiziki-odeme"] > nav,
html.vox-v7-ui body[data-vox-area="commerce"][data-vox-page="kart-nasil-kurulur"] > nav,
html.vox-v7-ui body[data-vox-area="commerce"][data-vox-page="kart-nasil-kurulur"] > header {
  color: #fff;
  border-color: rgba(255, 255, 255, .10) !important;
  background: rgba(17, 20, 16, .87) !important;
}

html.vox-v7-ui body[data-vox-page="hediye-odeme"] .glass {
  border-color: rgba(255, 255, 255, .11) !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .035)) !important;
  box-shadow: 0 28px 82px rgba(0, 0, 0, .27) !important;
}

html.vox-v7-ui body[data-vox-page="hediye-odeme"] .text-orange-200,
html.vox-v7-ui body[data-vox-page="hediye-odeme"] .text-orange-300,
html.vox-v7-ui body[data-vox-page="fiziki-odeme"] .text-orange-200,
html.vox-v7-ui body[data-vox-page="fiziki-odeme"] .text-orange-300 { color: var(--vox-lime) !important; }

html.vox-v7-ui body[data-vox-page="hediye-odeme"] a.bg-gradient-to-r {
  color: var(--vox-ink) !important;
  background: linear-gradient(135deg, var(--vox-lime), var(--vox-lime-strong)) !important;
  box-shadow: 0 16px 36px rgba(148, 196, 24, .20) !important;
}

html.vox-v7-ui body[data-vox-area="dashboard"] {
  font-family: Manrope, Inter, system-ui, -apple-system, sans-serif !important;
}

html.vox-v7-ui body[data-vox-area="dashboard"]:not(.vox-panel-premium) {
  color: var(--vox-ink);
  background:
    radial-gradient(circle at 92% 2%, rgba(200, 255, 56, .18), transparent 24rem),
    radial-gradient(rgba(23, 26, 22, .09) .55px, transparent .7px),
    var(--vox-paper) !important;
  background-size: auto, 5px 5px, auto !important;
}

html.vox-v7-ui body[data-vox-area="admin"] {
  font-family: Manrope, Inter, system-ui, -apple-system, sans-serif !important;
}

/* Ortak üst yüzeyler */
html.vox-v7-ui body[data-vox-area]:not([data-vox-area="dashboard"]) header,
html.vox-v7-ui body[data-vox-area]:not([data-vox-area="dashboard"]) nav.sticky,
html.vox-v7-ui body[data-vox-area]:not([data-vox-area="dashboard"]) .sticky.top-0 {
  -webkit-backdrop-filter: blur(22px) saturate(1.12);
  backdrop-filter: blur(22px) saturate(1.12);
}

html.vox-v7-ui body[data-vox-area="public"] header,
html.vox-v7-ui body[data-vox-area="legal"] header,
html.vox-v7-ui body[data-vox-area="commerce"] > header,
html.vox-v7-ui body[data-vox-area="commerce"] > nav {
  color: var(--vox-ink);
  border-color: var(--vox-line) !important;
  background: rgba(245, 242, 233, .88) !important;
  box-shadow: 0 10px 34px rgba(23, 26, 22, .055);
}

/* Renk eşlemesi: ana sayfanın siyah + krem + lime dili */
html.vox-v7-ui body[data-vox-area="public"] .bg-white,
html.vox-v7-ui body[data-vox-area="public"] .bg-slate-50,
html.vox-v7-ui body[data-vox-area="legal"] .bg-white,
html.vox-v7-ui body[data-vox-area="legal"] .bg-slate-50,
html.vox-v7-ui body[data-vox-area="account"] .bg-white,
html.vox-v7-ui body[data-vox-area="account"] .bg-slate-50,
html.vox-v7-ui body[data-vox-area="commerce"] .bg-white,
html.vox-v7-ui body[data-vox-area="commerce"] .bg-slate-50 {
  background-color: rgba(255, 254, 249, .92) !important;
}

html.vox-v7-ui body[data-vox-area] .bg-slate-950,
html.vox-v7-ui body[data-vox-area] .bg-slate-900,
html.vox-v7-ui body[data-vox-area] .bg-gray-900 {
  background-color: var(--vox-ink) !important;
}

html.vox-v7-ui body[data-vox-area] .bg-blue-600,
html.vox-v7-ui body[data-vox-area] .bg-blue-700,
html.vox-v7-ui body[data-vox-area] .bg-indigo-600,
html.vox-v7-ui body[data-vox-area] button.bg-primary,
html.vox-v7-ui body[data-vox-area] a.bg-primary {
  color: var(--vox-ink) !important;
  border-color: #a3d51e !important;
  background: linear-gradient(135deg, var(--vox-lime), var(--vox-lime-strong)) !important;
  box-shadow: 0 13px 30px rgba(139, 184, 21, .22) !important;
}

html.vox-v7-ui body[data-vox-area] .text-blue-400,
html.vox-v7-ui body[data-vox-area] .text-blue-500,
html.vox-v7-ui body[data-vox-area] .text-blue-600,
html.vox-v7-ui body[data-vox-area] .text-blue-700,
html.vox-v7-ui body[data-vox-area] .text-indigo-600,
html.vox-v7-ui body[data-vox-area] .text-primary { color: var(--vox-lime-deep) !important; }

html.vox-v7-ui body[data-vox-area] .bg-blue-50,
html.vox-v7-ui body[data-vox-area] .bg-blue-100,
html.vox-v7-ui body[data-vox-area] .bg-indigo-50 {
  color: #526f00 !important;
  background-color: rgba(200, 255, 56, .18) !important;
}

html.vox-v7-ui body[data-vox-area] .border-blue-100,
html.vox-v7-ui body[data-vox-area] .border-blue-200,
html.vox-v7-ui body[data-vox-area] .border-blue-600,
html.vox-v7-ui body[data-vox-area] .border-slate-100,
html.vox-v7-ui body[data-vox-area] .border-slate-200,
html.vox-v7-ui body[data-vox-area] .border-gray-200 { border-color: var(--vox-line) !important; }

/* Formlar */
html.vox-v7-ui body[data-vox-area]:not([data-vox-area="dashboard"]) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html.vox-v7-ui body[data-vox-area]:not([data-vox-area="dashboard"]) select,
html.vox-v7-ui body[data-vox-area]:not([data-vox-area="dashboard"]) textarea {
  color: var(--vox-ink) !important;
  border: 1px solid var(--vox-line-strong) !important;
  border-radius: var(--vox-radius-sm) !important;
  background: rgba(255, 255, 255, .76) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .82);
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

html.vox-v7-ui body[data-vox-area]:not([data-vox-area="dashboard"]) input::placeholder,
html.vox-v7-ui body[data-vox-area]:not([data-vox-area="dashboard"]) textarea::placeholder {
  color: #93998f !important;
  opacity: 1;
}

html.vox-v7-ui body[data-vox-area]:not([data-vox-area="dashboard"]) input:focus,
html.vox-v7-ui body[data-vox-area]:not([data-vox-area="dashboard"]) select:focus,
html.vox-v7-ui body[data-vox-area]:not([data-vox-area="dashboard"]) textarea:focus {
  border-color: #8db91e !important;
  outline: 0 !important;
  box-shadow: 0 0 0 4px rgba(200, 255, 56, .24) !important;
}

/* Kart ve tablo ritmi */
html.vox-v7-ui body[data-vox-area="public"] .shadow,
html.vox-v7-ui body[data-vox-area="public"] .shadow-md,
html.vox-v7-ui body[data-vox-area="public"] .shadow-lg,
html.vox-v7-ui body[data-vox-area="public"] .shadow-xl,
html.vox-v7-ui body[data-vox-area="public"] .shadow-2xl,
html.vox-v7-ui body[data-vox-area="legal"] .shadow,
html.vox-v7-ui body[data-vox-area="legal"] .shadow-sm,
html.vox-v7-ui body[data-vox-area="legal"] .shadow-lg,
html.vox-v7-ui body[data-vox-area="commerce"] .shadow,
html.vox-v7-ui body[data-vox-area="commerce"] .shadow-sm,
html.vox-v7-ui body[data-vox-area="commerce"] .shadow-lg {
  box-shadow: var(--vox-shadow) !important;
}

html.vox-v7-ui body[data-vox-area] table {
  border: 1px solid var(--vox-line);
  border-collapse: separate;
  border-radius: 20px;
  border-spacing: 0;
  overflow: hidden;
}

html.vox-v7-ui body[data-vox-area] th {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

html.vox-v7-ui body[data-vox-area] tbody tr { transition: background .16s ease; }
html.vox-v7-ui body[data-vox-area] tbody tr:hover { background: rgba(200, 255, 56, .075); }

/* Yasal sayfalar */
html.vox-v7-ui body[data-vox-area="legal"] header > div { max-width: 1180px; }
html.vox-v7-ui body[data-vox-area="legal"] header a:first-child {
  color: var(--vox-ink) !important;
  letter-spacing: -.06em !important;
}
html.vox-v7-ui body[data-vox-area="legal"] header a:first-child i { color: #78a000 !important; }
html.vox-v7-ui body[data-vox-area="legal"] main {
  max-width: 1040px !important;
  padding-top: clamp(32px, 5vw, 70px) !important;
  padding-bottom: 70px !important;
}
html.vox-v7-ui body[data-vox-area="legal"] article {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--vox-line) !important;
  border-radius: clamp(24px, 3vw, 38px) !important;
  background: rgba(255, 254, 249, .94) !important;
  box-shadow: var(--vox-shadow) !important;
}
html.vox-v7-ui body[data-vox-area="legal"] article::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  content: "";
  background: linear-gradient(90deg, var(--vox-lime), var(--vox-ink) 44%, transparent 82%);
}
html.vox-v7-ui body[data-vox-area="legal"] article > h1 {
  max-width: 760px;
  color: var(--vox-ink) !important;
  font-size: clamp(2rem, 5vw, 4.2rem) !important;
  line-height: .98 !important;
  letter-spacing: -.065em;
}
html.vox-v7-ui body[data-vox-area="legal"] article h2 {
  margin-top: 2.2rem;
  color: var(--vox-ink) !important;
  font-size: 1.1rem !important;
  letter-spacing: -.025em;
}
html.vox-v7-ui body[data-vox-area="legal"] article p,
html.vox-v7-ui body[data-vox-area="legal"] article li {
  color: #535a50;
  line-height: 1.85;
}
html.vox-v7-ui body[data-vox-area="legal"] article strong { color: var(--vox-ink); }

/* Hesap kurtarma/doğrulama */
html.vox-v7-ui body[data-vox-area="account"] > div:not(.vox-wa-support),
html.vox-v7-ui body[data-vox-area="account"] > main,
html.vox-v7-ui body[data-vox-area="account"] .box {
  border-color: var(--vox-line) !important;
  background: rgba(255, 254, 249, .95) !important;
  box-shadow: var(--vox-shadow) !important;
}
html.vox-v7-ui body[data-vox-area="account"] button[type="submit"],
html.vox-v7-ui body[data-vox-area="account"] a.bg-blue-600 {
  color: var(--vox-ink) !important;
  background: var(--vox-lime) !important;
}

/* Yönetim yardımcı ekranlarında marka vurgusu */
html.vox-v7-ui body[data-vox-area="admin"] .card,
html.vox-v7-ui body[data-vox-area="admin"] .stat-card {
  border-color: var(--vox-line) !important;
  border-radius: var(--vox-radius) !important;
}
html.vox-v7-ui body[data-vox-area="admin"] .text-primary { color: var(--vox-lime-deep) !important; }

/* İletişim sayfası: eski mavi blok yerine ana sayfanın editoryal yüzeyi */
html.vox-v7-ui body[data-vox-page="iletisim"] .logo {
  color: var(--vox-ink) !important;
  letter-spacing: -.06em;
}
html.vox-v7-ui body[data-vox-page="iletisim"] .contact-container {
  width: min(1180px, calc(100% - 36px));
  max-width: none;
  margin: clamp(34px, 6vw, 78px) auto;
  padding: 0;
  gap: 22px;
}
html.vox-v7-ui body[data-vox-page="iletisim"] .contact-info,
html.vox-v7-ui body[data-vox-page="iletisim"] .contact-form {
  border-radius: 32px;
  padding: clamp(28px, 4vw, 48px);
}
html.vox-v7-ui body[data-vox-page="iletisim"] .contact-info {
  position: relative;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 100% 0%, rgba(200, 255, 56, .18), transparent 17rem),
    linear-gradient(145deg, #252a23, #111410 76%) !important;
  box-shadow: 0 28px 78px rgba(23, 26, 22, .19) !important;
}
html.vox-v7-ui body[data-vox-page="iletisim"] .contact-info h2 {
  color: #fff;
  font-size: clamp(2.3rem, 4vw, 4.4rem);
  line-height: .96;
  letter-spacing: -.065em;
}
html.vox-v7-ui body[data-vox-page="iletisim"] .contact-info p { color: #b8bfb4; }
html.vox-v7-ui body[data-vox-page="iletisim"] .info-item i { color: var(--vox-lime); }
html.vox-v7-ui body[data-vox-page="iletisim"] .contact-form {
  border: 1px solid var(--vox-line);
  background: rgba(255, 254, 249, .94) !important;
  box-shadow: var(--vox-shadow) !important;
}
html.vox-v7-ui body[data-vox-page="iletisim"] .btn-submit {
  min-height: 54px;
  color: var(--vox-ink);
  border-radius: 16px;
  background: linear-gradient(135deg, var(--vox-lime), var(--vox-lime-strong)) !important;
  box-shadow: 0 14px 32px rgba(139, 184, 21, .22);
}

/* Basit profil düzenleme ekranı */
html.vox-v7-ui body[data-vox-page="duzenle"] { padding: clamp(20px, 5vw, 54px) !important; }
html.vox-v7-ui body[data-vox-page="duzenle"] .box {
  max-width: 620px;
  border: 1px solid var(--vox-line);
  border-radius: 28px;
  padding: clamp(24px, 4vw, 40px);
  background: rgba(255, 254, 249, .94);
  box-shadow: var(--vox-shadow);
}
html.vox-v7-ui body[data-vox-page="duzenle"] .btn {
  min-height: 52px;
  color: var(--vox-ink);
  border-radius: 15px;
  background: var(--vox-lime) !important;
}

/* Mikro etkileşimler */
html.vox-v7-ui body[data-vox-area] button,
html.vox-v7-ui body[data-vox-area] a[class*="bg-"] {
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, background-color .18s ease !important;
}
html.vox-v7-ui body[data-vox-area] button:hover,
html.vox-v7-ui body[data-vox-area] a[class*="bg-"]:hover {
  filter: brightness(1.02);
  transform: translateY(-2px);
}
html.vox-v7-ui body[data-vox-area] :focus-visible {
  outline: 3px solid rgba(127, 170, 10, .38);
  outline-offset: 3px;
}

.vox-ui-reveal {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .62s ease, transform .62s cubic-bezier(.2, .72, .2, 1);
  transition-delay: var(--vox-reveal-delay, 0ms);
}
.vox-ui-reveal.is-visible { opacity: 1; transform: translateY(0); }

.vox-scroll-progress {
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  pointer-events: none;
  transform: scaleX(var(--vox-progress, 0));
  transform-origin: left center;
  background: linear-gradient(90deg, #7da600, var(--vox-lime));
}

@media (max-width: 768px) {
  html.vox-v7-ui body[data-vox-area]:not([data-vox-area="dashboard"]) input:not([type="checkbox"]):not([type="radio"]),
  html.vox-v7-ui body[data-vox-area]:not([data-vox-area="dashboard"]) select,
  html.vox-v7-ui body[data-vox-area]:not([data-vox-area="dashboard"]) textarea { font-size: 16px !important; }
  html.vox-v7-ui body[data-vox-area="legal"] article { padding: 24px !important; }
}

@media (prefers-reduced-motion: reduce) {
  html.vox-v7-ui *,
  html.vox-v7-ui *::before,
  html.vox-v7-ui *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
  .vox-ui-reveal { opacity: 1; transform: none; }
}