/*!
 * BUYALUX Editorial Skin — elegant & brutal in Weiss+Gold.
 * Enge, kraftvolle Sans-Typo (Space Grotesk), Gold-Akzentbalken, minimalistische FAQ-Zeilen.
 * KEIN Bordeaux, KEINE Riesen-Serif/Versalien. Schwarz nur für Text & Buttons.
 * Theme-independent override layer. Reversible: remove the bx-brutal MU-plugin.
 */

/* ---------- 1. Kraftvolle, enge Sans-Typografie (elegant-brutal) ---------- */
.bx-hero h1{
  font-size:clamp(3rem,8vw,6rem)!important;
  font-weight:700!important;letter-spacing:-.045em!important;line-height:.96!important;
}
.bx-shead h2,.bx-cta h2{
  font-size:clamp(2.2rem,5.4vw,3.7rem)!important;
  font-weight:700!important;letter-spacing:-.035em!important;line-height:1.02!important;
}
.bx-faq-h{font-weight:700!important;letter-spacing:-.03em!important}

/* ---------- 2. Sektionsköpfe linksbündig + kurzer Gold-Balken (ruhig & editorial) ---------- */
.bx-shead{text-align:left!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important}
.bx-shead p{margin-left:0!important;max-width:640px}
.bx-shead h2::after{content:''!important;display:block!important;width:56px;height:4px;background:#C9A227;margin-top:22px;border-radius:0}
.bx-eyebrow{color:#16130C!important;font-weight:700!important;letter-spacing:.22em!important}
.bx-shead .bx-eyebrow{display:inline-flex!important;align-items:center;gap:12px}
.bx-shead .bx-eyebrow::before{content:''!important;position:static!important;display:inline-block!important;width:26px;height:2px;background:#C9A227!important;transform:none!important;animation:none!important}
.bx-shead .bx-eyebrow::after{display:none!important}

/* ---------- 3. FAQ als minimalistische Zeilen (Hairline + Kreis-Plus) ---------- */
.bx-faq{gap:0!important}
.bx-faq-item{background:transparent!important;border:0!important;border-bottom:1px solid #e6e0d2!important;border-radius:0!important}
.bx-faq-item:first-child{border-top:1px solid #e6e0d2!important}
.bx-faq-q{padding:24px 6px!important;font-size:1.1rem!important;font-weight:600!important;color:#16130C!important}
.bx-faq-q .ic{width:34px!important;height:34px!important;border:1.5px solid #BF982F!important;border-radius:50%!important;background:transparent!important;color:#9A7A22!important;display:flex!important;align-items:center;justify-content:center;font-weight:400!important;flex-shrink:0}
.bx-faq-a{padding:0 6px!important}

/* ---------- 4. CTA-Band: editorial Weiss mit Hairlines (kein Bordeaux, kein Dunkel) ---------- */
.bx-cta{background:#ffffff!important;border-top:1px solid #ece6d8!important;border-bottom:1px solid #ece6d8!important}
.bx-cta::before{display:none!important}
.bx-cta h2,.bx-cta h2 *{color:#16130C!important;-webkit-text-fill-color:#16130C!important;background:none!important}
.bx-cta h2 em{color:#9A7A22!important;-webkit-text-fill-color:#9A7A22!important;font-style:normal!important}
.bx-cta p{color:#6b6557!important}
.bx-cta-in{max-width:880px!important}

/* ---------- 5. Buttons: Schwarz (edel) + Gold bleibt Akzent ---------- */
.bx-btn--dark{background:#16130C!important;color:#fff!important}
.bx-btn--dark:hover{background:#000!important}
.bx-btn--gold{font-weight:700!important}

/* Gold-Textauswahl — dezente Luxus-Signatur */
::selection{background:#E8C766;color:#16130C}

/* ---------- 6. Product visual area → light champagne (was near-black) ---------- */
.bx-card-media,
.bx-aviz,
.bx-av-v2 .bx-aviz,
.bx-card:hover .bx-aviz{
  background:linear-gradient(160deg,#fdf7ea,#f3e6c8)!important;
}
/* top bar / label / progress → readable on light */
.bx-aviz-bar{border-bottom-color:rgba(154,122,34,.20)!important}
.bx-aviz-bar .lbl{color:#7a6f56!important}
.bx-aviz-bar .ic{background:rgba(191,152,47,.16)!important;color:#9A7A22!important}
.bx-aviz-prog{background:rgba(154,122,34,.14)!important}
.bx-aviz-prog span{background:linear-gradient(90deg,transparent,#BF982F,transparent)!important}
/* white / near-white scene parts → gold or dark so they stay visible */
.bx-av-scan{background:linear-gradient(180deg,transparent,#BF982F,transparent)!important;box-shadow:0 0 12px rgba(191,152,47,.6)!important}
.bx-av-chat .msg.in{background:rgba(20,16,8,.10)!important}
.bx-av-play{background:linear-gradient(135deg,#EBCD78,#C49A2C)!important}
.bx-av-ring,.bx-av-ring.r2{border-color:rgba(154,122,34,.30)!important}
/* very-light gold gradients → a touch deeper for contrast on cream */
.bx-av-doc .ln,.bx-av-stack span{background:linear-gradient(90deg,#C49A2C,rgba(154,122,34,.28))!important}
.bx-av-bars span{background:linear-gradient(180deg,#D8B250,#9A7A22)!important}
.bx-av-grid span{background:linear-gradient(135deg,rgba(191,152,47,.60),rgba(122,94,22,.32))!important}

/* ---------- 7. Footer → light cream (was near-black); text recoloured to dark ---------- */
.bx-footer{background:#faf4e6!important;color:#6b6557!important}
.bx-ft-logo{color:#16130c!important}
.bx-ft-col h4{color:#16130c!important}
.bx-ft-col a{color:#6b6557!important}
.bx-ft-col a:hover{color:#9a7a22!important}
.bx-ft-bottom{border-top-color:rgba(20,16,8,.12)!important}
.bx-ft-mark{background:linear-gradient(180deg,rgba(154,122,34,.14),rgba(191,152,47,.03))!important;-webkit-background-clip:text!important;background-clip:text!important}

/* ---------- 8. Accessibility: fix exact axe-flagged contrast fails (high specificity to beat theme) ---------- */
/* light gold-grey #9b937f (~3:1) → #5f5a4e (~6:1) */
.bx-actions .bx-lang button:not(.active){color:#5f5a4e!important}
.bx-mq .bx-mq-track span,.bx-mq-track span{color:#5f5a4e!important;-webkit-text-fill-color:#5f5a4e!important;background:none!important}
.bx-integrations .bx-int-row .lbl{color:#5f5a4e!important}
.bx-integrations .bx-int-row .bx-int,.bx-int{color:#5f5a4e!important}
.bx-hero-trust,.bx-hero-trust span{color:#5f5a4e!important}
/* gold #9a7a22 small text (~4:1) → #6f5512 (~5.5:1) */
.bx-cats .bx-cat .bx-cat-c,.bx-sec--cream .bx-cat-c,.bx-cat-c{color:#6f5512!important}
.bx-card-foot .bx-price ins,.bx-card-foot .bx-price ins *,.bx-card .bx-price ins,.bx-card .bx-price ins *,.bx-price ins,.bx-price ins *{color:#6f5512!important}
.bx-card .bx-price > .woocommerce-Price-amount,.bx-card .bx-price > .woocommerce-Price-amount *{color:#6f5512!important}
.bx-sc-card .bx-sc-p,.bx-sc-p{color:#6f5512!important}
.bx-hero-trust span::before{color:#6f5512!important}

/* ---------- 9. Premium polish — refined gold hover glow (box-shadow only, no transform conflict) ---------- */
.bx-card:hover,.bx-sc-card:hover,.bx-bt:hover,.bx-cat:hover{
  box-shadow:0 26px 55px -22px rgba(122,60,20,.30),0 0 0 1px rgba(191,152,47,.42)!important;
}
.bx-btn--gold:hover{box-shadow:0 16px 34px -10px rgba(191,152,47,.85)!important}
.bx-btn--dark:hover{box-shadow:0 16px 34px -12px rgba(20,16,8,.55)!important}

/* ---------- 10. Mobile: skaliert sauber ---------- */
@media(max-width:640px){
  .bx-hero h1{font-size:clamp(2.3rem,10.5vw,3rem)!important}
  .bx-shead h2,.bx-cta h2{font-size:clamp(1.7rem,8vw,2.3rem)!important}
}