/* StateWins fix overrides — ENQUEUED LAST (after components + page css).
 * Purpose: beat the "Use Any Font" (uaf.css) sitewide font override and the
 * browser-default link styling that leaks into WooCommerce / content / comment
 * regions. uaf.css is also fully dequeued in inc/fixes.php; this file is the
 * specificity belt-and-suspenders. (Live↔Figma audit fixes, 2026-06-01.)
 * Refs: REPORT.md S1 (font), S6 (default-blue links). */

/* ── S1 · Nationale font parity (uaf forces font-family:state-wins sitewide) ── */
html body,
body button, body input, body select, body textarea,
h1, h2, h3, h4, h5, h6,
[class*="__title"], [class*="__heading"], [class*="__name"], [class*="__label"],
[class*="-title"], [class*="-heading"], [class*="-name"], [class*="-label"],
.header-full__pill-item, .card-leak__title, .card-product__title, .product_title {
  font-family: 'Nationale', 'Helvetica Neue', Arial, sans-serif !important;
}

/* text-stroke slim parity (mirrors fonts.css; zeroed out when uaf forced the font) */
h1, h2, h3, h4, h5, h6, button, strong, b,
[class*="-title"], [class*="-heading"], [class*="-name"], [class*="-label"],
[class*="-eyebrow"], [class*="-cta"], [class*="-btn"], [class*="btn-"],
[class*="-link"], [class*="-badge"], [class*="-pill"], [class*="-value"],
[class*="-price"], [class*="-rating"], [class*="-summary"], [class*="-count"],
[class*="-tab"], [class*="-creator"], [class*="-username"], [class*="-chip"] {
  -webkit-text-stroke: 0.5px transparent;
}
[class*="-stat"], [class*="-stats"], .footer-full__copyright, small, time, code {
  -webkit-text-stroke: 0;
}

/* ── S6 · kill browser-default blue (rgb(0,0,238)) links bleeding into content/comment/woo ── */
.single-main a:not(.button):not([class*="btn"]):not(.card-leak__link):not([class*="__cta"]),
.cms-main a:not(.button):not([class*="btn"]),
.entry-content a, .post-content a,
.comment-content a, .comment-list a, .commentlist a, .comment-body a,
/* SADECE WC CONTENT (main içi) linklerinin default-mavisini ez — header/footer (main DIŞI)
   ve ürün kartı linki (.card-product__image-wrap) HARİÇ. Önceden geniş `.woocommerce a` +
   `ul.products a` footer linklerini ve kart linklerini cyan yapıyordu. */
.woocommerce main a:not(.button):not([class*="btn"]):not([class*="__cta"]):not(.card-product__link):not(.card-product__image-wrap),
.cart_totals a, .woocommerce-Reviews a,
.woocommerce-product-details__short-description a {
  color: rgb(var(--color-main));
}

/* Header shared chrome'dur (WC content'in dışında). Yukarıdaki geniş `.woocommerce a`
   kuralı body.woocommerce'de nav-pill / ikon / logo linklerini --color-main (cyan) yapıyordu.
   Header'ın kendi link rengini geri zorla. !important çünkü WC seçici 5 class ile daha yüksek
   specificity'de; içteki span'ler (wins sayısı) kendi rengini korur. */
.header-full a { color: rgb(var(--color-lead)) !important; }

/* product/cart titles + prices must be lead/white, never link-blue */
.card-product__title a, .card-product__title,
.cart-item__name a, .cart-item__name,
.product_title {
  color: rgb(var(--color-lead)) !important;
  text-decoration: none;
}
.card-product__price-row a, .card-product__price-row ins,
.card-product__price-row .amount, .price ins .amount, .price > .amount {
  color: rgb(var(--color-lead)) !important;
  text-decoration: none;
}
.card-product__price-row del, .price del, .price del .amount {
  color: rgb(var(--color-text)) !important;
}

