@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//byshop-rd.com/wp-content/themes/woodmart/fonts/woodmart-font-2-400.woff2?v=8.1.1") format("woff2");
	font-display:swap;
}

:root {
	--wd-text-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 15px;
	--wd-title-font: "Lexend Deca", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Lexend Deca", 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: "Lexend Deca", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Lexend Deca", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 13px;
	--wd-brd-radius: 10px;
	--wd-primary-color: rgb(191,0,255);
	--wd-alternative-color: rgba(127,15,142,0.16);
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: rgba(127,15,142,0.16);
	--btn-default-bgcolor-hover: rgba(127,15,142,0.16);
	--btn-default-color: rgb(191,0,255);
	--btn-default-color-hover: rgb(191,0,255);
	--btn-accented-bgcolor: rgb(191,0,255);
	--btn-accented-bgcolor-hover: rgb(191,0,255);
	--btn-transform: capitalize;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: rgb(191,0,255);
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
html .post.wd-post .wd-entities-title {
	font-size: 18px;
}
.page .wd-page-content {
	background-color: rgb(246,246,246);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-color: rgb(246,246,246);
	background-image: none;
}
.single-product .wd-page-content {
	background-color: rgb(246,246,246);
	background-image: none;
}
.woodmart-archive-blog .wd-page-content {
	background-color: rgb(246,246,246);
	background-image: none;
}
html .wd-buy-now-btn {
	background: rgb(107,163,49);
}
html .wd-buy-now-btn:hover {
	background: rgb(95,158,44);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-bg: rgb(255,255,255);
}
.product-labels .product-label.attribute-label:not(.label-with-img) {
	background-color: rgb(255,255,255);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1400px;
--wd-form-brd-radius: 5px;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

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


.whb-z4o6eqi1znmtf82f1h6b.wd-tools-element.wd-design-8 .wd-tools-icon {
background-color:rgb(191,0,255) !important;
	}
/* Swatches épuisés (âges/tailles) en ROUGE sur la grille WoodMart */
.wd-product .wd-swatches .wd-swatch.disabled,
.wd-product .wd-swatches .wd-swatch.out-of-stock,
.wd-product .wd-swatches .swatch-disabled,
.wd-product .wd-swatches .wd-attr-term.disabled {
  background: #dc2626 !important;
  border-color: #dc2626 !important;
  color: #fff !important;
  opacity: 1 !important;
  text-decoration: line-through; /* optionnel */
}

/* ======= Titre "Size / Age :" sur toute la largeur ======= */
.product-grid-item div:has(> .wd-swatch)::before,
.product-grid-item .product-element-bottom .wd-swatches:has(.wd-swatch)::before,
.product-grid-item .product-element-top .wd-swatches:has(.wd-swatch)::before,
.product-grid-item .wd-swatch-list:has(.wd-swatch)::before {
  content: "Size / Age :";
  display: block;
  width: 100%;
  text-align: center;
  color: #111;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.2;
  margin: 6px 0 8px;
}

/* ======= CONTENEUR DU GROUPE : centré, retour à la ligne ======= */
/* On cible plusieurs variantes de conteneurs utilisés par WoodMart */
.product-grid-item .product-element-bottom .wd-swatches,
.product-grid-item .product-element-top .wd-swatches,
.product-grid-item .wd-swatch-list,
.product-grid-item div:has(> .wd-swatch) {
  display: flex !important;        /* on force Flex */
  flex-wrap: wrap !important;      /* permet le retour à la ligne */
  justify-content: center !important; /* centre chaque ligne */
  align-content: center !important;   /* centre l'ensemble si plusieurs lignes */
  gap: 6px 8px;                    /* espacement (ligne, colonne) */
  width: 100% !important;          /* prend toute la largeur de la carte */
  text-align: center;
}

/* ======= ÉLÉMENT SWATCH : taille/âge côte à côte et centrés ======= */
.product-grid-item .wd-swatch {
  display: inline-flex;            /* s'aligne proprement, garde la pastille compacte */
  align-items: center;
  justify-content: center;
  margin: 0;                       /* on laisse le gap gérer l'espacement */
}

/* ======= Style des pastilles (vert) ======= */
.wd-swatch-text {
  color: #1d6630;
  background-color: #e7f8ec;
  border: 1px solid #b5e0c3;
  border-radius: 6px;
  padding: 3px 7px;
  font-weight: 600;
  transition: all 0.2s ease;
  font-size: 12px;
  line-height: 1.2;
  display: inline-block;
  text-align: center;
}

/* Survol / actif */
.wd-swatch-text:hover,
.wd-swatch-text.wd-active {
  color: #0e4421;
  background-color: #d0f2db;
  border-color: #9ad8b1;
}

/* Rupture de stock */
.wd-swatch-text.disabled,
.wd-swatch-text.wd-disabled,
.wd-swatch-text.out-of-stock {
  color: #a4a4a4 !important;
  background-color: #f6f6f6 !important;
  border-color: #ddd !important;
  text-decoration: line-through;
  cursor: not-allowed;
  opacity: 0.7;
}


/* ====== Uniformiser la hauteur des images UNIQUEMENT sur la boutique et les catégories ====== */
.woocommerce.archive .product-grid-item .product-element-top img,
.woocommerce.archive .product-grid-item .product-image img,
.woocommerce.archive .product-grid-item img.wp-post-image {
  width: 100%;
  height: 380px; /* 🔹 Ajuste selon ton design */
  object-fit: cover;
  object-position: center center;
}

/* Empêche le débordement sur la boutique uniquement */
.woocommerce.archive .product-grid-item .product-element-top,
.woocommerce.archive .product-grid-item .product-image {
  overflow: hidden;
}


/* Archives produits uniquement (Shop/Catégories/Recherche) */
body.woocommerce.archive .product-grid-item .product-element-top,
body.post-type-archive-product .product-grid-item .product-element-top,
body.tax-product_cat .product-grid-item .product-element-top,
body.tax-product_tag .product-grid-item .product-element-top,
body.search-results.woocommerce .product-grid-item .product-element-top{
  position: relative !important;
  overflow: hidden !important;
}

/* L'image remplit le conteneur que l'on va fixer en JS */
body.woocommerce.archive .product-grid-item .product-element-top img,
body.post-type-archive-product .product-grid-item .product-element-top img,
body.tax-product_cat .product-grid-item .product-element-top img,
body.tax-product_tag .product-grid-item .product-element-top img,
body.search-results.woocommerce .product-grid-item .product-element-top img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  max-width: none !important;
  position: absolute !important;
  inset: 0 !important; /* top/right/bottom/left = 0 */
}









/* Cache les swatches natifs WoodMart UNIQUEMENT en archives produits */
.woocommerce.archive .product-grid-item .wd-swatches,
.post-type-archive-product .product-grid-item .wd-swatches,
.tax-product_cat .product-grid-item .wd-swatches,
.tax-product_tag .product-grid-item .wd-swatches,
.search-results.woocommerce .product-grid-item .wd-swatches {
  display: none !important;
}

/* Style du bloc custom */
.by-grid-swatches{ width:100%; text-align:center; margin-top:8px; }
.by-grid-swatches .by-grid-title{
  display:block; font-weight:700; font-size:13px; color:#111; margin-bottom:6px;
}
.by-grid-swatches .by-swatch{
  display:inline-block; margin:0 4px 6px; padding:3px 7px; font-size:12px; font-weight:600;
  border:1px solid #b5e0c3; background:#e7f8ec; color:#1d6630; border-radius:6px; line-height:1.2;
}






/* ====== CATÉGORIES UNIQUEMENT (WoodMart + WooCommerce) ====== */
/* 1) Catégories dans les grilles WooCommerce (ul.products > li.product-category) */
:not(.single-product) ul.products li.product-category a {
  display: block !important;
  aspect-ratio: 1 / 1 !important;   /* ⬅️ carré ; mets 4/5 ou 3/4 si tu préfères */
  position: relative !important;
  overflow: hidden !important;
}
:not(.single-product) ul.products li.product-category a img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  max-width: none !important;
}

