/* ==========================================================================
   Poolzen tasarım sistemi — tüm sayfalarda en son yüklenir.
   İçeriği değiştirmez; yalnızca yazı tipi, renk ve bileşen kurallarını eşitler.

   RENKLER (yalnızca marka paleti ve ondan türetilen tonlar)
   --pz-primary  #415ffb  Ana aksiyon, bağlantı, vurgu, odak çerçevesi
   --pz-dark     #072410  Başlık ve gövde metni, başarı durumu
   --pz-slate    #3c3664  Koyu yüzeyler (alt bilgi, koyu bölümler)
   --pz-cyan     #0abcca  İkon, nokta, dekoratif vurgu (metinde kullanılmaz)
   --pz-mint     #dafcee  Açık zemin, rozet, koyu yüzeyde vurgu

   YAZI
   Parkinsans → büyük başlıklar ve bölüm başlıkları (h1, h2, kart başlıkları)
   Inter      → paragraf, açıklama, etiket, buton, tablo ve form

   BUTONLAR
   1. Birincil      : dolu --pz-primary, beyaz metin        (her görünümde ana aksiyon)
   2. İkincil       : beyaz zemin, ince çerçeve, koyu metin  (alternatif aksiyon)
   3. Koyu zeminde  : beyaz dolu (birincil) / beyaz çerçeve (ikincil)
   4. Metin bağlantı: --pz-primary, üzerine gelince alt çizgi
   Ortak: hap biçim (999px), Inter 600, en az 44px dokunma yüksekliği.
   ========================================================================== */

