/*! PortableWC SEO Fixes 1.2.1 - Anatolian theme layer (variant B: walnut hero, saffron buttons). Loaded after the theme style.css. */
/* PortableWC warm Anatolian re-theme — override layer (load after style.css)
   Palette: espresso #2B1B10, walnut #7B4A1F, saffron #E3A82B, cream #FBF5E9 */
:root {
  --pwc-navy: #2B1B10;
  --pwc-charcoal: #3A2817;
  --pwc-slate: #5A4632;
  --pwc-muted: #6E5640;
  --pwc-border: #EADCC3;
  --pwc-cream: #FBF5E9;
  --pwc-cream-soft: #FDF9F1;
  --pwc-bg: #FBF5E9;
  --pwc-teal: #7B4A1F;  /* primary (walnut) */
  --pwc-teal-dark: #5E3714; /* primary hover */
  --pwc-teal-light: #F2C14E;
  --pwc-accent: #E3A82B;
  --pwc-amber-text: #8A5A0E;
  --pwc-tint: #F6E7C4;
  --pwc-walnut-deep: #3B2412;
  --pwc-terracotta: #A3472A;
  --pwc-shadow: 0 8px 30px rgba(59,36,18,.08);
  --pwc-shadow-soft: 0 4px 20px rgba(59,36,18,.06);
}
a { color: var(--pwc-teal-dark); }
a:hover { color: var(--pwc-amber-text); }
.btn-primary:hover { box-shadow: 0 4px 14px rgba(123,74,31,.3); }
.lang-switcher a:hover, .lang-switcher a.is-active { color: var(--pwc-teal-dark); border-color: rgba(227,168,43,.6); background: var(--pwc-tint); }
.site-header { background: rgba(251,245,233,.96); border-bottom: 1px solid var(--pwc-border); }

/* Hero: Iznik star-tile field, faded behind the text, kilim band at the bottom */
.hero, .hero--centered {
  background-color: var(--pwc-cream);
  background-image: radial-gradient(ellipse 34% 52% at 50% 40%, rgba(251,245,233,.96) 45%, rgba(251,245,233,0) 100%), url("patterns/iznik-tile-light.svg?ver=1.2.1");
  background-size: auto, 96px 96px;
  background-position: center, center top;
  padding-bottom: 6.5rem;
}
.hero::after {
  display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 22px;
  background: url("patterns/kilim-border.svg?ver=1.2.1") repeat-x left center / 48px 22px;
}
.hero-badge { background: var(--pwc-tint); color: var(--pwc-amber-text); border: 1px solid rgba(227,168,43,.55); }
.hero-visual--circle {
  border-color: #fff;
  box-shadow: 0 0 0 6px var(--pwc-tint), 0 0 0 8px var(--pwc-accent), 0 0 0 16px rgba(246,231,196,.55), 0 24px 50px rgba(59,36,18,.16);
}
.hero-trust strong { color: var(--pwc-teal); }