/* 2) Widgets/shortcodes WoodMart (catégories sur accueil, “Nouveauté”, carrousels, etc.) */
.wd-categories .wd-cat .category-image,
.wd-categories .wd-cat .cat-image,
.wd-categories .category-grid-item .category-image,
.wd-cat .category-image,
.wd-cat .cat-image {
  aspect-ratio: 1 / 1 !important;   /* ⬅️ ajuste ici le ratio si besoin */
  position: relative !important;
  overflow: hidden !important;
}
.wd-categories .wd-cat .category-image img,
.wd-categories .wd-cat .cat-image img,
.wd-categories .category-grid-item .category-image img,
.wd-cat .category-image img,
.wd-cat .cat-image img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  max-width: none !important;
}

/* 3) Sécurité : neutraliser des hauteurs internes qui cassent l’uniformisation */
.wd-categories .wd-cat,
.wd-categories .category-grid-item,
.wd-cat .category-image,
.wd-cat .cat-image {
  height: auto !important;
  max-height: none !important;
  overflow: hidden !important;
}




/* ===== UNIFORMISATION DES SECTIONS AVEC CADRE ET OMBRE ===== */ /* Appliquer un cadre pastel + ombre douce à toutes les sections */ body.woocommerce-checkout #customer_details .col-1, body.woocommerce-checkout #customer_details .col-2, body.woocommerce-checkout .woocommerce-additional-fields, body.woocommerce-checkout #order_review, body.woocommerce-checkout .woocommerce-checkout-payment { background: #fff; border-radius: 18px; border: 1px solid rgba(255,126,203,0.25); box-shadow: 0 10px 22px rgba(0,0,0,0.08); padding: 20px; margin-bottom: 20px; position: relative; overflow: hidden; } /* Ruban coloré en haut de chaque carte */ body.woocommerce-checkout #customer_details .col-1::before, body.woocommerce-checkout #customer_details .col-2::before, body.woocommerce-checkout .woocommerce-additional-fields::before, body.woocommerce-checkout #order_review::before, body.woocommerce-checkout .woocommerce-checkout-payment::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 6px; background: linear-gradient(90deg, #ff7ecb, #ffb347); border-radius: 18px 18px 0 0; } /* Titres avec icônes */ body.woocommerce-checkout h3 { display: flex; align-items: center; gap: 10px; font-size: 18px; font-weight: 700; margin: 10px 0 16px; color: #1f1f1f; text-transform: uppercase; } body.woocommerce-checkout #customer_details .col-1 h3::before { content: "🏠"; } body.woocommerce-checkout #customer_details .col-2 h3::before { content: "🚚"; } body.woocommerce-checkout .woocommerce-additional-fields h3::before { content: "📝"; } body.woocommerce-checkout #order_review h3::before { content: "🧾"; } body.woocommerce-checkout .woocommerce-checkout-payment h3::before { content: "💳"; } /* Effet pastel de fond différent selon section */ body.woocommerce-checkout #customer_details .col-1 { background: #ffe8f2; } body.woocommerce-checkout #customer_details .col-2 { background: #e9f3ff; } body.woocommerce-checkout .woocommerce-additional-fields { background: #eafff5; } body.woocommerce-checkout #order_review { background: #fff6e1; } body.woocommerce-checkout .woocommerce-checkout-payment { background: #f2f7ff; } /* Bouton de validation toujours visible et stylé */ body.woocommerce-checkout #place_order { width: 100%; background: linear-gradient(90deg, #ff7ecb, #ffb347); color: #fff; font-size: 18px; font-weight: 700; border: none; border-radius: 14px; padding: 15px 20px; transition: all 0.3s ease; } body.woocommerce-checkout #place_order:hover { transform: translateY(-1px); box-shadow: 0 8px 18px rgba(0,0,0,0.15); } /* Espacements pour lisibilité */ @media (min-width: 768px) { body.woocommerce-checkout #customer_details { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } } /***** Byshop-RD — Cadres + Ombre pour Billing Details & Your Order (checkout only) *****/ body.woocommerce-checkout { /* ————— Billing Details (widget .wd-billing-details) ————— */ .wd-billing-details .woocommerce-billing-fields { background: #e9f3ff; /* pastel bleu (modifiable) */ border: 1px solid rgba(0,0,0,.06); border-radius: 18px; box-shadow: 0 10px 22px rgba(0,0,0,.08); padding: 18px 18px 14px; position: relative; overflow: hidden; margin-bottom: 20px; } .wd-billing-details .woocommerce-billing-fields::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 6px; background: linear-gradient(90deg, #ff7ecb, #ffb347); /* ruban dégradé */ } /* Titre H3 interne (Détails de facturation) + icône */ .wd-billing-details .woocommerce-billing-fields > h3 { display: flex; align-items: center; gap: 10px; font-size: 18px; font-weight: 800; margin: 10px 0 14px; color: #1f1f1f; text-transform: uppercase; } .wd-billing-details .woocommerce-billing-fields > h3::before { content: "🏠"; } /* Option : harmoniser le H4 Elementor “Billing Details” au-dessus (ou le masquer si doublon) */ .elementor-element-540d883 .woodmart-title-container.title { margin-bottom: 8px; } /* Pour masquer le H4 en doublon, dé-commente la ligne suivante */ /* .elementor-element-540d883 { display: none; } */ /* ————— Your Order (récapitulatif) ————— Selon WoodMart, la zone est .woocommerce-checkout-review-order ou .checkout-order-review */ .woocommerce-checkout-review-order, .checkout-order-review, #order_review { background: #fff6e1; /* pastel jaune (modifiable) */ border: 1px solid rgba(0,0,0,.06); border-radius: 18px; box-shadow: 0 10px 22px rgba(0,0,0,.08); padding: 18px 18px 10px; position: relative; overflow: hidden; margin-bottom: 20px; } .woocommerce-checkout-review-order::before, .checkout-order-review::before, #order_review::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 6px; background: linear-gradient(90deg, #ff7ecb, #ffb347); } /* Titre H3 “Your Order” + icône quand présent */ #order_review h3, .woocommerce-checkout-review-order h3, .checkout-order-review h3 { display: flex; align-items: center; gap: 10px; font-size: 18px; font-weight: 800; margin: 10px 0 14px; color: #1f1f1f; text-transform: uppercase; } #order_review h3::before, .woocommerce-checkout-review-order h3::before, .checkout-order-review h3::before { content: "🧾"; } /* Tableau + totaux (légère emphase) */ .shop_table th, .shop_table td { color: #2b2b2b; font-size: 16px; } .shop_table tfoot th { color: #ff7ecb; font-weight: 800; } .order-total td, .order-total th { font-size: 18px; } /* ————— Cohérence “Notes de commande (facultatif)” ————— */ .woocommerce-additional-fields { background: #eafff5; /* pastel vert (comme modèle) */ border: 1px solid rgba(0,0,0,.06); border-radius: 18px; box-shadow: 0 10px 22px rgba(0,0,0,.08); padding: 18px 18px 14px; position: relative; overflow: hidden; margin-bottom: 20px; } .woocommerce-additional-fields::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 6px; background: linear-gradient(90deg, #ff7ecb, #ffb347); } .woocommerce-additional-fields h3 { display: flex; align-items: center; gap: 10px; font-size: 18px; font-weight: 800; margin: 10px 0 14px; color: #1f1f1f; text-transform: uppercase; } .woocommerce-additional-fields h3::before { content: "📝"; } /* ————— Petits plus de lisibilité (champ + select2) ————— */ .woocommerce-billing-fields input.input-text, .woocommerce-billing-fields select, .woocommerce-billing-fields textarea, .woocommerce-additional-fields textarea { background: #fff; border: 2px solid rgba(255,126,203,.35); border-radius: 12px; padding: 12px 14px; font-size: 16px; transition: border-color .25s ease, box-shadow .25s ease; } .woocommerce-billing-fields input:focus, .woocommerce-billing-fields select:focus, .woocommerce-billing-fields textarea:focus, .woocommerce-additional-fields textarea:focus { border-color: #ff7ecb; box-shadow: 0 0 0 4px rgba(255,126,203,.15); outline: none; } /* select2 (wilaya/commune) */ .select2-container .select2-selection--single { border: 2px solid rgba(255,126,203,.35)!important; border-radius: 12px!important; height: 44px!important; } .select2-container .select2-selection__rendered { line-height: 42px!important; } .select2-container .select2-selection__arrow { height: 42px!important; } /* ————— Effet hover carte (option premium) ————— */ .wd-billing-details .woocommerce-billing-fields:hover, .woocommerce-checkout-review-order:hover, .checkout-order-review:hover, #order_review:hover, .woocommerce-additional-fields:hover { transform: translateY(-2px); transition: transform .15s ease, box-shadow .15s ease; box-shadow: 0 14px 26px rgba(0,0,0,.12); } } /******** Byshop-RD — Carte + Ombre + Ruban pour "Your Order" (Checkout only) ********/ body.woocommerce-checkout { /* --- Titre Elementor "Your Order" (h4) + icône + barre dégradée --- */ .elementor-element-5938f73 .woodmart-title-container.title { display: flex; align-items: center; gap: 10px; margin: 8px 0 12px; font-weight: 800; text-transform: uppercase; } .elementor-element-5938f73 .woodmart-title-container.title::before { content: "🧾"; } .elementor-element-5938f73 .woodmart-title-container.title::after { content: ""; flex: 1; height: 8px; border-radius: 999px; background: linear-gradient(90deg, #ff7ecb, #ffb347); opacity: .25; margin-left: 8px; } /* --- Carte "Your Order" autour du tableau --- */ .elementor-element-352618b .elementor-widget-container { background: #fff6e1; /* pastel jaune, adapte si tu veux */ border: 1px solid rgba(0,0,0,.06); border-radius: 18px; box-shadow: 0 10px 22px rgba(0,0,0,.08); padding: 18px 18px 12px; position: relative; overflow: hidden; margin-bottom: 18px; transition: transform .15s ease, box-shadow .15s ease; } .elementor-element-352618b .elementor-widget-container::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 6px; background: linear-gradient(90deg, #ff7ecb, #ffb347); } .elementor-element-352618b .elementor-widget-container:hover { transform: translateY(-2px); box-shadow: 0 14px 26px rgba(0,0,0,.12); } /* Tableau inside: lisibilité + neutralisation des bords natifs si besoin */ .elementor-element-352618b .shop_table.woocommerce-checkout-review-order-table { margin: 0; background: transparent; border: none; } .elementor-element-352618b .shop_table th, .elementor-element-352618b .shop_table td { border: none; color: #2b2b2b; font-size: 16px; } .elementor-element-352618b .shop_table thead th { font-weight: 800; } .elementor-element-352618b .shop_table tfoot th { color: #ff7ecb; font-weight: 800; } .elementor-element-352618b .order-total th, .elementor-element-352618b .order-total td { font-size: 18px; } /* Boutons quantité & mini UI dans le bloc order */ .elementor-element-352618b .qib-button, .elementor-element-352618b .wqpmb_input_text { border-radius: 10px; } /* --- BONUS : Progress bar "free shipping" dans la même carte --- */ .elementor-element-995361e .elementor-widget-container { background: #ffffff; border: 1px solid rgba(0,0,0,.06); border-radius: 18px; box-shadow: 0 10px 22px rgba(0,0,0,.08); padding: 14px 16px; position: relative; overflow: hidden; } .elementor-element-995361e .elementor-widget-container::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 6px; background: linear-gradient(90deg, #ff7ecb, #ffb347); } .elementor-element-995361e .progress-msg { font-weight: 600; } /* --- Responsive petits écrans --- */ @media (max-width: 768px) { .elementor-element-352618b .elementor-widget-container { padding: 14px; } .elementor-element-5938f73 .woodmart-title-container.title { font-size: 16px; } } } /* === Byshop-RD — Fix mobile pour Select2 (State/County, Commune) sur la page Checkout === */ body.woocommerce-checkout { /* Forcer la largeur à 100% */ #billing_state_field .select2, #billing_city_field .select2, #shipping_state_field .select2, #shipping_city_field .select2 { width: 100% !important; } /* Style de base cohérent (même look que les inputs) */ .select2-container .select2-selection--single { border: 2px solid rgba(255,126,203,.35) !important; border-radius: 12px !important; background: #fff !important; } /* --------- MOBILE ONLY --------- */ @media (max-width: 768px) { /* Hauteur auto + centrage vertical (flex) */ .select2-container .select2-selection--single { min-height: 50px; /* ↑ augmente si tu veux (ex: 54px) */ height: auto !important; display: flex; align-items: center; /* centre verticalement le texte */ padding: 10px 44px 10px 12px; /* espace interne + marge pour la flèche */ } /* Texte non tronqué (pas de line-height figé) */ .select2-container .select2-selection--single .select2-selection__rendered { line-height: normal !important; white-space: normal !important; /* permet retour à la ligne si besoin */ overflow: visible !important; padding-left: 0; /* on gère avec le padding du parent */ margin: 0; font-size: 15px; /* un poil plus lisible sur mobile */ } /* Flèche alignée en hauteur */ .select2-container .select2-selection--single .select2-selection__arrow { height: 100% !important; right: 10px !important; } /* Hauteur de la zone de résultats (liste déroulante) */ .select2-dropdown .select2-results__option { font-size: 15px; line-height: 1.3; padding: 8px 10px; word-break: break-word; /* gère les noms longs (ar/fr) */ } } /* Focus glow rose, comme les inputs */ .select2-container--default .select2-selection--single:focus, .select2-container--default .select2-selection--single:focus-within { border-color: #ff7ecb !important; box-shadow: 0 0 0 4px rgba(255,126,203,.15) !important; outline: none !important; } }

