@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//chahdoud.ma/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.1.2") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//chahdoud.ma/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//chahdoud.ma/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//chahdoud.ma/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//chahdoud.ma/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//chahdoud.ma/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//chahdoud.ma/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//chahdoud.ma/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//chahdoud.ma/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(0,0,0);
	--wd-text-font-size: 15px;
	--wd-title-font: "Oswald", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Oswald", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--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: "Oswald", 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: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: #FFBB00;
	--wd-alternative-color: #FFBB00;
	--wd-link-color: rgb(0,0,0);
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(255,187,0);
	--btn-accented-bgcolor-hover: rgb(255,161,0);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(242,189,83);
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://chahdoud.ma/wp-content/uploads/2021/09/books-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: rgb(0,0,0);
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(0,0,0);
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 5px;
}

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


/* =========================
   GLOBAL TOKENS
   ========================= */
:root{
  --brand:#FFBB00;      /* main brand */
  --brand-2:#FFC733;    /* lighter tint for gradient */
  --brand-deep:#E0A200; /* deeper shade for hover/active */
  --brand-dark:#B26E00; /* darker companion for text/arrow */
  --ink:#111;           /* body text */
  --ring:rgba(255,187,0,.28);
}

/* =========================
   VARIATION SELECT + RESET
   ========================= */

