:root {
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(118,118,118);
	--wd-text-font-size: 16px;
	--wd-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(184,134,11);
	--wd-alternative-color: 1A1A1A;
	--btn-default-bgcolor: rgb(23,23,23);
	--btn-default-bgcolor-hover: rgb(25,25,25);
	--btn-accented-bgcolor: rgb(90,95,222);
	--btn-accented-bgcolor-hover: rgb(82,87,203);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://isopref.fr/wp-content/uploads/2021/09/hardware-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(0,0,0);
	background-image: url(https://isopref.fr/wp-content/uploads/2021/09/hardware-footer-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(16,16,16);
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(16,16,16);
}

/* ============================================================
   CHARTE ISOPREF — feuille de style globale
   ============================================================ */

:root{
  --iso-noir:#131313;
  --iso-noir2:#1A1A1A;
  --iso-or:#B8860B;
  --iso-gris:#B9B9BD;
  --iso-bord:#2b2b2b;
}


/* ============================================================
   1. BOUTONS
   ============================================================ */

/* Boutons principaux (dorés) */
body .btn, body .button, body button.button, body .wp-element-button,
body input[type="submit"], body .wpcf7 input[type="submit"],
body .wpcf7 .btn-color-black,
body .single_add_to_cart_button, body .checkout-button,
body .wc-block-components-button, body .woodmart-button {
  background: var(--iso-or) !important;
  border: 1px solid var(--iso-or) !important;
  color: #111 !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  letter-spacing: .2px;
  text-transform: none !important;
  transition: transform .15s ease, box-shadow .2s ease, opacity .15s ease !important;
}
body .btn:hover, body .button:hover, body button.button:hover,
body .wp-element-button:hover, body input[type="submit"]:hover,
body .wpcf7 .btn-color-black:hover,
body .single_add_to_cart_button:hover, body .checkout-button:hover,
body .wc-block-components-button:hover, body .woodmart-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(184,134,11,.28);
  opacity: .95;
}
body .btn:active, body .button:active, body input[type="submit"]:active {
  transform: translateY(0);
}

/* Boutons secondaires (contour doré) */
body .btn-style-bordered, body .button.alt-secondary, body .btn-outline {
  background: transparent !important;
  border: 1px solid var(--iso-or) !important;
  color: var(--iso-or) !important;
}

/* Boutons Elementor (page d'accueil) */
body .elementor-button,
body .elementor-button-link,
body a.elementor-button,
body .elementor-widget-button .elementor-button {
  background-color: var(--iso-or) !important;
  border: 1px solid var(--iso-or) !important;
  color: #111 !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  transition: transform .15s ease, box-shadow .2s ease, opacity .15s ease !important;
}
body .elementor-button:hover,
body a.elementor-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(184,134,11,.28);
  opacity: .95;
}
body .elementor-button:active { transform: translateY(0); }
body .elementor-button .elementor-button-text { color: #111 !important; }

/* Bouton secondaire Elementor : fond blanc, texte doré
   (classe "iso-btn-outline" dans Elementor → Avancé → Classes CSS) */
body .iso-btn-outline .elementor-button,
body .elementor-button.iso-btn-outline,
body a.elementor-button.iso-btn-outline {
  background-color: #fff !important;
  border: 1px solid #fff !important;
  color: var(--iso-or) !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  transition: transform .15s ease, box-shadow .2s ease, opacity .15s ease !important;
}
body .iso-btn-outline .elementor-button .elementor-button-text,
body .elementor-button.iso-btn-outline .elementor-button-text {
  color: var(--iso-or) !important;
}
body .iso-btn-outline .elementor-button:hover,
body .elementor-button.iso-btn-outline:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(255,255,255,.22);
  opacity: .95;
}
body .iso-btn-outline .elementor-button:active,
body .elementor-button.iso-btn-outline:active {
  transform: translateY(0);
}


/* ============================================================
   2. CHAMPS DE FORMULAIRE
   ============================================================ */