/* === Byshop-RD — Fix mobile Select2 (texte coupé) — overrides “forts” === */
@media (max-width: 768px) {
  /* 1) On neutralise TOUTES les hauteurs figées du thème */
  body.woocommerce-checkout .select2-container .select2-selection--single,
  body.woocommerce-checkout .select2-container .select2-selection__rendered,
  body.woocommerce-checkout .select2-container .select2-selection__arrow {
    height: auto !important;
    line-height: normal !important;
  }

  /* 2) Conteneur du select : flex + padding interne suffisant */
  body.woocommerce-checkout .select2-container .select2-selection--single {
    min-height: 52px !important;         /* ajuste à 54/56 si besoin */
    display: flex !important;
    align-items: center !important;       /* centre verticalement */
    padding: 10px 44px 10px 12px !important;
    box-sizing: border-box !important;
    border: 2px solid rgba(255,126,203,.35) !important;
    border-radius: 12px !important;
    background: #fff !important;
  }

  /* 3) Span du texte rendu : pas de line-height figé + pas de troncature */
  body.woocommerce-checkout .select2-container .select2-selection__rendered {
    display: block !important;
    white-space: normal !important;       /* autorise le retour à la ligne */
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 15px !important;
  }

  /* 4) Placeholder aussi sur plusieurs lignes si nécessaire */
  body.woocommerce-checkout .select2-container .select2-selection__placeholder {
    white-space: normal !important;
  }

  /* 5) Flèche : centrage vertical propre */
  body.woocommerce-checkout .select2-container .select2-selection__arrow {
    position: absolute !important;
    top: 50% !important;
    right: 10px !important;
    transform: translateY(-50%) !important;
    pointer-events: none;
  }
  body.woocommerce-checkout .select2-container .select2-selection__arrow b {
    margin-top: 0 !important; /* annule les offsets du thème */
  }

  /* 6) Champs précis Billing/Shipping (au cas où le thème surcharge) */
  body.woocommerce-checkout #billing_state_field .select2,
  body.woocommerce-checkout #billing_city_field .select2,
  body.woocommerce-checkout #shipping_state_field .select2,
  body.woocommerce-checkout #shipping_city_field .select2 {
    width: 100% !important;
  }

  /* 7) Dropdown lisible (lignes longues ar/fr) */
  body.woocommerce-checkout .select2-dropdown .select2-results__option {
    font-size: 15px !important;
    line-height: 1.35 !important;
    padding: 8px 10px !important;
    word-break: break-word !important;
    white-space: normal !important;
  }

  /* 8) iOS Safari : évite la compression verticale des champs */
  body.woocommerce-checkout .select2-container,
  body.woocommerce-checkout .select2-selection--single,
  body.woocommerce-checkout .select2-selection__rendered {
    -webkit-text-size-adjust: 100% !important;
  }
}