@media (max-width: 768px) {
  .hero, .hero--centered { background-image: radial-gradient(ellipse 75% 46% at 50% 30%, rgba(251,245,233,.97) 55%, rgba(251,245,233,0) 100%), url("patterns/iznik-tile-light.svg?ver=1.2.1"); padding-bottom: 4.5rem; }
}
/* Section headings: tulip (lale) ornament above eyebrow */
.section-header .eyebrow { color: var(--pwc-amber-text); }
.section-header .eyebrow::before {
  content: ""; display: block; width: 96px; height: 28px; margin: 0 auto .6rem;
  background: url("patterns/tulip-ornament.svg?ver=1.2.1") no-repeat center / contain;
}
.section-alt {
  background-color: var(--pwc-cream);
  background-image: url("patterns/iznik-tile-faint.svg?ver=1.2.1");
  background-size: 96px 96px;
}
.product-card, .adv-card { border-color: rgba(123,74,31,.10); }
.product-card:hover { border-color: rgba(227,168,43,.6); }
.product-card__meta li::before { border-radius: 1px; transform: rotate(45deg); background: var(--pwc-accent); width: 6px; height: 6px; }
.adv-icon { background: var(--pwc-tint); color: var(--pwc-teal-dark); box-shadow: 0 0 0 2px #fff, 0 0 0 3px rgba(227,168,43,.7); }
.app-chip:hover { border-color: rgba(227,168,43,.7); color: var(--pwc-teal-dark); }
.trust-strip { position: relative; background: var(--pwc-tint); border-block: 0; color: var(--pwc-slate); }
.trust-strip::before, .trust-strip::after {
  content: ""; position: absolute; left: 0; right: 0; height: 12px; background: url("patterns/star-row.svg?ver=1.2.1") repeat-x center / 28px 12px;
}
.trust-strip::before { top: 8px; } .trust-strip::after { bottom: 8px; }
.trust-item strong { color: var(--pwc-teal-dark); }
.export-strip__label { color: var(--pwc-amber-text); }
.faq-item summary::after { color: var(--pwc-accent); }
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { outline-color: rgba(227,168,43,.6); border-color: var(--pwc-teal); }
.alert-success { background: #FBF1DC; color: #5E3714; border-color: #EBCB87; }
.gallery-thumbs button.is-active { box-shadow: 0 0 0 2px rgba(227,168,43,.45); }
.product-summary .model-badge { background: var(--pwc-tint); color: var(--pwc-amber-text); }
.info-card { border-left: 4px solid var(--pwc-accent); }
html[dir="rtl"] .info-card { border-left: 1px solid var(--pwc-border); border-right: 4px solid var(--pwc-accent); }

/* CTA band: walnut with saffron tile overlay, kilim edge */
.cta-band {
  position: relative;
  background-color: var(--pwc-walnut-deep);
  background-image: url("patterns/iznik-tile-dark.svg?ver=1.2.1"), linear-gradient(135deg, var(--pwc-walnut-deep), var(--pwc-teal-dark));
  background-size: 96px 96px, auto;
  padding-top: 5rem;
}
.cta-band::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 22px; background: url("patterns/kilim-border.svg?ver=1.2.1") repeat-x left center / 48px 22px; }
.cta-band h2 { color: var(--pwc-cream); }
.cta-band p { color: #E8D8BC; }
.cta-band .btn-outline-light:first-of-type { background: var(--pwc-accent); border-color: var(--pwc-accent); color: var(--pwc-navy); }
.cta-band .btn-outline-light:first-of-type:hover { background: var(--pwc-teal-light); border-color: var(--pwc-teal-light); }
.cta-band .btn-outline-light { border-color: var(--pwc-cream); color: var(--pwc-cream); }

/* Footer: kilim band replaces the navy top rule */
.site-footer { position: relative; border-top: 0; padding-top: calc(3.5rem + 22px); }
.site-footer::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 22px; background: url("patterns/kilim-border.svg?ver=1.2.1") repeat-x left center / 48px 22px; }
.footer-col h4 { color: var(--pwc-teal-dark); }

/* FormLayer quote form (plugin purple -> walnut) */
.formlayer-form label { color: var(--pwc-charcoal); }
.formlayer-form input:focus, .formlayer-form textarea:focus, .formlayer-form select:focus { border-color: var(--pwc-teal); box-shadow: 0 0 0 4px rgba(227,168,43,.22); }
.formlayer-submit-btn, .formlayer-file-fake-btn { background: var(--pwc-teal); box-shadow: 0 4px 10px rgba(123,74,31,.22); }
.formlayer-submit-btn:hover, .formlayer-file-fake-btn:hover { background: var(--pwc-teal-dark); }
.formlayer-option-label input[type="radio"], .formlayer-option-label input[type="checkbox"], .formlayer-terms-wrap input[type="checkbox"], .formlayer-gdpr-wrap input[type="checkbox"] { accent-color: #7B4A1F !important; }
.formlayer-file-upload-box:hover { border-color: var(--pwc-teal); background: var(--pwc-cream-soft); }

/* Variant B — "Walnut hero": dark walnut hero with saffron Iznik tiles; saffron primary buttons. Load after pwc-anatolian-theme.css */
.btn-primary { background: var(--pwc-accent); border-color: var(--pwc-accent); color: var(--pwc-navy); }
.btn-primary:hover { background: var(--pwc-teal-light); border-color: var(--pwc-teal-light); color: var(--pwc-navy); box-shadow: 0 4px 14px rgba(227,168,43,.35); }
.formlayer-submit-btn { background: var(--pwc-accent); color: var(--pwc-navy); }
.formlayer-submit-btn:hover { background: var(--pwc-teal-light); }
.hero, .hero--centered {
  background-color: var(--pwc-walnut-deep);
  background-image: radial-gradient(ellipse 34% 52% at 50% 40%, rgba(59,36,18,.94) 45%, rgba(59,36,18,0) 100%), url("patterns/iznik-tile-dark.svg?ver=1.2.1"), linear-gradient(180deg, #3B2412, #4A2D15);
  background-size: auto, 96px 96px, auto;
  color: var(--pwc-cream);
}
.hero h1 { color: var(--pwc-cream); }
@media (max-width: 768px) {
  .hero, .hero--centered { background-image: radial-gradient(ellipse 75% 46% at 50% 30%, rgba(59,36,18,.95) 55%, rgba(59,36,18,0) 100%), url("patterns/iznik-tile-dark.svg?ver=1.2.1"), linear-gradient(180deg, #3B2412, #4A2D15); }
}
.hero-lead { color: #E8D8BC; }
.hero-badge { background: rgba(227,168,43,.16); color: var(--pwc-teal-light); border-color: rgba(242,193,78,.5); }
.hero .btn-outline { color: var(--pwc-cream); border-color: var(--pwc-cream); }
.hero .btn-outline:hover { background: var(--pwc-cream); color: var(--pwc-navy); }
.hero-trust { color: #E8D8BC; }
.hero-trust strong { color: var(--pwc-teal-light); }
.hero-visual--circle { box-shadow: 0 0 0 6px rgba(227,168,43,.25), 0 0 0 8px var(--pwc-accent), 0 0 0 18px rgba(227,168,43,.12), 0 24px 50px rgba(0,0,0,.35); }

/* ---- 1.1.0 site-wide additions (inner pages, focus, RTL) ---- */
::selection { background: var(--pwc-tint); color: var(--pwc-navy); }
a:focus-visible, .btn:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid var(--pwc-accent); outline-offset: 2px;
}
.hero a:focus-visible, .cta-band a:focus-visible { outline-color: var(--pwc-teal-light); }
.page-header, .product-hero {
  position: relative;
  background-color: var(--pwc-cream);
  background-image: url("patterns/iznik-tile-faint.svg?ver=1.2.1");
  background-size: 96px 96px;
}
.page-header { border-bottom: 0; padding-bottom: calc(1.75rem + 14px); }
.page-header::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 12px;
  background: url("patterns/star-row.svg?ver=1.2.1") repeat-x center / 28px 12px;
}
.breadcrumb a:hover { color: var(--pwc-amber-text); }
.feature-list li::before { color: var(--pwc-amber-text); }
.specs-table th { background: var(--pwc-cream-soft); }
.nav-primary a:hover, .nav-primary a.is-active { color: var(--pwc-amber-text); }
.section-header__link, .post-card__more, .single-post__back { color: var(--pwc-teal-dark); }
.section--blog .section-header .eyebrow::before { margin-inline: 0; background-position: left center; }
html[dir="rtl"] .section--blog .section-header .eyebrow::before { background-position: right center; }
.section--blog .section-header { text-align: start; }
html[dir="rtl"] .info-card { border-left-width: 1px; }
/* Mobile drawer: full-bleed in LTR and RTL (theme left it inset by the container gutter) */
@media (max-width: 900px) {
  .primary-nav-wrap .nav-primary { left: 50%; right: auto; transform: translateX(-50%); width: 100vw; }
}

/* ---- 1.1.1 fixes ---- */
/* Gap: the plugin's content block (.pwcsf-extra) sat between two .section blocks, stacking 2 x 5.5rem padding. */
.section.pwcsf-extra { padding-bottom: 2.5rem; }
.section.pwcsf-extra + .section, .section + .section.pwcsf-extra { padding-top: 0; }
@media (max-width: 768px) { .section.pwcsf-extra { padding-bottom: 1.75rem; } }
/* Phones: always read left-to-right, also inside Arabic text */
bdi[dir="ltr"], a[href^="tel:"] { unicode-bidi: isolate; direction: ltr; }
/* 404 */
.page-header.pwcsf-404 .eyebrow { color: var(--pwc-amber-text); font-size: .8rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; margin-bottom: .5rem; }
.pwcsf-404-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin: 0 0 2.25rem; }
.pwcsf-404-products { columns: 2; column-gap: 2rem; padding-inline-start: 1.1rem; }
.pwcsf-404-products li { margin-bottom: .4rem; break-inside: avoid; }
@media (max-width: 600px) { .pwcsf-404-products { columns: 1; } .pwcsf-404-actions .btn { flex: 1 1 100%; } }
/* Mobile header: the CTA + menu button overflowed into the centred logo (worse in RTL). Hamburger moves to the
   inline-start column, CTA stays at inline-end, logo stays centred; mirrored automatically in RTL. */
@media (max-width: 640px) {
  .header-inner { grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); column-gap: .5rem; }
  .header-actions { display: contents; }
  .header-inner > .primary-nav-wrap { grid-column: 1; grid-row: 1; }
  .header-actions .nav-toggle { grid-column: 1; grid-row: 1; justify-self: start; width: 44px; min-width: 44px; height: 44px; flex-shrink: 0; }
  .header-actions .lang-switcher { grid-column: 1; grid-row: 1; justify-self: end; }
  .site-logo { grid-column: 2; grid-row: 1; }
  .site-logo img { height: 36px; width: auto; }
  .header-actions .header-rfq { grid-column: 3; grid-row: 1; justify-self: end; white-space: nowrap; font-size: .75rem; padding: .5rem .8rem; }
}
@media (max-width: 340px) {
  .site-logo img { height: 28px; }
  .header-actions .header-rfq { font-size: .68rem; padding: .4rem .55rem; }
}
/* v1.2.0: footer column titles + CTA title are styled text, not headings (same look as the theme h4/h2). */
.footer-col p.footer-title { font-weight: 700; line-height: 1.2; color: var(--pwc-teal-dark); font-size: .8rem; text-transform: uppercase; letter-spacing: .06em; margin: 0 0 .85rem; }
.cta-band p.cta-title { font-weight: 700; line-height: 1.2; color: var(--pwc-cream); font-size: clamp(1.5rem, 2.5vw, 1.85rem); max-width: none; margin: 0 0 .6em; }
/* v1.2.0: 8-model comparison table on /products/ */
.pwcsf-compare__wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: 10px; border: 1px solid rgba(91,58,41,.18); background: #fff; }
.pwcsf-compare table { width: 100%; border-collapse: collapse; font-size: .92rem; min-width: 640px; }
.pwcsf-compare th, .pwcsf-compare td { padding: .7rem .85rem; text-align: start; border-bottom: 1px solid rgba(91,58,41,.12); vertical-align: top; }
.pwcsf-compare thead th { background: var(--pwc-navy); color: var(--pwc-cream); font-weight: 700; white-space: nowrap; }
.pwcsf-compare tbody tr:nth-child(even) td { background: rgba(232,216,188,.25); }
.pwcsf-compare td a { font-weight: 700; color: var(--pwc-teal-dark); }
.pwcsf-compare__code { display: inline-block; font-size: .75rem; color: var(--pwc-muted); margin-inline-start: .25rem; }
.pwcsf-compare td:last-child { white-space: nowrap; }
/* v1.2.0: home FAQ teaser + "English article" badge on TR/AR blog cards */
.pwcsf-faq-teaser .container > p { max-width: 40rem; margin-inline: auto; text-align: center; }
.pwcsf-badge { display: inline-block; align-self: flex-start; width: max-content; max-width: 100%; margin-inline-start: .5rem; padding: .1rem .5rem; border-radius: 999px; font-size: .72rem; font-weight: 700; background: rgba(232,216,188,.6); color: var(--pwc-navy); vertical-align: middle; }