/* ==========================================================================
   Zyntrol - habillage des plugins Zyntrol (version claire)
   Les plugins exposent leurs couleurs en variables CSS : on les remplace ici,
   sans toucher à leur code. !important est nécessaire car les plugins les
   déclarent dans un style en ligne lié à un identifiant.
   Le module « Améliorer ma manette » (zrc) a son propre fichier : zrc.css.
   ========================================================================== */

/* Typo commune */
.zrc-root,.zbc-wrap,.zpb-track-form,.zcm-app{font-family:var(--body)!important}
.zrc-root h1,.zrc-root h2,.zrc-root h3,.zbc-wrap h2,.zbc-wrap h3,.zpb-track-form h2,.zcm-app h1,.zcm-app h2,.zcm-app h3{font-family:var(--display)!important;letter-spacing:-.02em}

/* Pages outils : le titre de la page remplace celui du plugin */
.zy-tool .zrc-hero{display:none!important}
.zy-tool .zbc-header .zbc-title,.zy-tool .zbc-header .zbc-subtitle{display:none!important}
.zy-tool .zpb-track-form__title{display:none!important}
.zy-tool-body-wide{max-width:1440px;margin:0 auto;padding:0 20px}
@media (max-width:600px){.zy-tool-body-wide{padding:0}}