/* ── WC default purple buttons (#7F54B3) → theme CTA token (white-on-dark / black-on-light).
 * Pass-1 themed the cart/checkout buttons in page-css but MISSED the single-product
 * .single_add_to_cart_button; this global rule catches every WC .button.alt bulletproof
 * (single-product add-to-cart, related-products add-to-cart, any plugin alt-button).
 * Refs: SP add-to-cart, CART-D06, CK-D05. (2026-06-01 pass-2) ── */
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.single_add_to_cart_button, .single_add_to_cart_button.button.alt,
button[name="add-to-cart"] {
  background-color: rgb(var(--color-lead)) !important;
  color: rgb(var(--color-fore)) !important;
  border: 0 !important;
  border-radius: 8px !important;
  font-weight: 700;
  text-shadow: none !important;
}
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover, .single_add_to_cart_button:hover {
  background-color: rgb(var(--color-subs)) !important;
  color: rgb(var(--color-fore)) !important;
}
/* keep the small secondary "Help"/non-alt WC buttons readable on the dark theme (not purple, not raw) */
.woocommerce a.button:not(.alt), .woocommerce button.button:not(.alt), .woocommerce input.button:not(.alt) {
  background-color: rgb(var(--color-soft));
  color: rgb(var(--color-lead));
  border-radius: 8px;
}

/* card-leak__title + section-row__heading artık components.css'te doğru.
   Eski !important patch'ler kaldırıldı (2026-06-01). */

/* ── FAQ/qty-selector SVG icon fix: icons.css'teki global [class*="icon-"] mask
 * kuralı inline-SVG component ikonlarını (.faq-accordion__icon--plus/--minus,
 * .qty-selector__icon--plus/--minus) solid kare boyuyor → +/− stroke gizleniyor.
 * SVG'lerde mask+bg reset → kendi stroke'ları render olur. Sadece <svg> hedefler,
 * gerçek icon-font <span>/<i> glyph'leri etkilenmez. (FIXED4'ten taşındı, 2026-06-04) */
svg[class*="icon-"], svg[class*="__icon"] {
  background-color: transparent !important;
  -webkit-mask: none !important;
  mask: none !important;
}

/* ── Nav pill overflow: 8+ öğe için horizontal scroll ── */
.header-full__pill {
  flex-wrap: nowrap !important;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  min-width: 0;     /* flex içinde küçülebilsin */
  max-width: 100%;  /* clamp'lenmiş nav genişliğine sığ; taşarsa içinde kayar */
}
.header-full__pill::-webkit-scrollbar { display: none; }
.header-full__pill-item > a {
  white-space: nowrap;
  padding: 14px 16px;
  font-size: 13px;
}

/* ── Single page: comment form styling ── */
.single-comment-form {
  margin-top: 48px;
}
.single-comment-form .comment-respond {
  background: rgb(var(--color-soft));
  border-radius: 12px;
  padding: 32px;
}
.single-comment-form .comment-reply-title {
  font-family: 'Nationale', sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: rgb(var(--color-lead));
  margin: 0 0 16px;
}
.single-comment-form .logged-in-as {
  font-size: 13px;
  color: rgb(var(--color-text));
  margin: 0 0 16px;
}
.single-comment-form .logged-in-as a {
  color: rgb(var(--color-main));
}
.single-comment-form .comment-form-comment label {
  display: none;
}
.single-comment-form textarea {
  width: 100%;
  min-height: 120px;
  background: rgb(var(--color-body));
  border: 1px solid rgb(var(--color-line));
  border-radius: 8px;
  padding: 12px 16px;
  color: rgb(var(--color-lead));
  font-family: 'Nationale', sans-serif;
  font-size: 14px;
  resize: vertical;
  box-sizing: border-box;
}
.single-comment-form textarea:focus {
  outline: none;
  border-color: rgb(var(--color-main));
}
.single-comment-form .form-submit {
  margin-top: 16px;
}
.single-comment-form .btn-primary,
.single-comment-form .submit {
  display: block;
  width: 100%;
  height: 48px;
  background: rgb(var(--color-lead));
  color: rgb(var(--color-fore));
  border: 0;
  border-radius: 8px;
  font-family: 'Nationale', sans-serif;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
}

/* ── Single page: wide stats bar center (4 items, not 7) ── */
.single-main .wide-stats-bar {
  display: flex !important;
  justify-content: center !important;
  gap: 0 !important;
}
.single-main .wide-stats-bar__col {
  flex: 0 0 auto;
  min-width: 120px;
  padding: 16px 32px;
}

/* ── Single POST (leak) = tek 768 kolon, addon panel yok.
   Single PRODUCT (WC) page-single.css'teki 2-kolon grid'i (hero + addon-panel) KORUR.
   Post ve product ikisi de body.page-single aldığı için WC class'ıyla ayırıyoruz:
   bu tek-kolon override yalnız WC OLMAYAN single'lara (post) uygulanır. ── */