/* Focus glow cohérent (desktop + mobile) */
body.woocommerce-checkout .select2-container--default .select2-selection--single:focus,
body.woocommerce-checkout .select2-container--default .select2-selection--single:focus-within {
  border-color: #ff7ecb !important;
  box-shadow: 0 0 0 4px rgba(255,126,203,.15) !important;
  outline: none !important;
}


/* Byshop-RD — version compacte et centrée pour selects natifs */
@media (max-width: 768px) {
  body.woocommerce-checkout #billing_state_field select#billing_state,
  body.woocommerce-checkout #billing_city_field  select#billing_city,
  body.woocommerce-checkout #shipping_state_field select#shipping_state,
  body.woocommerce-checkout #shipping_city_field  select#shipping_city {
    height: auto !important;
    min-height: 56px !important;      /* ↓ hauteur plus compacte */
    line-height: normal !important;
    padding: 13px 40px 11px 14px !important; /* équilibre visuel */
    font-size: 16px !important;
    border: 2px solid rgba(255,126,203,.35) !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-sizing: border-box !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
  }

  /* Flèche décorative centrée */
  body.woocommerce-checkout #billing_state_field .woocommerce-input-wrapper::after,
  body.woocommerce-checkout #billing_city_field  .woocommerce-input-wrapper::after,
  body.woocommerce-checkout #shipping_state_field .woocommerce-input-wrapper::after,
  body.woocommerce-checkout #shipping_city_field  .woocommerce-input-wrapper::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 12px;
    width: 10px;
    height: 10px;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
    opacity: .8;
  }

  /* Form-row équilibré */
  body.woocommerce-checkout #billing_state_field.form-row,
  body.woocommerce-checkout #billing_city_field.form-row,
  body.woocommerce-checkout #shipping_state_field.form-row,
  body.woocommerce-checkout #shipping_city_field.form-row {
    min-height: 60px !important;
  }
}