/* Give the select row room; let “Effacer” wrap if needed */
.variations tr .value{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

/* Reset link style */
.wd-reset-var .reset_variations,
.reset_variations{
  color:var(--brand-dark) !important;
  font-weight:800;
  font-size:16px;
  text-decoration:none;
  padding-inline:6px;
  border-radius:8px;
  display:inline-flex; align-items:center; gap:6px;
  white-space:nowrap;
  transition:background .15s ease, color .15s ease;
}
.wd-reset-var .reset_variations:hover,
.reset_variations:hover{ text-decoration:underline; background:rgba(255,187,0,.12); }

/* Select field */
.variations select[name^="attribute_"]{
  border:2px solid var(--brand) !important;
  background:#fff;
  border-radius:10px;
  font:inherit;
  color:var(--ink);
  box-sizing:border-box;
  min-height:52px;
  padding-block:12px;
  padding-inline:16px;
  padding-right:44px;                /* space for arrow */
  appearance:none;
  background-repeat:no-repeat;
  background-size:12px 12px;
  background-position:right 12px center;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23B26E00' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
}
:root[dir="rtl"] .variations select[name^="attribute_"]{
  background-position:left 12px center;
  padding-left:44px; padding-right:16px;
}
.variations select[name^="attribute_"]:focus{
  outline:none;
  border-color:var(--brand);
  box-shadow:0 0 0 3px var(--ring);
}

/* Placeholder styling (modern browsers) */
.variations select[name^="attribute_"]:has(option[value=""]:checked){
  color:var(--brand-dark);
  font-weight:700;
}

/* Empty option in dropdown list */
.variations select[name^="attribute_"] option[value=""]{
  color:var(--brand-dark);
  font-weight:700;
}

/* Fallback class (added by your JS) */
.variations select[name^="attribute_"].is-placeholder{
  color:var(--brand-dark) !important;
  font-weight:700;
}

/* Comfortable line-height inside list */
.variations select[name^="attribute_"] option{ line-height:1.6; }

/* Subtle “breathe” attention until a value is chosen */
@keyframes breathe {
  0%   { box-shadow:0 0 0 0 rgba(255,187,0,.45); }
  80%  { box-shadow:0 0 0 12px rgba(255,187,0,0); }
  100% { box-shadow:0 0 0 0 rgba(255,187,0,0); }
}
.variations select[name^="attribute_"]:has(option[value=""]:checked),
.variations select[name^="attribute_"].is-placeholder{
  animation:breathe 1.8s ease-out infinite;
  border-color:var(--brand);
}

/* Optional hint below the select (only when empty; modern browsers) */
.variations tr .value:has(select[name^="attribute_"] option[value='']:checked)::after{
  content:"Sélectionnez : Complet ou décanté";
  display:block; width:100%;
  margin-top:6px;
  font-size:.78rem; font-weight:600; color:var(--brand-dark);
  opacity:.9;
}

/* =========================
   CTA BLOCK (QTY + BUTTONS)
   ========================= */

/* Base layout (desktop/tablet) */
.woocommerce-variation-add-to-cart.variations_button{
  display:grid;
  grid-template-columns:160px 1fr;
  grid-template-rows:auto auto;
  gap:12px 14px;
  align-items:stretch;
}
.woocommerce-variation-add-to-cart .quantity{ grid-column:1; grid-row:1 / span 2; }
.woocommerce-variation-add-to-cart .single_add_to_cart_button{ grid-column:2; grid-row:1; }
.woocommerce-variation-add-to-cart .wd-buy-now-btn{ grid-column:2; grid-row:2; }

/* Quantity compact pill */
.woocommerce-variation-add-to-cart .quantity{
  display:flex; align-items:center; justify-content:space-between;
  background:#fff; border:2px solid var(--brand);
  border-radius:999px; overflow:hidden; height:48px;
  box-shadow:0 4px 14px rgba(255,187,0,.15);
}
.woocommerce-variation-add-to-cart .quantity .btn{
  width:42px; height:100%; border:0; background:transparent;
  font-weight:700; font-size:18px; color:#7a7a7a; cursor:pointer;
  transition:background .15s, color .15s;
}
.woocommerce-variation-add-to-cart .quantity .btn:hover{ background:rgba(0,0,0,.04); color:#333; }
.woocommerce-variation-add-to-cart .quantity .qty{
  flex:1 1 auto; height:100%; border:0; background:transparent;
  text-align:center; font-weight:600; color:#222; min-width:0;
}
.woocommerce-variation-add-to-cart .quantity .qty:focus{ outline:0; box-shadow:0 0 0 3px var(--ring) inset; }

/* Buttons base */
.woocommerce .single_add_to_cart_button,
.woocommerce .wd-buy-now-btn{
  --shadow:0 10px 20px rgba(0,0,0,.12), 0 3px 6px rgba(0,0,0,.08);
  display:inline-flex; align-items:center; justify-content:center;
  height:48px; width:100%;
  border-radius:999px; border:0; padding:0 22px;
  letter-spacing:.4px; text-transform:uppercase;
  font-weight:800; font-size:14px;
  transition:transform .12s ease, box-shadow .12s ease, background .15s ease, filter .15s ease;
  box-shadow:var(--shadow); position:relative; text-align:center; white-space:nowrap;
}

/* Primary = Add to cart (brand gradient) */
.woocommerce .single_add_to_cart_button{
  color:#111;
  background:linear-gradient(180deg, var(--brand-2) 0%, var(--brand) 60%, var(--brand-deep) 100%);
}
.woocommerce .single_add_to_cart_button:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 22px rgba(255,187,0,.28), 0 4px 10px rgba(0,0,0,.12);
}
.woocommerce .single_add_to_cart_button:active{
  transform:translateY(0); filter:saturate(1.03) brightness(.98);
}

/* Secondary = Buy now (dark) */
.woocommerce .wd-buy-now-btn{
  color:#fff;
  background:linear-gradient(180deg, #111 0%, #1a1a1a 100%);
  border:2px solid rgba(0,0,0,.85);
}
.woocommerce .wd-buy-now-btn:hover{ transform:translateY(-1px); box-shadow:0 12px 22px rgba(0,0,0,.28); }
.woocommerce .wd-buy-now-btn:active{ transform:translateY(0); }
.woocommerce .wd-buy-now-btn::after{
  content:""; width:10px; height:10px; margin-left:10px;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 5l8 7-8 7' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size:10px 10px; background-repeat:no-repeat; background-position:center; opacity:.95;
}

/* Focus rings */
.woocommerce .single_add_to_cart_button:focus,
.woocommerce .wd-buy-now-btn:focus{ outline:none; box-shadow:0 0 0 4px var(--ring), var(--shadow); }

/* Disabled state (no variation selected) */
.woocommerce-variation-add-to-cart-disabled .single_add_to_cart_button,
.woocommerce-variation-add-to-cart-disabled .wd-buy-now-btn,
.woocommerce .single_add_to_cart_button.disabled{
  filter:grayscale(35%) brightness(.92);
  cursor:not-allowed !important;
  box-shadow:none; opacity:.65;
}

/* ========== Mobile tweaks ========== */
/* Put CTAs first, quantity smaller underneath */
@media (max-width:576px){
  .woocommerce-variation-add-to-cart.variations_button{
    display:flex; flex-direction:column; gap:12px;
  }
  .woocommerce-variation-add-to-cart .single_add_to_cart_button{ order:1; }
  .woocommerce-variation-add-to-cart .wd-buy-now-btn{ order:2; }
  .woocommerce-variation-add-to-cart .quantity{
    order:3; align-self:flex-start;
    height:40px; border-radius:999px;
  }
  .woocommerce-variation-add-to-cart .quantity .btn{ width:36px; font-size:16px; }
  .woocommerce-variation-add-to-cart .quantity .qty{ width:64px; font-size:14px; }
  .woocommerce .single_add_to_cart_button,
  .woocommerce .wd-buy-now-btn{ height:52px; font-size:15px; letter-spacing:.5px; }
}