/* ── Plugin réparation / upgrade (zrc) : couleurs de base ──────────── */
.zrc-root{
  --zrc-page-bg:transparent!important;
  --zrc-card-elev:#FFFFFF!important; --zrc-panel-bg:#FFFFFF!important;
  --zrc-card-bg:#FFFFFF!important; --zrc-card-bg-hover:#F7F8FA!important; --zrc-card-bg-selected:#FFFFFF!important;
  --zrc-text:#000000!important; --zrc-muted:#4A505B!important;
  --zrc-border:#E3E5E9!important; --zrc-border-strong:#C9CDD4!important;
  --zrc-primary:#5B4BFF!important; --zrc-primary-glow:transparent!important; --zrc-primary-text:#FFFFFF!important;
  --zrc-premium:#5B4BFF!important; --zrc-premium-text:#FFFFFF!important;
  --zrc-accent-bg:#F5F5F7!important;
  --zrc-card-radius:18px!important; --zrc-btn-radius:999px!important;
  --zrc-btn-bg:#000000!important; --zrc-btn-text:#FFFFFF!important; --zrc-btn-height:52px!important; --zrc-btn-font-size:16px!important; --zrc-btn-height-m:52px!important; --zrc-btn-font-size-m:16px!important;
  --zrc-glow:0!important; --zrc-hover-glow:0!important; --zrc-card-sel-glow:0!important; --zrc-card-reco-glow:0!important;
  --zrc-cat-color:#000000!important; --zrc-cat-color-active:#FFFFFF!important; --zrc-cat-weight:500!important; --zrc-cat-weight-active:500!important; --zrc-cat-size:14.5px!important; --zrc-cat-ls:0!important;
  --zrc-step-bg:#FFFFFF!important; --zrc-step-border:#E3E5E9!important; --zrc-step-text:#7C828D!important;
  --zrc-step-bg-active:#000000!important; --zrc-step-border-active:#000000!important; --zrc-step-text-active:#FFFFFF!important;
  --zrc-step-bg-done:#000000!important; --zrc-step-border-done:#000000!important; --zrc-step-text-done:#FFFFFF!important;
  --zrc-step-label:#7C828D!important; --zrc-step-label-active:#000000!important; --zrc-step-label-done:#4A505B!important;
  --zrc-step-line:#ECECEF!important; --zrc-step-line-done:#000000!important;
  --zrc-card-reco-bg:#000000!important; --zrc-card-reco-color:#FFFFFF!important;
  --zrc-side-total-color:#000000!important; --zrc-side-total-color2:#000000!important;
  --zrc-recap-total-price:#000000!important; --zrc-recap-total-price2:#000000!important;
  --zrc-ship-price-color:#000000!important; --zrc-mobile-total-color:#000000!important;
  --zrc-card-icon-color:#000000!important;
  --zrc-bundle-nudge-text:#0C6B45!important; --zrc-bundle-nudge-border:transparent!important; --zrc-bundle-nudge-bg:#E6F4EE!important;
  --zrc-tag-combo-bg:#E6F4EE!important; --zrc-tag-combo-color:#0C6B45!important; --zrc-tag-combo-border:transparent!important; --zrc-tag-combo-accent:#0C8A57!important;
  --zrc-delay-fast-text:#7C828D!important; --zrc-delay-fast-icon:#0C8A57!important; --zrc-delay-slow-text:#7C828D!important;
  --zrc-pane-title-color1:#000000!important; --zrc-pane-title-color2:#000000!important; --zrc-pane-title-color2-prem:#000000!important;
  --zrc-hero-title-color1:#000000!important; --zrc-hero-title-color2:#000000!important;
  --zrc-pane-title-size-d:2.1rem!important; --zrc-pane-title-size-m:1.6rem!important;
  --zrc-rb-bg:#5B4BFF!important;
}
.zrc-root .zrc-pane-title-p2{background:none!important;-webkit-text-fill-color:currentColor!important;color:inherit!important}
.zrc-info-modal__cta{background:#000!important}
.zrc-root .zrc-info-block-title{color:#000!important}

/* ── Plugin rachat (zbc) ────────────────────────────────────────────── */
.zbc-wrap{
  --zbc-accent:#5B4BFF!important; --zbc-accent-2:#5B4BFF!important;
  --zbc-bg:#FFFFFF!important; --zbc-card-bg:#FFFFFF!important; --zbc-card-border:#E4E6EA!important;
  --zbc-text:#000000!important; --zbc-muted:#4A505B!important; --zbc-radius:20px!important; --zbc-price:#000000!important;
  --zbc-title-color:#000000!important; --zbc-subtitle-color:#4A505B!important;
  --zbc-label-color:#000000!important; --zbc-help-color:#7C828D!important;
  --zbc-input-bg:#FFFFFF!important; --zbc-input-border:#E4E6EA!important; --zbc-input-text:#000000!important; --zbc-input-focus-border:#000000!important; --zbc-input-focus-bg:#FFFFFF!important; --zbc-input-size:16px!important; --zbc-input-radius:12px!important;
  --zbc-fieldset-border:#E4E6EA!important; --zbc-legend-color:#4A505B!important;
  --zbc-offer-bg-from:#EFEDFF!important; --zbc-offer-bg-to:#EFEDFF!important; --zbc-offer-border:#D4CEFF!important; --zbc-offer-label-color:#4A505B!important; --zbc-offer-amount-color:#000000!important;
  --zbc-breakdown-color:#4A505B!important; --zbc-bonus-color:#0C8A57!important;
  --zbc-pay-bg:#FFFFFF!important; --zbc-pay-border:#E4E6EA!important; --zbc-pay-text-color:#000000!important; --zbc-pay-selected-bg:#F3F4F6!important; --zbc-pay-selected-border:#000000!important; --zbc-pay-bonus-badge:#0C8A57!important;
  --zbc-submit-bg-from:#000000!important; --zbc-submit-bg-to:#000000!important; --zbc-submit-color:#FFFFFF!important; --zbc-submit-size:16px!important; --zbc-submit-radius:999px!important; --zbc-submit-shadow:transparent!important;
  --zbc-cond-color:#7C828D!important;
  --zbc-success-title-color:#000000!important; --zbc-success-msg-color:#4A505B!important;
  --zbc-info-bg:#000000!important; --zbc-info-border:#000000!important;
}
:root{
  --zbc-modal-bg:#FFFFFF!important; --zbc-modal-border:#E4E6EA!important; --zbc-modal-radius:20px!important; --zbc-modal-backdrop:rgba(0,0,0,.45)!important;
  --zbc-modal-title-color:#000000!important; --zbc-modal-subtitle-color:#5B4BFF!important; --zbc-modal-body-color:#262A31!important; --zbc-modal-close-color:#4A505B!important;
}

/* ── Plugin suivi de commande (zpb) ─────────────────────────────────── */
.zpb-track-form{
  --zpb-tf-maxw:560px!important; --zpb-tf-pad:0px!important; --zpb-tf-radius:0px!important;
  --zpb-tf-bg:transparent!important; --zpb-tf-border:transparent!important;
  --zpb-tf-title-color:#000000!important; --zpb-tf-intro-color:#4A505B!important; --zpb-tf-intro-size:16px!important;
  --zpb-tf-label-color:#000000!important; --zpb-tf-label-size:15px!important;
  --zpb-tf-input-bg:#FFFFFF!important; --zpb-tf-input-color:#000000!important; --zpb-tf-input-border:#E4E6EA!important; --zpb-tf-input-size:16px!important; --zpb-tf-focus:#000000!important;
  --zpb-tf-btn-bg:#000000!important; --zpb-tf-btn-bg2:#000000!important; --zpb-tf-btn-color:#FFFFFF!important; --zpb-tf-btn-size:16px!important; --zpb-tf-btn-radius:999px!important; --zpb-tf-btn-pad:16px 26px!important;
  --zpb-tf-err-bg:#FBEAE6!important; --zpb-tf-err-color:#9E2A17!important; --zpb-tf-err-border:#F2C3B8!important;
  margin-left:0!important;
}
.zy-tool .zpb-track-form__intro{display:none}

/* ── Configurateur sur-mesure (zcm) - déjà clair, on aligne les accents ── */
.zcm-app{--zcm-accent:#000000!important; --zcm-line:#E4E6EA!important; --zcm-surface:#F3F4F6!important; --zcm-muted:#4A505B!important; --zcm-sticky-top:96px!important}

/* ── Devis (zqt) : page « Finalise ton devis » aux couleurs du site (comme la page Paiement) ── */
.zqt-address-wrap{max-width:860px!important;margin:48px auto 72px!important;padding:0 20px!important;font-family:var(--body)!important;color:var(--ink)!important}
.zqt-address-wrap h1{font-family:var(--display)!important;font-size:clamp(34px,5vw,52px)!important;font-weight:700!important;letter-spacing:-.03em!important;line-height:1.05!important;margin:0 0 12px!important}
.zqt-address-wrap h1 + p{color:var(--ink2)!important;font-size:16.5px!important;margin:0 0 28px!important}
.zqt-address-wrap h1 + p strong{color:var(--ink)}
.zqt-address-wrap fieldset{border:1.5px solid var(--line)!important;border-radius:22px!important;padding:22px 24px 8px!important;margin:0;background:#fff}
.zqt-address-wrap legend{font-family:var(--display);font-size:19px;font-weight:700!important;padding:0 8px!important}
.zqt-address-form label{font-size:14.5px!important;font-weight:600!important;color:var(--ink)!important;margin-bottom:6px!important}
.zqt-address-form input[type=text],.zqt-address-form input[type=email],.zqt-address-form input[type=tel],.zqt-address-form select{font:inherit!important;font-size:16px!important;border:1.5px solid var(--line)!important;border-radius:12px!important;padding:12px 14px!important;height:auto!important;min-height:50px!important;color:var(--ink)!important}
.zqt-address-form select{padding-right:36px!important}
.zqt-address-form input:focus,.zqt-address-form select:focus{outline:none;border-color:var(--ink)!important}
.zqt-address-form .req{color:var(--red)!important}
.zqt-address-form input[type=checkbox]{accent-color:var(--ink)}
.zqt-address-wrap .zqt-submit-btn{background:var(--blue)!important;color:#fff!important;border:1.5px solid var(--blue)!important;border-radius:999px!important;min-height:56px;padding:0 32px!important;font:600 17px/1.2 var(--body)!important;width:100%;max-width:420px;transition:background .2s}
.zqt-address-wrap .zqt-submit-btn:hover{background:var(--blue-dark)!important;border-color:var(--blue-dark)!important}
.zqt-address-wrap .zqt-submit-spinner{border-color:rgba(255,255,255,.35)!important;border-top-color:#fff!important}
.zqt-address-wrap .zqt-submit-btn + div{color:var(--ink3)!important;font-size:13px!important}