/* Largeur totale */
body.woocommerce-checkout #billing_state_field select,
body.woocommerce-checkout #billing_city_field  select,
body.woocommerce-checkout #shipping_state_field select,
body.woocommerce-checkout #shipping_city_field  select {
  width: 100% !important;
}



body.woocommerce.archive #alg_currency_select {
  display: none !important;
}



/* Mettre "Your Order" au-dessus sur mobile (layout WooCommerce classique) */
@media (max-width: 768px) {
  body.woocommerce-checkout form.checkout {
    display: flex;
    flex-direction: column;
  }
  /* Le résumé de commande en premier */
  body.woocommerce-checkout #order_review,
  body.woocommerce-checkout .woocommerce-checkout-review-order {
    order: -1 !important;
    margin-bottom: 18px;
  }
  /* Puis les infos client */
  body.woocommerce-checkout #customer_details {
    order: 0 !important;
  }
  /* Paiement après */
  body.woocommerce-checkout .woocommerce-checkout-payment {
    order: 1 !important;
  }
}






/* Cacher uniquement dans le header */
header #alg_currency_select {
  display: none !important;
}






:is(.products-bordered-grid-ins, .wd-products-with-bg:not(.products-bordered-grid), .wd-products-with-shadow:not(.products-bordered-grid)) .wd-hover-with-fade .fade-in-block {
  padding-bottom: 0;
	display: none;
}