body:not(.woocommerce) .single-main .single-top {
  display: block !important;
  max-width: 768px;
  margin: 0 auto;
}
.single-hero__image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

/* ── Product card: hide stats/sales when data is 0 or empty ── */
.card-product__stat-text:empty,
.card-product__rating-num:empty,
.card-product__rating-count:empty { display: none; }
.card-product__stats:has(.card-product__stat-text:empty) { display: none; }
.card-product__rating:has(.card-product__rating-num:empty) { display: none; }

/* ─────────────────────────────────────────────────────────────────────────
   FORMIDABLE FORMS → bizim tasarıma giydirme.
   Arkadaşın gerçek Formidable formu (çalışan: gönderim/mail/spam) tema
   değişince fonksiyonel kalır; bu CSS onu bizim contact tasarımına benzetir.
   Sitedeki tüm Formidable formlarına uygulanır (contact, submit-a-girl, vb.).
   ───────────────────────────────────────────────────────────────────────── */

/* Wrapper — contact sayfasında ortalı + dar */
.contact-form--wp {
  width: 100%;
  max-width: 576px;
  margin: 56px auto 0;
}
.contact-form--wp .frm_forms,
.contact-form--wp form { width: 100%; }

/* Formidable kendi tema CSS'ini sıfırla (gri kutular/gölgeler) */
.frm_forms, .frm_forms * { box-sizing: border-box; }
.with_frm_style { background: transparent !important; box-shadow: none !important; border: 0 !important; padding: 0 !important; }
.frm_forms fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
.frm_forms legend { display: none; }

/* Alan kapsayıcısı — alttan çizgili kutu (bizim field-input-wrap gibi) */
.frm_forms .frm_form_field {
  margin: 0 0 24px;
  padding: 0 0 10px;
}

/* Label — 12px medium, subs token (bizim field-label) */
.frm_forms .frm_primary_label,
.frm_forms label.frm_primary_label {
  display: block;
  font-family: 'Nationale', system-ui, sans-serif !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  color: rgb(var(--color-subs)) !important;
  margin: 0 0 4px !important;
  padding: 0 !important;
}
.frm_forms .frm_required { color: rgb(var(--color-fire)); }

/* Input / email / textarea / select — alttan 2px çizgi, şeffaf zemin, lead metin */
.frm_forms input[type="text"],
.frm_forms input[type="email"],
.frm_forms input[type="password"],
.frm_forms input[type="tel"],
.frm_forms input[type="url"],
.frm_forms input[type="number"],
.frm_forms textarea,
.frm_forms select {
  width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid rgb(var(--color-line)) !important;
  border-radius: 0 !important;
  padding: 0 0 8px !important;
  margin: 0 !important;
  color: rgb(var(--color-lead)) !important;
  font-family: 'Nationale', system-ui, sans-serif !important;
  font-size: 16px !important;
  line-height: 24px !important;
  box-shadow: none !important;
  outline: none !important;
}
.frm_forms textarea { min-height: 96px !important; resize: vertical !important; }
.frm_forms input:focus,
.frm_forms textarea:focus,
.frm_forms select:focus {
  border-bottom-color: rgb(var(--color-main)) !important;
}
.frm_forms input::placeholder,
.frm_forms textarea::placeholder { color: rgb(var(--color-text)) !important; }

/* Submit butonu — btn-primary (lead zemin, fore metin, 48px, 8px radius) */
.frm_forms .frm_submit { margin: 8px 0 0 !important; padding: 0 !important; clear: both; }
.frm_forms .frm_button_submit,
.frm_forms button[type="submit"],
.frm_forms input[type="submit"] {
  display: block !important;
  width: 100% !important;
  height: 48px !important;
  background: rgb(var(--color-lead)) !important;
  color: rgb(var(--color-fore)) !important;
  border: 0 !important;
  border-radius: 8px !important;
  font-family: 'Nationale', system-ui, sans-serif !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  cursor: pointer !important;
  text-shadow: none !important;
}
.frm_forms .frm_button_submit:hover,
.frm_forms button[type="submit"]:hover { opacity: 0.92 !important; }

/* Checkbox / radio — accent token */
.frm_forms input[type="checkbox"],
.frm_forms input[type="radio"] { accent-color: rgb(var(--color-main)); width: auto !important; }

/* Açıklama/hata metinleri */
.frm_forms .frm_description { color: rgb(var(--color-text)) !important; font-size: 13px !important; }
.frm_forms .frm_error { color: rgb(var(--color-fire)) !important; font-size: 13px !important; }
.frm_message, .frm_forms .frm_message { color: rgb(var(--color-wins)) !important; }

