/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* =========================================================================
   Boutique KSA — styles personnalisés (Lots 2-5, 2026-09-27)
   Les classes "gx-" sont posées dans Elementor (Avancé > Classes CSS).
   Palette : bleu nuit #050B1F / #0B1E33, jaune #FFE500, orange #F26522,
   gris-bleu #E9EEF4, bordures #E5E7EB, lien #0B5CAD.
   ========================================================================= */
:root {
	--gx-ink: #050B1F;
	--gx-navy: #0B1E33;
	--gx-yellow: #FFE500;
	--gx-yellow-2: #F2D600;
	--gx-orange: #F26522;
	--gx-mist: #E9EEF4;
	--gx-soft: #F3F6FA;
	--gx-line: #E5E7EB;
	--gx-text: #111827;
	--gx-muted: #6B7280;
	--gx-blue: #0B5CAD;
}

/* ---------- Header ---------- */
.whb-general-header { border-bottom: 1px solid #EEF0F3; }
.whb-header-bottom { border-bottom: 1px solid #EEF0F3; }
.whb-general-header .whb-col-center { flex: 1 1 auto; }
.whb-general-header .wd-header-search-form { flex: 1 1 auto; max-width: none; }
.whb-general-header .searchform input[type="text"] {
	height: 50px; border: 1px solid #D1D5DB; border-radius: 8px; background: #fff; font-size: 15px;
}
.whb-general-header .wd-header-cats .menu-opener {
	background: transparent; color: var(--gx-text); font-weight: 700; font-size: 15px; padding-inline: 12px; border-radius: 8px;
}
.whb-general-header .wd-header-cats .menu-opener:hover { background: var(--gx-soft); }
.whb-general-header .wd-tools-element .wd-tools-text { font-size: 13px; font-weight: 600; color: var(--gx-text); }
.whb-general-header .wd-tools-element .wd-tools-count { background: var(--gx-yellow); color: var(--gx-navy); }
.whb-header-bottom .wd-nav-secondary { gap: 8px; flex-wrap: wrap; justify-content: center; }
.whb-header-bottom .wd-nav-secondary > li > a {
	border: 1px solid var(--gx-line); border-radius: 999px; padding: 6px 16px !important; height: auto !important;
	font-size: 14px; font-weight: 600; color: var(--gx-text); text-transform: none; transition: border-color .2s, background .2s;
}
.whb-header-bottom .wd-nav-secondary > li > a:hover { border-color: var(--gx-navy); background: var(--gx-soft); }
.whb-header-bottom .wd-nav-secondary > li.pill-offers > a { background: var(--gx-yellow); border-color: var(--gx-yellow); color: var(--gx-navy); }

/* ---------- Structure des sections ---------- */
.elementor .gx-sec { margin-top: 48px; }
.elementor .gx-sec--hero { margin-top: 24px; }
.gx-sec-title .elementor-heading-title { font-size: 30px; font-weight: 700; color: var(--gx-text); margin-bottom: 8px; }
.e-con.gx-grid { display: grid !important; gap: 24px; }
.e-con.gx-grid--3 { grid-template-columns: repeat(3, 1fr); }
.e-con.gx-grid--4 { grid-template-columns: repeat(4, 1fr); }
.e-con.gx-grid--5 { grid-template-columns: repeat(5, 1fr); }

/* Pastilles et boutons */
.gx-pill { display: inline-block; background: var(--gx-yellow); color: var(--gx-navy); font-weight: 700; font-size: 13px; padding: 6px 14px; border-radius: 999px; line-height: 1.4; }
.gx-pill--light { background: #fff; color: var(--gx-ink); }
.gx-pill--mint { background: #D6F5EC; color: #0B6B55; }
.gx-btn .elementor-button { border-radius: 999px; font-weight: 700; font-size: 15px; padding: 14px 32px; transition: background .2s, color .2s; }
.gx-btn--yellow .elementor-button { background: var(--gx-yellow); color: var(--gx-navy); }
.gx-btn--yellow .elementor-button:hover { background: var(--gx-yellow-2); color: var(--gx-navy); }
.gx-btn--outline .elementor-button { background: transparent; border: 2px solid #fff; color: #fff; padding: 12px 40px; }
.gx-btn--outline .elementor-button:hover { background: #fff; color: var(--gx-ink); }
.gx-btn--dark .elementor-button { background: var(--gx-navy); color: #fff; }
.gx-btn--dark .elementor-button:hover { background: var(--gx-ink); }
.gx-tile img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: contain; background: #fff; border-radius: 18px; padding: 12px; box-shadow: 0 10px 30px rgba(5, 11, 31, .12); }
.e-con > .elementor-widget-text-editor p:last-child { margin-bottom: 0; }

/* ---------- Hero ---------- */
.gx-hero .e-con.gx-slide { border-radius: 24px; min-height: 420px; flex-direction: row !important; align-items: center; justify-content: space-between; gap: 32px; padding: 48px 56px; overflow: hidden; }
.gx-slide--navy { background: linear-gradient(135deg, #0B1E33 0%, #16345A 100%); }
.gx-slide--sky { background: linear-gradient(135deg, #DDE9F7 0%, #F4F8FC 100%); }
.gx-slide--sun { background: linear-gradient(135deg, #FFE500 0%, #FFF4A8 100%); }
.gx-slide__copy { flex: 0 0 42% !important; gap: 14px; }
.gx-slide__title .elementor-heading-title { font-size: 44px; line-height: 1.2; font-weight: 700; color: var(--gx-text); }
.gx-slide__text p { font-size: 17px; color: #374151; }
.gx-slide--navy .gx-slide__title .elementor-heading-title, .gx-slide--navy .gx-slide__text p { color: #fff; }
.gx-slide__media { flex: 1 1 auto !important; flex-direction: row !important; justify-content: center; align-items: center; gap: 16px; }
.gx-slide__media .gx-tile { max-width: 200px; }
.gx-hero .wd-btn-arrow, .gx-hero .wd-nav-arrows .wd-btn-arrow { background: var(--gx-ink); color: #fff; border-radius: 50%; width: 48px; height: 48px; }
.gx-hero .wd-nav-pagin-wrap li span, .gx-hero .swiper-pagination-bullet { background: #C7CDD6; }
.gx-hero .wd-nav-pagin-wrap li.active span, .gx-hero .swiper-pagination-bullet-active { background: var(--gx-yellow); }

/* ---------- Bandeau offre ---------- */
.e-con.gx-strip { background: var(--gx-ink); border-radius: 16px; padding: 28px 40px; flex-direction: row !important; align-items: center; justify-content: space-between; gap: 24px; }
.gx-strip__prices { flex-direction: row !important; gap: 40px; width: auto !important; }
.gx-strip__price p { margin: 0; color: #fff; }
.gx-strip__name { font-size: 26px; font-weight: 700; }
.gx-strip__old { text-decoration: line-through; opacity: .6; font-size: 18px; }
.gx-strip__from { font-size: 14px; opacity: .85; }
.gx-strip__now { font-size: 38px; font-weight: 800; line-height: 1.1; }
.gx-strip__now span { font-size: 18px; }
.gx-strip__media { flex-direction: row !important; gap: 12px; width: auto !important; }
.gx-strip__media .gx-tile { max-width: 130px; }
.gx-strip__cta { align-items: center; gap: 16px; width: auto !important; }

/* ---------- Grille catégories promo ---------- */
.e-con.gx-catcard { background: var(--gx-mist); border-radius: 16px; padding: 22px 20px 20px; gap: 4px; transition: transform .2s, box-shadow .2s; }
.e-con.gx-catcard:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(5, 11, 31, .10); }
.gx-catcard__title .elementor-heading-title { font-size: 19px; font-weight: 700; color: var(--gx-text); }
.gx-catcard__cta p { font-size: 14px; color: #4B5563; margin: 0; }
.e-con.gx-catcard__visual { margin-top: 18px; background: linear-gradient(135deg, #0B1E33 0%, #16345A 100%); border-radius: 12px; min-height: 150px; flex-direction: row !important; align-items: center; justify-content: space-between; padding: 12px 16px; overflow: hidden; }
.gx-catcard__img img { width: 118px; height: 118px; object-fit: contain; background: #fff; border-radius: 10px; padding: 6px; }
.gx-catcard__img, .gx-catcard__badge { width: auto !important; }
.gx-save { margin: 0; color: var(--gx-yellow); text-align: end; line-height: 1; }
.gx-save small { display: block; font-size: 14px; font-weight: 600; margin-bottom: 4px; }
.gx-save b { font-size: 44px; font-weight: 800; }

/* ---------- Mini catégories ---------- */
.gx-minicats .wd-cat-inner { background: #fff; border: 1px solid var(--gx-line); border-radius: 10px; padding: 14px 10px; text-align: center; height: 100%; transition: border-color .2s; }
.gx-minicats .wd-cat-inner:hover { border-color: var(--gx-navy); }
.gx-minicats .wd-cat-thumb img { max-height: 110px; width: auto; object-fit: contain; margin-inline: auto; }
.gx-minicats .wd-entities-title { font-size: 15px; font-weight: 700; color: var(--gx-text); }
.gx-minicats .wd-entities-title::after { content: "تسوق الآن"; display: block; font-size: 13px; font-weight: 400; color: var(--gx-muted); margin-top: 4px; }
.gx-minicats .more-products, .gx-minicats .wd-cat-count { display: none; }

/* ---------- Cartes produit ---------- */
.gx-products .wd-product .product-wrapper,
.gx-ranked__tabs .wd-product .product-wrapper { background: #fff; border: 1px solid var(--gx-line); border-radius: 12px; padding: 16px; position: relative; height: 100%; }
.gx-products .wd-product-cats, .gx-products .wd-product-sku, .gx-products .wd-product-brands,
.gx-ranked__tabs .wd-product-cats, .gx-ranked__tabs .wd-product-sku, .gx-ranked__tabs .wd-product-brands { display: none; }
.gx-products .wd-entities-title, .gx-ranked__tabs .wd-entities-title { font-size: 14px; font-weight: 600; line-height: 1.5; min-height: 42px; }
.gx-products .price, .gx-ranked__tabs .price { display: flex; flex-direction: column-reverse; align-items: flex-start; gap: 2px; font-size: 20px; font-weight: 800; color: var(--gx-text); }
.gx-products .price ins, .gx-ranked__tabs .price ins { text-decoration: none; }
.gx-products .price del, .gx-ranked__tabs .price del { font-size: 13px; font-weight: 400; color: #9CA3AF; }
.wd-product .product-labels .product-label { border-radius: 6px; font-size: 12px; font-weight: 700; }
.wd-product .product-labels .onsale { background: var(--gx-orange); color: #fff; }
.wd-product .product-labels .featured { background: var(--gx-yellow); color: var(--gx-navy); }
.gx-products .wd-add-btn, .gx-ranked__tabs .wd-add-btn { position: absolute; top: 16px; left: 16px; z-index: 3; margin: 0; }
.gx-products .wd-add-btn > a, .gx-ranked__tabs .wd-add-btn > a {
	width: 40px; height: 40px; min-height: 0; padding: 0 !important; border-radius: 50%; font-size: 0 !important; line-height: 0;
	background: #EEF4FF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B5CAD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.7 13.4a2 2 0 0 0 2 1.6h9.7a2 2 0 0 0 2-1.6L23 6H6'/%3E%3Cpath d='M15 9h-4M13 7v4'/%3E%3C/svg%3E") center / 20px no-repeat !important;
	color: transparent !important; box-shadow: none;
}
.gx-products .wd-add-btn > a:before, .gx-products .wd-add-btn > a:after,
.gx-ranked__tabs .wd-add-btn > a:before, .gx-ranked__tabs .wd-add-btn > a:after { display: none !important; }
.gx-products .wd-add-btn > a span, .gx-ranked__tabs .wd-add-btn > a span { display: none; }
.gx-products .wd-buttons, .gx-ranked__tabs .wd-buttons { top: 16px !important; left: 64px !important; right: auto !important; opacity: 1 !important; visibility: visible !important; transform: none !important; background: none; box-shadow: none; }
.gx-products .wd-buttons .wd-compare-btn, .gx-products .wd-buttons .quick-view,
.gx-ranked__tabs .wd-buttons .wd-compare-btn, .gx-ranked__tabs .wd-buttons .quick-view { display: none; }

/* ---------- Bannière paiement ---------- */
.e-con.gx-banner { background: #F3F5F7; border-radius: 16px; padding: 32px 40px; flex-direction: row !important; align-items: center; justify-content: space-between; gap: 24px; }
.gx-banner__copy { width: auto !important; gap: 10px; }
.gx-banner__title .elementor-heading-title { font-size: 36px; font-weight: 800; color: #14A38B; }
.gx-banner__text p { color: #374151; font-size: 16px; }
.gx-banner__media { flex-direction: row !important; gap: 14px; width: auto !important; }
.gx-banner__media .gx-tile { max-width: 150px; }
.gx-banner__cta { width: auto !important; }

/* ---------- Deux bannières ---------- */
.e-con.gx-duo { display: grid !important; grid-template-columns: 1fr 1fr; gap: 32px; }
.e-con.gx-duo__card { background: var(--gx-ink); border-radius: 16px; padding: 28px 32px; flex-direction: row !important; align-items: center; justify-content: space-between; gap: 20px; min-height: 210px; }
.gx-duo__copy { gap: 10px; width: auto !important; }
.gx-duo__title .elementor-heading-title { color: #fff; font-size: 26px; font-weight: 700; }
.gx-duo__text p { color: rgba(255, 255, 255, .8); }
.gx-duo__media { width: auto !important; }
.gx-duo__media .gx-tile { max-width: 150px; }

/* ---------- Dernières pièces ---------- */
.e-con.gx-last { background: var(--gx-ink); border-radius: 16px; padding: 40px 48px; flex-direction: row !important; align-items: center; justify-content: space-between; gap: 32px; min-height: 380px; }
.gx-last__copy { gap: 18px; width: auto !important; max-width: 46%; }
.gx-bubble { display: inline-flex; flex-direction: column; gap: 6px; background: var(--gx-orange); color: #fff; border-radius: 22px; padding: 18px 26px; transform: rotate(-4deg); box-shadow: 0 16px 40px rgba(242, 101, 34, .35); }
.gx-bubble__top { align-self: flex-start; background: var(--gx-yellow); color: var(--gx-ink); border-radius: 10px; padding: 4px 12px; font-weight: 800; font-size: 18px; }
.gx-bubble strong { font-size: 40px; font-weight: 800; line-height: 1.1; }
.gx-bubble em { align-self: flex-end; font-style: normal; font-weight: 700; background: var(--gx-yellow); color: var(--gx-ink); border-radius: 999px; padding: 2px 12px; font-size: 15px; }
.gx-last__title .elementor-heading-title { color: #fff; font-size: 30px; font-weight: 700; }
.e-con.gx-last__media { display: grid !important; grid-template-columns: repeat(2, 150px); gap: 16px; width: auto !important; }

/* ---------- Bloc exclusivités ---------- */
.e-con.gx-exclusive { background: var(--gx-ink); border-radius: 24px; padding: 40px; flex-direction: row !important; align-items: center; gap: 40px; }
.gx-exclusive__copy { flex: 1 1 auto !important; gap: 16px; }
.gx-exclusive__kicker p { color: var(--gx-yellow); font-size: 20px; font-weight: 700; margin: 0; }
.gx-exclusive__title .elementor-heading-title { color: #fff; font-size: 32px; font-weight: 700; line-height: 1.3; }
.gx-exclusive__list .elementor-icon-list-text { color: #fff; font-size: 16px; }
.gx-exclusive__list .elementor-icon-list-icon i { color: var(--gx-yellow); }
.gx-exclusive__list .elementor-icon-list-icon svg { fill: var(--gx-yellow); }
.e-con.gx-exclusive__grid { flex: 0 0 540px !important; display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.e-con.gx-extile { background: #fff; border-radius: 14px; padding: 14px 10px; align-items: center; text-align: center; gap: 8px; transition: transform .2s; }
.e-con.gx-extile:hover { transform: translateY(-3px); }
.gx-extile__img img { width: 110px; height: 110px; object-fit: contain; }
.gx-extile__name .elementor-heading-title { font-size: 16px; font-weight: 700; color: var(--gx-text); }

/* ---------- Services (3 cartes) ---------- */
.gx-svc, .gx-svc .elementor-widget-container { height: 100%; }
.gx-svc .elementor-icon-box-wrapper { background: var(--gx-soft); border-radius: 16px; padding: 28px; text-align: start; height: 100%; }
.gx-svc .elementor-icon { color: var(--gx-blue); font-size: 34px; }
.gx-svc .elementor-icon-box-title { font-size: 22px; font-weight: 700; color: var(--gx-text); margin-bottom: 8px; }
.gx-svc .elementor-icon-box-description { font-size: 15px; color: #4B5563; }
.gx-more { display: inline-block; margin-top: 14px; color: var(--gx-blue); font-weight: 700; }

/* ---------- Meilleures ventes (fond sombre + rangs) ---------- */
.gx-ranked .tabs-name, .gx-ranked .tabs-name .tabs-text { color: #fff; font-size: 34px; font-weight: 700; }
.gx-ranked .wd-tabs-header { flex-direction: column; align-items: flex-start; gap: 24px; margin-bottom: 36px; }
.gx-ranked .wd-nav-tabs { flex-wrap: wrap; gap: 10px; justify-content: flex-start; }
.gx-ranked .wd-nav-tabs > li > a { color: #fff; border: 1px solid rgba(255, 255, 255, .35); border-radius: 999px; padding: 8px 18px !important; font-weight: 600; }
.gx-ranked .wd-nav-tabs > li.wd-active > a, .gx-ranked .wd-nav-tabs > li > a:hover { border-color: #fff; background: rgba(255, 255, 255, .10); }
.gx-ranked .wd-nav-tabs .nav-link-text:after { display: none !important; }
.gx-ranked .wd-carousel-wrap { counter-reset: gxrank; }
.gx-ranked .wd-carousel-item { counter-increment: gxrank; position: relative; padding-inline-start: 110px; }
.gx-ranked .wd-carousel-item::before { content: counter(gxrank); position: absolute; inset-inline-start: 0; top: 0; font-size: 220px; font-weight: 800; line-height: .9; color: transparent; -webkit-text-stroke: 3px var(--gx-yellow); z-index: 0; }
.gx-ranked .wd-carousel-item .wd-product { position: relative; z-index: 1; }

/* ---------- Barre de services ---------- */
.gx-sbar__item { text-align: center; }
.gx-sbar__item .elementor-icon { background: #fff; border-radius: 50%; width: 72px; height: 72px; display: inline-flex; align-items: center; justify-content: center; color: var(--gx-blue); font-size: 28px; }
.gx-sbar__item .elementor-icon-box-title { font-size: 20px; font-weight: 700; color: var(--gx-text); }
.gx-sbar__item .elementor-icon-box-description { font-size: 14px; color: #4B5563; }

/* ---------- Tablette ---------- */
@media (max-width: 1024px) {
	.e-con.gx-grid--4 { grid-template-columns: repeat(2, 1fr); }
	.e-con.gx-grid--5 { grid-template-columns: repeat(3, 1fr); }
	.gx-hero .e-con.gx-slide { flex-direction: column !important; padding: 36px 32px; min-height: 0; }
	.gx-slide__copy { flex: 1 1 auto !important; width: 100% !important; }
	.gx-slide__title .elementor-heading-title { font-size: 34px; }
	.e-con.gx-strip, .e-con.gx-banner, .e-con.gx-last, .e-con.gx-exclusive { flex-direction: column !important; align-items: stretch; }
	.gx-last__copy { max-width: none; }
	.e-con.gx-exclusive__grid { flex: 1 1 auto !important; }
	.e-con.gx-duo { grid-template-columns: 1fr; }
}

/* ---------- Mobile ---------- */
@media (max-width: 767px) {
	.elementor .gx-sec { margin-top: 32px; }
	.gx-sec-title .elementor-heading-title { font-size: 22px; }
	.e-con.gx-grid { gap: 12px; }
	.e-con.gx-grid--3 { grid-template-columns: 1fr; }
	.e-con.gx-grid--5 { grid-template-columns: repeat(2, 1fr); }
	.gx-hero .e-con.gx-slide { padding: 28px 22px; gap: 20px; border-radius: 18px; }
	.gx-slide__title .elementor-heading-title { font-size: 26px; }
	.gx-slide__media .gx-tile { max-width: 110px; }
	.e-con.gx-strip { padding: 24px 20px; }
	.gx-strip__prices { gap: 20px; justify-content: space-between; }
	.gx-strip__name { font-size: 18px; }
	.gx-strip__now { font-size: 26px; }
	.gx-strip__media .gx-tile { max-width: 90px; }
	.e-con.gx-catcard { padding: 16px 14px 14px; }
	.gx-catcard__title .elementor-heading-title { font-size: 16px; }
	.e-con.gx-catcard__visual { min-height: 110px; padding: 8px 10px; }
	.gx-catcard__img img { width: 72px; height: 72px; }
	.gx-save b { font-size: 28px; }
	.gx-save small { font-size: 12px; }
	.gx-banner__title .elementor-heading-title { font-size: 26px; }
	.e-con.gx-duo__card { padding: 22px; }
	.gx-duo__media .gx-tile { max-width: 110px; }
	.e-con.gx-last { padding: 28px 20px; }
	.gx-bubble strong { font-size: 28px; }
	.e-con.gx-last__media { grid-template-columns: repeat(2, 1fr); }
	.e-con.gx-exclusive { padding: 24px 18px; }
	.e-con.gx-exclusive__grid { grid-template-columns: repeat(2, 1fr); }
	.gx-ranked .tabs-name, .gx-ranked .tabs-name .tabs-text { font-size: 26px; }
	.gx-ranked .wd-carousel-item { padding-inline-start: 64px; }
	.gx-ranked .wd-carousel-item::before { font-size: 130px; -webkit-text-stroke-width: 2px; }
	.gx-sbar__item .elementor-icon { width: 60px; height: 60px; font-size: 24px; }
}

/* ---------- Footer (Lot 8, 2026-09-27) ---------- */
.gx-footer { color: rgba(255,255,255,.78); }
.e-con.gx-footer__grid { display: grid !important; grid-template-columns: 1.5fr repeat(4, 1fr); gap: 40px; }
.gx-footer__logo img { width: 150px; height: auto; }
.gx-footer__about { color: rgba(255,255,255,.72); font-size: 14px; line-height: 1.8; margin-top: 12px; }
.gx-footer__title .elementor-heading-title { color: #fff; font-size: 18px; font-weight: 700; margin-bottom: 14px; }
.gx-footer__links, .gx-footer__contact { list-style: none; margin: 0; padding: 0; }
.gx-footer__links li { margin-bottom: 10px; }
.gx-footer__links a { color: rgba(255,255,255,.78); font-size: 14px; transition: color .2s; }
.gx-footer__links a:hover { color: var(--gx-yellow); }
.gx-footer__contact li { display: flex; justify-content: space-between; gap: 10px; font-size: 13px; padding: 6px 0; border-bottom: 1px solid rgba(255,255,255,.08); }
.gx-footer__contact b { color: #fff; font-weight: 600; }
.gx-footer__social { margin-bottom: 16px; }
.e-con.gx-footer__bottom { flex-direction: row !important; justify-content: space-between; margin-top: 40px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.12); font-size: 13px; }
.gx-footer__bottom p { margin: 0; color: rgba(255,255,255,.6); }
@media (max-width: 1024px) { .e-con.gx-footer__grid { grid-template-columns: repeat(2, 1fr); } .gx-footer__brand { grid-column: 1 / -1; } }
@media (max-width: 767px) { .e-con.gx-footer__grid { grid-template-columns: 1fr 1fr; gap: 28px; } .e-con.gx-footer__bottom { flex-direction: column !important; gap: 6px; text-align: center; } }

/* Logos de paiement (footer) */
.e-con.gx-pay { flex-direction: row !important; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 22px; }
.gx-pay__title { width: 100% !important; }
.gx-pay__title .elementor-heading-title { color: #fff; font-size: 14px; font-weight: 700; }
.gx-pay__logo { width: auto !important; }
.gx-pay__logo img { height: 30px; width: auto; max-width: 90px; object-fit: contain; border-radius: 6px; }

/* =========================================================================
   Corrections après contrôle visuel (2026-09-27)
   ========================================================================= */
body { overflow-x: clip; }
/* Header : bouton المنتجات en texte simple comme la référence */
.whb-header .wd-header-cats { width: auto !important; min-width: 0 !important; }
.whb-header .wd-header-cats .menu-opener { background: transparent !important; color: var(--gx-text) !important; min-width: 0; padding: 10px 14px; gap: 8px; }
.whb-header .wd-header-cats .menu-opener:hover { background: var(--gx-soft) !important; }
.whb-general-header .wd-logo img { max-height: 44px; width: auto; }
/* Tuiles produits dans les bannières : taille fixe par section */
.e-con .elementor-widget.gx-tile { flex: 0 0 var(--gx-tile, 180px) !important; width: var(--gx-tile, 180px) !important; max-width: var(--gx-tile, 180px) !important; }
.gx-slide__media { --gx-tile: 200px; }
.gx-strip__media { --gx-tile: 120px; }
.gx-banner__media, .gx-duo__media, .gx-last__media { --gx-tile: 150px; }
.gx-strip__prices { flex: 0 0 auto !important; }
.gx-strip__price { width: auto !important; flex: 0 0 auto !important; min-width: 170px; }
.gx-strip__cta .elementor-widget, .gx-banner__cta .elementor-widget { width: auto !important; }
.gx-pill { white-space: nowrap; }
.gx-banner__copy, .gx-duo__copy { flex: 1 1 auto !important; min-width: 300px; }
.gx-last__copy { flex: 1 1 auto !important; }
/* Mini catégories : image puis nom (pas de superposition) */
.gx-minicats .wd-cat-content { position: static !important; inset: auto !important; padding: 10px 0 0 !important; background: none !important; transform: none !important; opacity: 1 !important; box-shadow: none !important; }
.gx-minicats .wd-cat-thumb { margin-bottom: 0; background: none; }
.gx-minicats .wd-cat-thumb:after { display: none; }
/* Cartes produit : alignement à droite comme la référence */
.gx-products .wd-product, .gx-ranked__tabs .wd-product { text-align: start !important; }
.gx-products .wd-product .star-rating, .gx-ranked__tabs .wd-product .star-rating { margin-inline: 0; }
.gx-products .wd-product .wd-product-stock, .gx-ranked__tabs .wd-product .wd-product-stock { justify-content: flex-start; }
.gx-products .stock.in-stock, .gx-ranked__tabs .stock.in-stock { font-size: 12px; color: #15803D; }
/* Sections sombres et barre de services en pleine largeur */
.elementor .e-con.gx-ranked, .elementor .e-con.gx-sbar { width: 100vw !important; max-width: 100vw !important; margin-inline: calc(50% - 50vw) !important; }
.elementor .e-con.gx-sbar { margin-top: 64px; }
@media (max-width: 767px) {
	.gx-slide__media { --gx-tile: 100px; }
	.gx-strip__media { --gx-tile: 84px; }
	.gx-banner__media, .gx-duo__media { --gx-tile: 110px; }
	.gx-last__media { --gx-tile: 130px; }
	.gx-banner__copy, .gx-duo__copy { min-width: 0; }
	.gx-strip__price { min-width: 0; }
}
/* Bouton المنتجات : icône grille (remplace l'icône burger) */
.whb-header .wd-header-cats .menu-opener .menu-opener-icon { width: 20px; height: 20px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='1' y='1' width='7.5' height='7.5' rx='1.5' fill='none' stroke='%230B5CAD' stroke-width='1.8'/%3E%3Crect x='11.5' y='1' width='7.5' height='7.5' rx='1.5' fill='none' stroke='%23F2D600' stroke-width='1.8'/%3E%3Crect x='1' y='11.5' width='7.5' height='7.5' rx='1.5' fill='none' stroke='%23F2D600' stroke-width='1.8'/%3E%3Crect x='11.5' y='11.5' width='7.5' height='7.5' rx='1.5' fill='none' stroke='%230B5CAD' stroke-width='1.8'/%3E%3C/svg%3E") center / contain no-repeat !important; }
.whb-header .wd-header-cats .menu-opener .menu-opener-icon:before, .whb-header .wd-header-cats .menu-opener .menu-opener-icon:after { display: none !important; }
.whb-header .wd-header-cats .menu-opener:after { display: none !important; }
.gx-minicats .wd-cat-content .wd-entities-title { position: static !important; inset: auto !important; transform: none !important; margin: 0; padding: 0; background: none; }

/* Ajustements mobile (contrôle visuel) */
.gx-minicats .wd-cat-content { text-align: center; }
@media (max-width: 767px) {
	.gx-hero .wd-nav-arrows { display: none !important; }
	.gx-strip__media { --gx-tile: 72px; flex-wrap: nowrap !important; justify-content: center; }
	.gx-strip__cta { flex-direction: row !important; justify-content: center; }
}