.wd-product.wd-hover-fw-button .shop_attributes tr {
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
  padding-bottom: 0;
  border-bottom: none;
  display: none;
}




/* BYSHOP — Petite croix sur bouton de variation sélectionné  */
.variable-item.button-variable-item.selected::after {
    content: "✖";
    position: absolute;
    top: -6px;
    right: -6px;
    background: #000;
    color: #fff;
    border-radius: 50%;
    font-size: 10px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
.variable-item.button-variable-item {
    position: relative; /* nécessaire pour positionner la croix */
}



/* BYSHOP — Couleur personnalisée du bouton "Ajouter au panier" 

/* On ne touche PAS au "Choix des options" → il garde sa couleur par défaut */

/* Bouton "Ajouter au panier" (quand variation choisie) */
a.add_to_cart_button.wvs_ajax_add_to_cart {
    background-color: #ff3b3b !important;   /* rouge clair vif */
    border-color: #ff3b3b !important;
    color: #fff !important;
    font-weight: 600;
    border-radius: 999px;
    text-transform: uppercase;
    transition: all 0.3s ease;
    box-shadow: 0 0 10px rgba(255, 59, 59, 0.4); /* légère lueur rouge */
}

/* Effet survol plus lumineux */
a.add_to_cart_button.wvs_ajax_add_to_cart:hover {
    background-color: #ff5f5f !important;   /* rouge plus clair au hover */
    border-color: #ff5f5f !important;
    box-shadow: 0 0 14px rgba(255, 95, 95, 0.6);
}

/* BYSHOP — Bouton "Ajouter au panier" ROUGE UNIQUEMENT après sélection (classe .byshop-red) */

/* On ne touche PAS au bouton tant qu'il n'a pas la classe .byshop-red */
a.add_to_cart_button.wvs_ajax_add_to_cart.byshop-red {
    background-color: #ff3b3b !important;   /* rouge clair vif */
    border-color: #ff3b3b !important;
    color: #fff !important;
    font-weight: 600;
    border-radius: 999px;
    text-transform: uppercase;
    transition: all 0.3s ease;
    box-shadow: 0 0 10px rgba(255, 59, 59, 0.4); /* légère lueur rouge */
}

/* Effet survol plus lumineux */
a.add_to_cart_button.wvs_ajax_add_to_cart.byshop-red:hover {
    background-color: #ff5f5f !important;   /* rouge plus clair au hover */
    border-color: #ff5f5f !important;
    box-shadow: 0 0 14px rgba(255, 95, 95, 0.6);
}


/* === BYSHOP — Bandeau pastel avec PayPal bleu et texte rose === */
.byshop-paypal-banner {
  background: linear-gradient(90deg, #fff8fb, #ffeef6); /* fond pastel rosé */
  border-bottom: 1px solid rgba(214,51,132,0.15);
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  padding: 8px 0;
  position: relative;
  overflow: hidden;
  z-index: 10;
}

.byshop-paypal-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* Ligne défilante */
.byshop-paypal-scroll {
  display: inline-block;
  white-space: nowrap;
  animation: byshopPaypalScroll 18s linear infinite;
}

/* Texte principal rose pastel */
.byshop-paypal-message {
  color: #d63384; /* rose byshop */
  font-weight: 600;
  font-size: 15px;
  text-shadow: 0 1px 1px rgba(255,255,255,0.8);
  letter-spacing: 0.02em;
}

/* Le mot "PayPal" en bleu marque */
.byshop-paypal-word {
  color: #1f6fdd; /* bleu PayPal */
  font-weight: 700;
  text-shadow: 0 1px 2px rgba(255,255,255,0.9);
}

/* Animation fluide */
@keyframes byshopPaypalScroll {
  from { transform: translateX(100%); }
  to   { transform: translateX(-100%); }
}

/* Mobile */
@media (max-width: 480px) {
  .byshop-paypal-banner {
    padding: 6px 0;
  }
  .byshop-paypal-message {
    font-size: 13px;
  }
  .byshop-paypal-scroll {
    animation-duration: 22s;
  }
}






div.quantity input[type="number"] {
  width: 40px;
}


/* BYSHOP — Mise en forme générale du bloc paiement */
#payment .wc_payment_methods {
    margin: 20px 0 15px;
    padding: 0;
    list-style: none;
}

/* Chaque méthode = une carte */
#payment .wc_payment_method {
    border: 1px solid #e4e4e4;
    border-radius: 14px;
    padding: 12px 14px;
    margin-bottom: 10px;
    background: #fafafa;
    transition: all 0.2s ease;
}