body input[type="text"], body input[type="email"], body input[type="tel"],
body input[type="number"], body input[type="password"], body input[type="search"],
body input[type="url"], body textarea, body select,
body .wpcf7 input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]),
body .wpcf7 textarea, body .wpcf7 select {
  background: var(--iso-noir2) !important;
  border: 1px solid var(--iso-bord) !important;
  color: #fff !important;
  border-radius: 8px !important;
  padding: 11px 12px !important;
  transition: border-color .18s ease !important;
}
body input:not([type="radio"]):not([type="checkbox"]):hover,
body textarea:hover, body select:hover,
body input:not([type="radio"]):not([type="checkbox"]):focus,
body textarea:focus, body select:focus {
  border-color: var(--iso-or) !important;
  outline: none !important;
  box-shadow: none !important;
}
body ::placeholder { color: #6d6d6d !important; }

/* Cases à cocher et boutons radio : rendu natif, accent doré */
body input[type="radio"],
body input[type="checkbox"],
body .wc-block-components-radio-control__input {
  appearance: auto !important;
  -webkit-appearance: auto !important;
  width: 18px !important;
  height: 18px !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 8px 0 0 !important;
  flex: none !important;
  border: initial !important;
  border-radius: initial !important;
  accent-color: var(--iso-or);
}


/* ============================================================
   3. TEXTES
   ============================================================ */

body h1, body h2, body h3 { font-weight: 700; }

body .iso-eyebrow {
  color: var(--iso-or);
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 700;
}


/* ============================================================
   4. CARTES CATALOGUE — effet au survol
   (classe "iso-cards" sur le conteneur des 9 cartes)
   ============================================================ */

body .iso-cards .e-con-inner > .e-con,
body .iso-cards > .e-con,
body .iso-cards .elementor-widget-container > div {
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}
body .iso-cards .e-con:hover,
body .iso-cards > .e-con:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.45) !important;
  border-color: var(--iso-or) !important;
}
body .iso-cards .e-con:hover img {
  filter: brightness(1.08);
  transition: filter .25s ease;
}


/* ============================================================
   5. PAGE MON COMPTE
   ============================================================ */

body .woocommerce-MyAccount-navigation ul { list-style:none; margin:0; padding:0; }
body .woocommerce-MyAccount-navigation ul li { margin:0 0 8px; }
body .woocommerce-MyAccount-navigation ul li a{
  display:block; padding:12px 16px; border-radius:8px;
  background:var(--iso-noir2); border:1px solid var(--iso-bord);
  color:var(--iso-gris); font-weight:600; font-size:14px; text-decoration:none;
  transition:border-color .18s ease, color .18s ease, transform .15s ease;
}
body .woocommerce-MyAccount-navigation ul li a:hover{
  border-color:var(--iso-or); color:#fff; transform:translateX(3px);
}
body .woocommerce-MyAccount-navigation ul li.is-active a{
  background:var(--iso-or); border-color:var(--iso-or); color:#111;
}
body .woocommerce-MyAccount-content{
  background:var(--iso-noir2); border:1px solid var(--iso-bord);
  border-radius:12px; padding:26px;
}
body .woocommerce-MyAccount-content p { color:var(--iso-gris); }
body .woocommerce-MyAccount-content a { color:var(--iso-or); text-decoration:none; }
body .woocommerce-MyAccount-content a:hover { opacity:.8; }
body .woocommerce-MyAccount-content table th { color:#fff; border-color:var(--iso-bord) !important; }
body .woocommerce-MyAccount-content table td { color:var(--iso-gris); border-color:var(--iso-bord) !important; }

@media (max-width:767px){
  body .woocommerce-MyAccount-navigation { margin-bottom:24px; }
}


/* ============================================================
   6. PANIER ET TUNNEL DE COMMANDE (blocs WooCommerce)
   ============================================================ */

/* Champs de saisie : espace pour le libellé flottant */
body .wc-block-components-text-input input[type="text"],
body .wc-block-components-text-input input[type="email"],
body .wc-block-components-text-input input[type="tel"],
body .wc-block-components-text-input input[type="number"],
body .wc-block-components-address-form input:not([type="radio"]):not([type="checkbox"]),
body .wc-block-components-form input:not([type="radio"]):not([type="checkbox"]) {
  padding: 2.1em 16px 0.8em !important;
  min-height: 4em !important;
}
body .wc-block-components-select select,
body .wc-block-components-country-input select,
body .wc-block-components-state-input select {
  padding: 2.1em 16px 0.8em !important;
  min-height: 4em !important;
}
body .wc-block-components-text-input label,
body .wc-block-components-select label {
  top: 0.9em !important;
}

/* Vignettes vides du résumé (les produits n'ont pas d'image) */
body .wc-block-components-order-summary-item__image,
body .wc-block-cart-item__image {
  display: none !important;
}
body .wc-block-components-order-summary-item {
  padding-left: 0 !important;
}

/* Bandeau de confirmation de commande */
body .woocommerce-notice--success,
body .woocommerce-thankyou-order-received {
  color: var(--iso-or) !important;
  border: 1px solid var(--iso-or) !important;
  background: rgba(184,134,11,.08) !important;
  border-radius: 10px !important;
  padding: 18px !important;
  font-weight: 700 !important;
}

/* Cases à cocher du tunnel de commande
   (doit rester APRÈS la règle générale de la section 2) */
body .wc-block-components-checkbox__input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 18px !important;
  height: 18px !important;
  border: 1px solid var(--iso-bord) !important;
  border-radius: 4px !important;
  background: var(--iso-noir2) !important;
}
body .wc-block-components-checkbox__input[type="checkbox"]:checked {
  background: var(--iso-or) !important;
  border-color: var(--iso-or) !important;
}
body .wc-block-components-checkbox__mark {
  fill: #111 !important;
}