:root {
  --pz-primary: #415ffb;
  --pz-dark: #072410;
  --pz-slate: #3c3664;
  --pz-cyan: #0abcca;
  --pz-mint: #dafcee;
  --pz-primary-hover: #3550e0;                                   /* birincilin %10 koyusu */
  --pz-primary-50: color-mix(in srgb, #415ffb 8%, #fff);
  --pz-mint-50: color-mix(in srgb, #dafcee 35%, #fff);
  --pz-muted: color-mix(in srgb, #072410 66%, #fff);             /* ikincil metin, AA kontrast */
  --pz-line: color-mix(in srgb, #072410 13%, #fff);              /* çerçeve ve ayırıcı */
  --pz-font-display: Parkinsans, Inter, "Segoe UI", Arial, sans-serif;
  --pz-font-body: Inter, "Segoe UI", Arial, sans-serif;
  --pz-radius-pill: 999px;
}
html[lang="ar"] { --pz-font-display: "Noto Sans Arabic", Parkinsans, sans-serif; --pz-font-body: "Noto Sans Arabic", Inter, "Segoe UI", Tahoma, sans-serif; }

/* ---------- Yazı ---------- */
body { font-family: var(--pz-font-body) !important; color: var(--pz-dark) !important; }
html[lang="ar"] :is(main, header, footer) :is(p, li, a, span, label, button, input, select, textarea, small, strong, em) { font-family: var(--pz-font-body) !important; }
input, select, textarea, button, table, label { font-family: var(--pz-font-body) !important; }
main :is(h1, h2), .display,
.pz-plan h3, .pz-dev-copy h3, .pz-card-copy h3, .pz-w-feat h3, .pz-w-steps h3, .pz-w-card h3, .pz-w-aud h3,
.pz-side-card h2, .pz-ct-form legend, .pz-ct-hero h1 {
  font-family: var(--pz-font-display) !important;
}
/* Etiket niteliğindeki küçük başlıklar Inter ile yazılır */
.pz-ft-col h2, .pz-eyebrow, .pz-w-eyebrow, .pz-ct-eyebrow, .pz-dev-head .k, .pz-plans-head .k, .pz-contact-k, .ribbon-label,
.pz-plan-badge, .pz-w-badge, .pz-sp-badge, .pz-step, .pz-w-num, .pz-plan-no {
  font-family: var(--pz-font-body) !important;
}
.pz-plan-no { font-family: var(--pz-font-display) !important; }

/* ---------- Metin renkleri ---------- */
:is(main, header) .text-slate-800, :is(main, header) .text-slate-900, .text-pool-navy, .text-brand-dark { color: var(--pz-dark) !important; }
:is(main, header) .text-slate-600, :is(main, header) .text-slate-500 { color: var(--pz-muted) !important; }
header nav a[aria-current="page"] { color: var(--pz-primary) !important; text-decoration-color: var(--pz-mint) !important; }
header nav a:not([aria-current]):hover { color: var(--pz-primary) !important; }

/* Bölüm değişkenleri marka tonlarına bağlanır */
.pz-hero, .pz-about { --pz-ink: var(--pz-dark); --pz-muted: color-mix(in srgb, #072410 66%, #fff); --pz-teal: var(--pz-primary); --pz-aqua: var(--pz-mint); }
.pz-dev, .pz-plans { --ink: var(--pz-dark); --muted: color-mix(in srgb, #072410 66%, #fff); --teal: var(--pz-primary); }
#pz-contact-page { --c-ink: var(--pz-dark) !important; --c-muted: color-mix(in srgb, #072410 66%, #fff) !important; --c-dark: var(--pz-dark) !important; }
#pz-what { --w-ink: var(--pz-dark) !important; --w-muted: color-mix(in srgb, #072410 66%, #fff) !important; --w-dark: var(--pz-dark) !important; }

/* Üst etiketler (eyebrow): açık zeminde birincil, koyu zeminde mint */
.pz-eyebrow-dark, .pz-dev-head .k, .pz-plans-head .k, .pz-w-eyebrow, .pz-contact-k { color: var(--pz-primary) !important; }
.pz-eyebrow-light { color: var(--pz-mint) !important; }
/* Başlık içi vurgu: açık zeminde birincil, koyu zeminde mint */
.pz-about h2 span { color: var(--pz-primary) !important; }
.pz-hero .pz-accent { color: var(--pz-mint) !important; }

/* Açık yüzeyler ve çizgiler */
.pz-w-tint, .pz-about[style*="background"] { background: var(--pz-mint-50) !important; }
.about-banner, .pz-w-feat, .pz-w-steps li, .pz-w-card, .pz-plan:not(.v-starter):not(.v-pro):not(.v-ent),
.pz-side-card:not(.pz-side-main):not(.pz-side-cta):not(.pz-sp-priority), .pz-ct-form { border-color: var(--pz-line) !important; }
.pz-w-aud li { background: linear-gradient(160deg, var(--pz-mint-50), var(--pz-mint)) !important; border-color: color-mix(in srgb, #dafcee 60%, #0abcca) !important; }
.pz-w-aud p, .pz-w-checks li { color: var(--pz-muted) !important; }

/* Numara/ikon rozetleri: mint zemin + koyu metin veya birincil ikon */
.pz-dev-copy .n { background: var(--pz-mint) !important; color: var(--pz-dark) !important; }
.pz-dev-copy .tag { background: var(--pz-mint-50) !important; border-color: var(--pz-mint) !important; color: var(--pz-dark) !important; }
.pz-steps li::before { background: var(--pz-mint) !important; color: var(--pz-dark) !important; }
.pz-w-badge { background: var(--pz-mint) !important; color: var(--pz-dark) !important; }
.pz-w-badge.is-all { background: var(--pz-primary-50) !important; color: var(--pz-primary) !important; }
.pz-sample-name svg { color: var(--pz-cyan) !important; }
.pz-sample-status { color: var(--pz-dark) !important; border-top-color: var(--pz-line) !important; }
.pz-sample-status i { background: var(--pz-cyan) !important; box-shadow: 0 0 0 3px color-mix(in srgb, #0abcca 25%, transparent) !important; }
.pz-sample-label { border-color: var(--pz-line) !important; color: var(--pz-muted) !important; }
.pz-readings dt { color: var(--pz-muted) !important; }
.pz-ct-status.is-ok { color: var(--pz-dark) !important; }

/* ---------- Butonlar ---------- */
/* Ortak */
header .pz-lang + a, header .pz-lang + a + a, .pz-lang-btn,
.pz-action-start, .pz-action-outline, #iletisim a.rounded-full,
.pz-ct-submit, .pz-w-btn, main a.bg-pool-700,
.pz-plans-card-cta, main article a.rounded-xl, #btn-monthly, #btn-yearly {
  border-radius: var(--pz-radius-pill) !important;
  font-family: var(--pz-font-body) !important;
  font-weight: 600 !important;
  min-height: 44px;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease, transform .15s ease !important;
}

/* 1. Birincil */
header .pz-lang + a + a,
.pz-action-start, #iletisim a.rounded-full, .pz-ct-submit, .pz-w-btn-primary, main a.bg-pool-700,
main article.card-shadow-active a.rounded-xl {
  background: var(--pz-primary) !important; background-image: none !important;
  color: #fff !important; border: 1px solid var(--pz-primary) !important;
  box-shadow: 0 12px 26px -14px color-mix(in srgb, #415ffb 75%, transparent) !important;
}
header .pz-lang + a + a:hover,
.pz-action-start:hover, #iletisim a.rounded-full:hover, .pz-ct-submit:hover, .pz-w-btn-primary:hover, main a.bg-pool-700:hover,
main article.card-shadow-active a.rounded-xl:hover {
  background: var(--pz-primary-hover) !important; border-color: var(--pz-primary-hover) !important;
}

/* 2. İkincil */
header .pz-lang + a, .pz-lang-btn, .pz-w-btn-ghost,
main article:not(.card-shadow-active) a.rounded-xl {
  background: #fff !important; background-image: none !important;
  color: var(--pz-dark) !important; border: 1px solid var(--pz-line) !important; box-shadow: none !important;
}
header .pz-lang + a:hover, .pz-lang-btn:hover, .pz-w-btn-ghost:hover,
main article:not(.card-shadow-active) a.rounded-xl:hover {
  border-color: var(--pz-primary) !important; color: var(--pz-primary) !important; background: #fff !important;
}
.pz-lang-btn .pz-lang-globe { color: var(--pz-primary) !important; }

/* 3. Koyu zeminde (fotoğraf, koyu bölüm) */
.pz-w-btn-light { background: #fff !important; color: var(--pz-slate) !important; border: 1px solid #fff !important; }
.pz-w-btn-light:hover { background: var(--pz-mint) !important; border-color: var(--pz-mint) !important; }
.pz-action-outline, .pz-w-btn-outline { background: transparent !important; color: #fff !important; border: 1.5px solid rgba(255,255,255,.7) !important; }
.pz-action-outline:hover, .pz-w-btn-outline:hover { background: rgba(255,255,255,.12) !important; }

/* 4. Metin bağlantısı */
.pz-about-link, .pz-w-scope a, .pz-sp-textlink { color: var(--pz-primary) !important; }
.pz-about-link:hover, .pz-w-scope a:hover { text-decoration: underline; text-underline-offset: 4px; }
.pz-action-secondary { color: #fff !important; }

/* Seçim kontrolleri (aylık/yıllık, çipler): seçili = birincil */
#btn-monthly.bg-brand-dark, #btn-yearly.bg-brand-dark { background: var(--pz-primary) !important; color: #fff !important; }
#btn-monthly:not(.bg-brand-dark), #btn-yearly:not(.bg-brand-dark) { color: var(--pz-dark) !important; }
.pz-chip input:checked + span { border-color: var(--pz-primary) !important; background: var(--pz-primary-50) !important; color: var(--pz-primary) !important; }

/* ---------- Form alanları ---------- */
#pz-contact-page :is(input[type=text], input[type=email], input[type=tel], input[type=url], input[type=date], select, textarea) { border-color: color-mix(in srgb, #072410 22%, #fff) !important; color: var(--pz-dark) !important; }
#pz-contact-page :is(input, select, textarea):focus { border-color: var(--pz-primary) !important; box-shadow: 0 0 0 4px color-mix(in srgb, #415ffb 18%, transparent) !important; }
#pz-contact-page .pz-req { color: var(--pz-primary) !important; }

/* ---------- Odak çerçevesi (erişilebilirlik) ---------- */
:focus-visible { outline: 3px solid var(--pz-primary) !important; outline-offset: 3px !important; }
:is(.pz-ft, .pz-hero-frame, .pz-w-cta, .pz-plan.v-pro, .pz-plan.v-ent, .pz-plan.v-starter, .pz-side-main, .pz-side-cta) :focus-visible,
.pz-plan.v-pro:focus-visible, .pz-plan.v-ent:focus-visible, .pz-plan.v-starter:focus-visible { outline-color: var(--pz-mint) !important; }

/* ---------- Alt bilgi ---------- */
.pz-ft-col h2 { font-size: 12px !important; letter-spacing: .1em !important; }


@media (prefers-reduced-motion: reduce) {
  * { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}