/* Survol de la carte */
#payment .wc_payment_method:hover {
    border-color: #d4d4d4;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03);
    background: #ffffff;
}

/* Ligne radio + label + logo */
#payment .wc_payment_method > label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
}

/* Radio un peu plus visible */
#payment .wc_payment_method input.input-radio {
    transform: scale(1.1);
    margin-right: 6px;
}

/* Logos dans les labels */
#payment .wc_payment_method > label img {
    max-height: 20px;
    width: auto;
}

/* Texte descriptif sous le label */
#payment .wc_payment_method .payment_box {
    margin-top: 8px;
    padding: 8px 10px;
    border-radius: 10px;
    border: 1px dashed #e0e0e0;
    background: #fcfcfc;
    font-size: 13px;
    color: #555;
}

/* Méthode sélectionnée : carte mise en avant */
#payment .wc_payment_method input.input-radio:checked + label {
    color: #111;
}

#payment .wc_payment_method input.input-radio:checked ~ .payment_box {
    border-color: #0070ba33;
    box-shadow: 0 0 0 1px #0070ba20;
}

/* ✳️ Style spécifique par moyen de paiement */

/* Paiement à la livraison */
#payment .payment_method_cod {
    border-left: 4px solid #ffc048;
}
#payment .payment_method_cod input:checked + label {
    color: #8a5b00;
}