/* ============================================================
   7. BARRE D'ADMIN — ne rien styliser
   ============================================================ */

#wpadminbar .button, #wpadminbar input, #wpadminbar a {
  background: initial !important; border: 0 !important;
  color: inherit !important; border-radius: 0 !important;
  transform: none !important; box-shadow: none !important;
}/* --- Sélecteur Livraison / Retrait --- */
body .wc-block-checkout__shipping-method-option,
body .wc-block-components-radio-control-accordion-option {
  background: var(--iso-noir2) !important;
  border: 1px solid var(--iso-bord) !important;
  color: var(--iso-gris) !important;
  border-radius: 8px !important;
}
body .wc-block-checkout__shipping-method-option--selected,
body .wc-block-checkout__shipping-method-option[aria-checked="true"],
body .wc-block-checkout__shipping-method-option.is-selected {
  background: var(--iso-or) !important;
  border-color: var(--iso-or) !important;
}
body .wc-block-checkout__shipping-method-option--selected *,
body .wc-block-checkout__shipping-method-option[aria-checked="true"] *,
body .wc-block-checkout__shipping-method-option.is-selected * {
  color: #111 !important;
  fill: #111 !important;
}
body .wc-block-checkout__shipping-method-option-title,
body .wc-block-checkout__shipping-method-option-rate {
  color: inherit !important;
}
/* --- SÉPARATEUR DE SECTION --- */
body .iso-sep{position:relative}
body .iso-sep::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  width:70%;
  max-width:1000px;
  height:2px;
  background:linear-gradient(90deg,
    rgba(184,134,11,0) 0%,
    rgba(184,134,11,.75) 50%,
    rgba(184,134,11,0) 100%);
}
/* --- CONFIGURATEUR : bloc tarifs réservés --- */
#iso-cfg .cfg-locked{
  padding:22px;
  background:rgba(184,134,11,.08);
  border:1px solid var(--iso-or);
  border-radius:10px;
  animation:isoFade .25s ease;
}
#iso-cfg .cfg-locked .eyebrow{
  color:var(--iso-or);font-size:12px;letter-spacing:2px;
  text-transform:uppercase;font-weight:700;margin-bottom:10px;
}
#iso-cfg .cfg-locked p{
  color:#fff;font-size:15px;line-height:1.55;margin:0 0 18px;
}
#iso-cfg .cfg-locked .btns{display:flex;flex-wrap:wrap;gap:10px}
#iso-cfg .cfg-locked .btns a{
  display:inline-flex;align-items:center;justify-content:center;
  height:46px;padding:0 22px;border-radius:8px;
  font-weight:700;font-size:15px;text-decoration:none;
  transition:transform .15s ease,box-shadow .2s ease,opacity .15s ease;
}
#iso-cfg .cfg-locked .btns a.b1{background:var(--iso-or);color:#111;border:1px solid var(--iso-or)}
#iso-cfg .cfg-locked .btns a.b2{background:#fff;color:var(--iso-or);border:1px solid #fff}
#iso-cfg .cfg-locked .btns a:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(184,134,11,.28)}
#iso-cfg .cfg-locked .piece{
  margin-top:16px;padding-top:14px;border-top:1px solid rgba(184,134,11,.25);
  font-size:12px;color:var(--iso-gris);
  font-family:ui-monospace,Menlo,Consolas,monospace;
}
/* === PANIER : masquer les vignettes vides === */
.wd-dropdown-cart .cart_list li img,
.widget_shopping_cart_content .cart_list li img,
.wc-block-mini-cart__products-table img,
.wc-block-cart-item__image {
  display: none !important;
}
.wd-dropdown-cart .cart_list li,
.widget_shopping_cart_content .cart_list li {
  padding-left: 0 !important;
}

/* === PANIER : quantité visible entre - et + === */
.wc-block-components-quantity-selector__input,
.quantity input.qty {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: transparent !important;
  min-width: 34px !important;
  text-align: center !important;
  padding: 0 !important;
}

/* === PANIER : libellé produit plus lisible === */
.wc-block-components-product-name {
  color: #fff !important;
}
/* === PANIER : phrase livraison bien lisible === */
.wc-block-components-totals-shipping__via,
.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__description,
.wc-block-components-totals-shipping .wc-block-components-totals-item__description {
  color: #B8860B !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  opacity: 1 !important;
}
.iso-img, .iso-card { box-sizing: border-box; }