/* Single-product review cards: dim unfilled stars for real (non-5) ratings.
   The design shows 5 solid gold stars; real reviews vary, so empty stars render
   muted instead of identical-to-filled. Scoped to review cards only. */
.review-card__star--empty { color: rgb(var(--color-line)); }

/* Add-to-cart / WC notices — clean, minimal, on-brand. A subtle dark card with a
   small status badge and an outlined "View cart" link pushed to the right.
   Used on single product (.single-notices) AND shop (.shop-active-filters). */
.single-notices,
.shop-active-filters { /* scope shared below via .woocommerce-message etc. */ }
.single-notices { margin: 0 0 20px; }

.single-notices .woocommerce-message,
.single-notices .woocommerce-info,
.single-notices .woocommerce-error,
.shop-active-filters .woocommerce-message,
.shop-active-filters .woocommerce-info,
.shop-active-filters .woocommerce-error {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin: 0 0 12px;
  padding: 12px 14px;
  list-style: none;
  border: 1px solid rgb(var(--color-soft));
  border-radius: 12px;
  background: rgb(var(--color-soft) / 0.4);
  color: rgb(var(--color-lead));
  font-family: 'Nationale', system-ui, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
/* Small leading status badge (no glyph-font dependency). */
.single-notices .woocommerce-message::before,
.single-notices .woocommerce-info::before,
.single-notices .woocommerce-error::before,
.shop-active-filters .woocommerce-message::before,
.shop-active-filters .woocommerce-error::before {
  /* position:static + inset reset beats WC's default absolute ::before that would
     otherwise float the badge ON TOP of the message text. */
  position: static !important;
  inset: auto !important;
  flex-shrink: 0;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin: 0 !important;
  border-radius: 50%;
  font-family: 'Nationale', system-ui, sans-serif !important;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}
.single-notices .woocommerce-message::before,
.shop-active-filters .woocommerce-message::before { content: '✓'; background: rgb(var(--color-wins)); color: #06231a; }
.single-notices .woocommerce-error::before,
.shop-active-filters .woocommerce-error::before   { content: '!'; background: rgb(var(--color-fire)); color: #fff; }
.single-notices .woocommerce-info::before          { content: 'i'; background: rgb(var(--color-main)); color: #fff; }

/* "View cart" → outlined link, pushed to the right (order beats WC's link-first DOM). */
.single-notices .button,
.single-notices .wc-forward,
.shop-active-filters .woocommerce-message .button,
.shop-active-filters .woocommerce-message .wc-forward {
  order: 5;
  margin-left: auto;
  padding: 7px 14px;
  border-radius: 8px;
  background: transparent;
  border: 1px solid rgb(var(--color-soft));
  color: rgb(var(--color-lead)) !important;
  text-decoration: none;
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  white-space: nowrap;
  transition: background 0.15s, border-color 0.15s;
}
.single-notices .button:hover,
.single-notices .wc-forward:hover { background: rgb(var(--color-line)); border-color: rgb(var(--color-line)); }

/* Nested epcl_toggle accordion rendered inside the Description body */
.accordion-list__item--nested { margin: 10px 0; }

/* ── select2 open dropdown (country/state on checkout & account) — dark, on-brand.
   The dropdown renders at <body> level (outside .page-* scope), so these are global
   but select2-specific. Default select2 theme is white + blue highlight (clashes). */
.select2-dropdown,
.select2-container--open .select2-dropdown {
  background-color: rgb(var(--color-mute));
  border: 1px solid rgb(var(--color-soft));
  color: rgb(var(--color-lead));
}
.select2-results__option {
  color: rgb(var(--color-text));
  background-color: transparent;
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted {
  background-color: rgb(var(--color-main));
  color: #fff;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: rgb(var(--color-line));
  color: rgb(var(--color-lead));
}
.select2-search--dropdown .select2-search__field {
  background-color: rgb(var(--color-soft));
  border: 1px solid rgb(var(--color-line));
  color: rgb(var(--color-lead));
  border-radius: 6px;
  padding: 6px 8px;
}
/* Closed select2 selection chrome (match our inputs) */
.select2-container--default .select2-selection--single {
  background-color: rgb(var(--color-mute));
  border: 1px solid rgb(var(--color-soft));
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: rgb(var(--color-lead));
}