/* PayPal */
#payment .payment_method_ppcp {
    border-left: 4px solid #0070ba;
}
#payment .payment_method_ppcp input:checked + label {
    color: #005091;
}

/* Carte bancaire (via PayPal) */
#payment .payment_method_ppcp_card {
    border-left: 4px solid #4a4a4a;
}
#payment .payment_method_ppcp_card input:checked + label {
    color: #222;
}

/* Petit espacement au-dessus du bouton "Commander" */
.woocommerce-checkout #payment .place-order {
    margin-top: 20px;
}


.woocommerce-terms-and-conditions-wrapper {

  display: none ;
	
}

div.quantity input[type="number"] {
  width: 40px !important;
}

#ppcp-recaptcha-v2-container {
  margin: 0 !important;
}



/* Triangle animé sous le bouton Choix Des Options (version serrée) */
.product-grid-item .wd-add-btn-replace {
    position: relative;
    margin-bottom: 2px !important; /* réduit l'espace sous le bouton */
}

.product-grid-item .wd-add-btn-replace::after {
    content: "▼";
    font-size: 18px;
    color: #A100FF; /* violet Byshop-RD */
    display: block;
    text-align: center;
    margin-top: -4px; /* rapproche le triangle du bouton */
    animation: triangleBounce 1.5s infinite ease-in-out;
    opacity: 0.95;
}

/* Animation bounce + pulse */
@keyframes triangleBounce {
    0%, 100% {
        transform: translateY(0) scale(1);
        opacity: 0.9;
    }
    50% {
        transform: translateY(4px) scale(1.12);
        opacity: 1;
    }
}







@media (min-width: 577px) and (max-width: 767px) {
	.wd-footer {
  display: none !important;
}
}

@media (max-width: 576px) {
	.wd-footer {
  display: none !important;
}

.woofc-count {
left: 5px;
bottom: 60px !important;

}

@media (max-width: 768px) {
  .chaty-icon.channel-icon-Facebook_Messenger {
    position: relative;
    top: -23px; /* monte de 8px */
  }
}


/* Cible tout conteneur GTranslate même si la classe change */
[class*="gt_container"] a.glink,
[class*="gt_container"] a.glink:link,
[class*="gt_container"] a.glink:visited,
[class*="gt_container"] a.glink:hover,
[class*="gt_container"] a.glink:active,
[class*="gt_container"] a.glink span,
[class*="gt_container"] .glink,
[class*="gt_container"] .glink span {
  color: #fff !important;
}

/* Si icônes/SVG sont utilisés */
[class*="gt_container"] svg,
[class*="gt_container"] svg * {
  fill: #fff !important;
}


[class*="gt_container"] {
  margin-left: auto;
  margin-right: 0;
  display: block; /* ou inline-block selon le contexte */
  text-align: right;
}

.scrollToTop {
  bottom: 98px !important; /* remonte le bouton */
}






}