/* =====================================================================
   RAMOUNA — GLOBAL CHROME (header + footer) — loads on EVERY page.
   ---------------------------------------------------------------------
   Boohoo-style restyle (2026-08-28, owner request): white chrome, sharp
   corners, Montserrat everywhere, crimson #B3122B accents. Layout
   patterns replicate boohoo.com; ALL content stays Ramouna (French,
   real offers only). The homepage BODY-section CSS stays homepage-only
   (inline in front-page.php).

   Selectors use the bare .rfp-* class names plus two wrappers
   (.rfp-site-header / .rfp-site-footer). The palette vars AND a GENTLE
   reset are SCOPED to those wrappers only — there is deliberately NO
   global '*' reset, so WooCommerce / Glozin shop, product, cart,
   checkout and account layouts are left completely untouched.
   ===================================================================== */

/* ---- palette + gentle reset, scoped to the chrome wrappers only ---- */
.rfp-site-header, .rfp-site-footer{
	--rfp-bg:#ffffff;
	--rfp-ink:#1a1a1a;
	--rfp-crimson:#B3122B;
	--rfp-crimson-d:#8f0e22;
	--rfp-white:#ffffff;
	--rfp-grey:#f5f5f5;
	--rfp-line:#e5e5e5;
	--rfp-muted:#767676;
	font-family:"Montserrat", system-ui, -apple-system, sans-serif;
	font-weight:400;
	line-height:1.5;
	-webkit-font-smoothing:antialiased;
	color:var(--rfp-ink);
	background:var(--rfp-bg);
}
.rfp-site-header *, .rfp-site-footer *{box-sizing:border-box;}
/* Base body font — Montserrat site-wide. Loads after Glozin's own
   body{font-family:var(--gz-body-font)} (equal specificity, later in the
   cascade) so it controls the site-wide BODY font. On the homepage Glozin's
   CSS is dequeued, so this also stops bare text falling back to a serif. */
body{font-family:"Montserrat", system-ui, -apple-system, sans-serif;}
.rfp-site-header img, .rfp-site-footer img{display:block;max-width:100%;}
.rfp-site-header a, .rfp-site-footer a{color:inherit;text-decoration:none;}
.rfp-site-header h1,.rfp-site-header h2,.rfp-site-header h3,.rfp-site-header p,
.rfp-site-footer h1,.rfp-site-footer h2,.rfp-site-footer h3,.rfp-site-footer p{margin:0;}

/* Glozin's inline SVG icon sprite (output on glozin_before_site) is normally
   hidden by the theme's .hidden utility — but the homepage DEQUEUES Glozin CSS,
   which left the sprite rendering as a ~154px block above the header. Hide it
   globally; <use href="#id"> references still resolve from a display:none host. */
#svg-defs{display:none!important;}

/* shared width shell (the homepage body wrapper reuses it too) */
.rfp-shell{max-width:100%;margin:0 auto;position:relative;}

/* =====================================================================
   HEADER — boohoo pattern: white main bar (logo left / big pill search
   center / line icons right), then a category nav row, then the BLACK
   announcement ticker. Sharp corners everywhere except the search pill.
   ===================================================================== */
.rfp-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:40px;padding:0 48px;height:84px;background:var(--rfp-bg);}
.rfp-logo{display:block;}
.rfp-logo img{height:44px;width:auto;}

/* search pill (desktop, center) */
.rfp-search{display:flex;align-items:center;width:100%;max-width:820px;height:44px;margin:0 auto;background:var(--rfp-grey);border-radius:999px;padding:0 8px 0 22px;}
.rfp-search__in{flex:1 1 auto;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;height:100%;font-family:"Montserrat",system-ui,sans-serif;font-size:14px;color:var(--rfp-ink);outline:none;appearance:none;-webkit-appearance:none;padding:0!important;}
.rfp-search__in::placeholder{color:var(--rfp-muted);}
.rfp-search__in::-webkit-search-decoration,.rfp-search__in::-webkit-search-cancel-button{-webkit-appearance:none;}
.rfp-search__btn{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;background:transparent;color:var(--rfp-ink);cursor:pointer;padding:0;}
.rfp-search__btn:hover{color:var(--rfp-crimson);}

/* icons right */
.rfp-header__right{display:flex;align-items:center;justify-content:flex-end;}
.rfp-utils{display:flex;align-items:center;gap:22px;}
.rfp-util{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--rfp-ink);transition:color .2s;}
.rfp-util:hover{color:var(--rfp-crimson);}
.rfp-util svg{display:block;}
.rfp-util__n{position:absolute;top:-6px;right:-8px;min-width:16px;height:16px;padding:0 4px;border-radius:9px;background:var(--rfp-crimson);color:#fff;font-family:'Montserrat',system-ui,sans-serif;font-size:10px;font-weight:600;line-height:16px;text-align:center;}

/* category nav row (desktop) */
.rfp-catnav{display:flex;align-items:center;gap:30px;padding:0 48px;height:46px;background:var(--rfp-bg);border-bottom:1px solid var(--rfp-line);font-size:14px;font-weight:500;}
.rfp-catnav a{color:var(--rfp-ink);padding:4px 0;transition:color .15s;}
.rfp-catnav a:hover{color:var(--rfp-crimson);}
.rfp-catnav a.rfp-catnav--promo{color:var(--rfp-crimson);font-weight:700;text-transform:uppercase;letter-spacing:0.02em;}

/* ---- announcement ticker — BLACK bar below the nav row (boohoo mobile
   pattern, applied at every width). Desktop: 3 messages spread across;
   mobile: continuous marquee (restyled black/white further down). ---- */
.rfp-annc{background:var(--rfp-ink);color:var(--rfp-white);display:flex;justify-content:space-around;align-items:center;gap:24px;height:38px;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;font-weight:500;text-align:center;padding:0 16px;}
.rfp-annc__dot{display:none;}
.rfp-annc__m{display:none;}
.rfp-annc__sep{display:none;}

/* mobile-only bits, hidden on desktop */
.rfp-burger{display:none;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;width:44px;height:44px;cursor:pointer;}
.rfp-burger span{width:22px;height:2px;background:var(--rfp-ink);}
.rfp-utils-m{display:none;justify-content:flex-end;align-items:center;gap:6px;}
.rfp-utils-m .rfp-util{min-width:44px;min-height:44px;}
.rfp-search-cb{position:absolute!important;opacity:0!important;width:0!important;height:0!important;margin:0!important;padding:0!important;border:0!important;pointer-events:none;}
.rfp-search-m{display:none;}

/* ---- mobile drawer (checkbox hack) ---- */
.rfp-nav-cb{position:absolute!important;opacity:0!important;width:0!important;height:0!important;margin:0!important;padding:0!important;border:0!important;pointer-events:none;}
.rfp-drawer-backdrop{display:none;position:fixed;inset:0;background:rgba(26,26,26,0.5);z-index:60;}
.rfp-drawer{position:fixed;top:0;left:0;bottom:0;width:78%;max-width:320px;background:var(--rfp-bg, #fff);z-index:61;transform:translateX(-100%);transition:transform .28s ease;padding:26px 24px;display:flex;flex-direction:column;gap:2px;box-shadow:0 0 60px rgba(26,26,26,0.25);overflow-y:auto;background:#fff;}
.rfp-drawer__close{align-self:flex-end;font-size:26px;line-height:1;cursor:pointer;color:#767676;padding:2px 6px;}
.rfp-drawer nav{display:flex;flex-direction:column;}
.rfp-drawer nav a{padding:14px 2px;border-bottom:1px solid #e5e5e5;font-size:15px;font-weight:500;letter-spacing:0.02em;color:#1a1a1a;}
.rfp-drawer nav a.rfp-drawer--promo{color:#B3122B;font-weight:700;text-transform:uppercase;}
.rfp-nav-cb:checked ~ .rfp-drawer-backdrop{display:block;}
.rfp-nav-cb:checked ~ .rfp-drawer{transform:none;}

/* =====================================================================
   FOOTER — boohoo-style LIGHT footer: white bg, black text, top border,
   link columns, then a centered signature (logo + copyright).
   ===================================================================== */
.rfp-footer{background:var(--rfp-bg);color:var(--rfp-ink);border-top:1px solid var(--rfp-line);}
.rfp-foot-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;padding:56px 48px 48px;}
.rfp-foot-colttl{font-size:14px;font-weight:700;margin-bottom:18px;}
.rfp-foot-links{display:flex;flex-direction:column;gap:12px;font-size:14px;color:var(--rfp-ink);}
.rfp-foot-links a:hover{color:var(--rfp-crimson);text-decoration:underline;}
.rfp-foot-links span{color:var(--rfp-ink);}
.rfp-foot-sig{border-top:1px solid var(--rfp-line);padding:34px 20px 40px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;}
.rfp-foot-sig img{height:36px;width:auto;}
.rfp-foot-copy{font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--rfp-muted);}

/* ---- fixed mobile bottom nav ---- */
/* Native Glozin mobile toolbar ("Navigation Bar v1") — branded with Ramouna colors
   and made SELF-CONTAINED so it also works on the homepage (where Glozin/Elementor
   utility CSS is dequeued). display:contents collapses the Elementor wrappers so the
   5 items become direct flex children of the fixed bar, on every page. Owner asked
   to use the theme default (2026-08-22) — it STAYS in the boohoo restyle. */
#glozin-mobile-navigation-bar{--rfp-crimson:#B3122B;--rfp-bg:#ffffff;position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;align-items:stretch;height:60px;background:var(--rfp-bg);border-top:1px solid #e5e5e5;box-shadow:0 -2px 20px rgba(26,26,26,0.06);}
#glozin-mobile-navigation-bar [class*="elementor"],
#glozin-mobile-navigation-bar .e-con,
#glozin-mobile-navigation-bar .e-con-inner{display:contents;}
#glozin-mobile-navigation-bar .glozin-navigation-bar-item{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#666666;text-decoration:none;font-family:'Montserrat',system-ui,sans-serif;padding:6px 0;}
#glozin-mobile-navigation-bar .glozin-navigation-bar__icon{display:inline-flex;position:relative;color:inherit;line-height:1;}
#glozin-mobile-navigation-bar .glozin-navigation-bar__icon svg{width:21px;height:21px;stroke:currentColor;}
#glozin-mobile-navigation-bar .glozin-navigation-bar__title{font-size:11px;letter-spacing:0.02em;line-height:1;color:inherit;}
#glozin-mobile-navigation-bar .glozin-navigation-bar-item.ramouna-nav-active,
#glozin-mobile-navigation-bar .glozin-navigation-bar-item.active,
#glozin-mobile-navigation-bar .glozin-navigation-bar-item.current-menu-item{color:var(--rfp-crimson);}
#glozin-mobile-navigation-bar .header-counter{position:absolute;top:-7px;right:-10px;min-width:15px;height:15px;padding:0 3px;border-radius:8px;background:var(--rfp-crimson);color:#fff;font-size:9px;font-weight:600;line-height:15px;text-align:center;}
#glozin-mobile-navigation-bar .empty-counter{display:none;}
@media (min-width:768px){#glozin-mobile-navigation-bar{display:none!important;}}

/* =====================================================================
   TABLET / MOBILE  <=1023  → boohoo mobile header: burger left, logo
   centered, search + bag right; catnav hidden (drawer instead).
   ===================================================================== */
@media (max-width:1023px){
	.rfp-header{grid-template-columns:1fr auto 1fr;gap:8px;padding:0 10px;height:60px;}
	.rfp-header .rfp-search{display:none;}
	.rfp-utils{display:none;}
	.rfp-burger{display:flex;}
	.rfp-utils-m{display:flex;}
	.rfp-logo{justify-self:center;}
	.rfp-logo img{height:34px;}
	.rfp-catnav{display:none;}

	/* toggleable search row (checkbox hack, CSS-only) */
	.rfp-search-m{display:none;padding:0 12px 12px;background:var(--rfp-bg);}
	.rfp-search-cb:checked ~ .rfp-search-m{display:block;}
	.rfp-search-m .rfp-search{max-width:none;}

	.rfp-annc{height:34px;font-size:11px;letter-spacing:0.1em;gap:0;padding:0;}
	.rfp-annc__d{display:none;}
	.rfp-annc__m{display:block;}

	.rfp-foot-cols{grid-template-columns:1fr 1fr;gap:36px 24px;padding:40px 20px 32px;}
}

/* =====================================================================
   MOBILE  <=767  (390 artboard)
   ===================================================================== */
@media (max-width:767px){
	/* give page content room so the fixed bottom nav never covers it;
	   cart & checkout carry .rfp-no-bottomnav (nav hidden → no padding) */
	body{padding-bottom:60px;}
	body.rfp-no-bottomnav{padding-bottom:0;}
	body.rfp-no-bottomnav #glozin-mobile-navigation-bar{display:none;}

	.rfp-foot-cols{grid-template-columns:1fr;gap:28px;padding:36px 20px 28px;}
	.rfp-foot-sig{padding:28px 16px 32px;}
}
@media (max-width:400px){
	.rfp-utils-m{gap:0;}
}

/* ==========================================================================
   RAMOUNA — full-width layout (2026-08-22)
   ========================================================================== */

/* The Utopia fast-checkout form ("Commande rapide" + order summary on product
   pages) is a FORM → BODY font (Montserrat). */
.glozin-product-atc-group, .glozin-product-atc-group *,
.woocommerce-variation-add-to-cart, .woocommerce-variation-add-to-cart *,
.order-summary, .order-summary *,
.form-input-box, .form-input-box *,
.fast-checkout, .fast-checkout *,
.ufc-form, .ufc-form * {
	font-family:"Montserrat", system-ui, -apple-system, sans-serif !important;
}

/* Full-width content site-wide (owner request): Glozin's main content container
   spans the full viewport on every page (chrome + homepage already do via
   .rfp-shell:100%). Keeps the theme's own side padding for readability. */
#site-content .container-xxl,
.single-product #site-content .container,
.woocommerce-cart #site-content .container,
.woocommerce-checkout #site-content .container,
.woocommerce-account #site-content .container,
.page #site-content .container {
	max-width:100% !important;
}

/* ==========================================================================
   RAMOUNA — TYPOGRAPHY SYSTEM  ·  boohoo restyle (2026-08-28)
   --------------------------------------------------------------------------
   Site-wide, owner-approved: Montserrat ONLY (boohoo is 100% geometric sans).
   This REPLACES the previous Playfair-Display "Option B" pairing — headings,
   product titles AND prices are now Montserrat. The "Ramouna" wordmark stays
   'Great Vibes' but only inside the LOGO IMAGE (no text uses it).

   MECHANISM: Glozin drives its fonts through two :root CSS variables
   (--gz-body-font / --gz-heading-font, defined in glozin-base/base.min.css) and
   applies them via body{font-family:var(--gz-body-font)} and
   :where(h1..h6,.heading,.product_title…){font-family:var(--gz-heading-font)}.
   This stylesheet loads AFTER glozin-base, so re-declaring the two vars at :root
   swaps the whole theme cleanly. Explicit selectors + !important below back that
   up for Elementor / plugin headings + prices that hard-set their own family.

   ICON SAFETY: NO global '*' rule is used. Icon fonts are NEVER targeted —
   .star-rating (font:star), swiper arrows (font:swiper-icons), dashicons,
   Font Awesome <i>, and Glozin's inline-SVG icons all keep their own families
   because none of them reference --gz-body-font/--gz-heading-font and none of
   the selectors below match them.
   ========================================================================== */

/* 1 — swap the theme's font variables (primary mechanism, whole-site). */
:root{
	--gz-body-font:"Montserrat", system-ui, -apple-system, sans-serif;
	--gz-heading-font:"Montserrat", system-ui, -apple-system, sans-serif;
}

/* 2 — BODY font (Montserrat): body-level + a short explicit list to beat any
   hard-coded theme/plugin stack. Deliberately NOT a global '*' and NO bare
   `span` (which would catch icon spans like .star-rating). Everything else
   inherits Montserrat from body. */
body,
button, input, select, textarea, optgroup,
.woocommerce, .woocommerce-page,
p, a, li, blockquote, label,
.woocommerce-breadcrumb, .breadcrumb{
	font-family:"Montserrat", system-ui, -apple-system, sans-serif;
}

/* 3 — HEADINGS + PRODUCT TITLES → Montserrat (bold, boohoo-style). !important
   beats Elementor/plugin explicit font-family. */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6, .heading,
.product_title, .entry-title, .page-title,
.woocommerce-loop-product__title,
.woocommerce-products-header__title,
.wc-block-components-product-name,
.elementor-heading-title,
.related > h2, .upsells > h2, .cross-sells > h2,
.cart_totals h2, .woocommerce-checkout h3,
.wc-block-cart__totals-title, .wc-block-components-title{
	font-family:"Montserrat", system-ui, -apple-system, sans-serif !important;
}

/* 4 — PRICES → Montserrat (bold amounts, boohoo-style). Covers single/loop/
   cart/checkout/mini-cart amounts. (Currency symbol lives inside .amount.) */
.woocommerce-Price-amount, .woocommerce-Price-amount.amount,
.price, .price .amount, .amount,
.wc-block-components-product-price, .wc-block-formatted-money-amount,
.rfp-card__now, .rfp-card__old{
	font-family:"Montserrat", system-ui, -apple-system, sans-serif !important;
}

/* 5 — ICON FONTS ARE INTENTIONALLY UNTOUCHED. There is deliberately NO rule
   here for .star-rating (font:star), swiper arrows (swiper-icons on ::after),
   .dashicons, Font Awesome <i>, [class*="icon"], or icon pseudo-elements: none
   of the rules 1–4 above match them, so each keeps its own glyph family and all
   ratings / arrows / cart-heart-search glyphs render exactly as before. Do NOT
   add font-family (not even `inherit`) to any icon selector — that would break
   the glyphs. */
/* end RAMOUNA typography system */

/* Mobile announcement bar → continuous right-to-left marquee (défilé) so the
   full message is always readable and never truncates. BLACK bg / WHITE text
   (boohoo mobile ticker). The strip is duplicated for a seamless loop; edges
   fade via a mask. Desktop keeps the static 3-item spread row. Respects
   prefers-reduced-motion. */
@media (max-width:1023px){
	.rfp-annc__m{position:relative;display:block;flex:1 1 auto;width:100%;height:34px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22px,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,transparent,#000 22px,#000 calc(100% - 22px),transparent);}
	.rfp-annc__track{display:flex;width:max-content;height:34px;align-items:center;animation:rfp-annc-marquee 22s linear infinite;}
	.rfp-annc__seq{display:inline-flex;align-items:center;height:34px;line-height:34px;white-space:nowrap;flex:0 0 auto;}
	.rfp-annc__sep{display:inline-block;width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,0.5);margin:0 22px;flex:0 0 auto;}
}
@keyframes rfp-annc-marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media (prefers-reduced-motion: reduce){.rfp-annc__track{animation:none;}}

/* Homepage-only: hide Glozin's normally-hidden modals / off-canvas panels (login
   modal, cart drawer, etc.) that were leaking VISIBLE below the footer because the
   homepage dequeues the Glozin CSS that hides them. None are triggered on the
   homepage (the header + bottom nav link straight to /my-account/, /shopping-cart/,
   …). Content pages keep their working modals untouched. (2026-08-23) */
body.home #login-modal,
body.home #cart-panel,
body.home .modal,
body.home .offscreen-panel{display:none!important;}

/* =====================================================================
   RAMOUNA — boohoo skin, inner pages (2026-08-28)
   ---------------------------------------------------------------------
   Site-wide restyle of every INNER page (shop, product, cart, checkout,
   account, static pages, wishlist, notices) to the boohoo design language
   already live on the homepage: white ground, #f5f5f5 surfaces, ink
   #1a1a1a, mid-grey #767676, crimson #B3122B accents (NO GOLD anywhere),
   SHARP corners on buttons/inputs/cards/images, Montserrat 700/800
   headings, uppercase letterspaced small labels.

   CSS-ONLY: overrides load AFTER legacy style.css (enqueue prio 21) so
   equal-specificity + !important rules here win the cascade. NO template
   overrides, NO plugin edits. Money pages (product/cart/checkout) get
   colors/radii/borders/typography ONLY — zero layout/mechanics changes.
   Legacy style.css is neutralized from here (token redefinition + direct
   counter-rules); nothing was deleted there.
   Restore: /home/ramouna-tn/wp-backups/ramouna-chrome.css.bak-1787905762
   ===================================================================== */

/* ---------------------------------------------------------------------
   0. TOKEN-LEVEL GOLD KILL — legacy style.css routes most gold through
   these :root vars. Redeclared here (later in cascade, same specificity)
   so every var()-based gold accent flips at once:
   or → crimson (interactive accents), or-encre → ink (text on light),
   or-clair → white (light accent on dark panels), bordeaux → dark
   crimson (legacy uses it as the darker/hover variant).
   --------------------------------------------------------------------- */
:root{
	--ramouna-or:        #B3122B;
	--ramouna-or-clair:  #ffffff;
	--ramouna-or-encre:  #1a1a1a;
	--ramouna-bordeaux:  #8f0e22;
	--ramouna-radius-card: 0px;
}

/* ---------------------------------------------------------------------
   0b. GLOBAL ELEMENTS
   --------------------------------------------------------------------- */
/* Focus rings: recolor gold→crimson (a11y — never removed). Matches +
   outranks legacy style.css:2376. */
a:focus-visible, button:focus-visible, [role="button"]:focus-visible,
input:focus-visible, select:focus-visible, textarea:focus-visible{
	outline:2px solid #B3122B !important;
	outline-offset:2px;
}
/* Scroll-to-top: ink, no gold border (circle kept — floating control). */
.gz-button-go-top{
	background:#1a1a1a !important;
	color:#ffffff !important;
	border:0 !important;
}
.gz-button-go-top:hover{background:#B3122B !important;}
/* Breadcrumb separator dots: gold → mid-grey (legacy 2318). */
.dot-between::after{background:#767676 !important;}
/* Review stars already flip to crimson via --ramouna-or above. */
/* Badges: square, never gold. Featured now crimson via token; force the
   badge var too in case the theme resolves it earlier. */
.woocommerce-badge{border-radius:0 !important;}
.woocommerce-badge.featured{--gz-badge-background-color:#B3122B !important;}
/* Woo notices — square across all types (defensive: info/error unseen). */
.woocommerce-message, .woocommerce-info, .woocommerce-error,
.woocommerce-noreviews, .wc-block-components-notice-banner{
	border-radius:0 !important;
}
/* Notice action button ("Voir le panier"): square crimson w/ real padding
   so it no longer reads as text stuck to the bar edge. */
.woocommerce-message .button, .woocommerce-info .button, .woocommerce-error .button{
	border-radius:0 !important;
	background:#B3122B !important;
	color:#fff !important;
	padding:8px 18px !important;
	font-weight:700 !important;
	font-size:12px !important;
	text-transform:uppercase !important;
	letter-spacing:.06em !important;
}
.woocommerce-message .button:hover, .woocommerce-info .button:hover{background:#8f0e22 !important;}
/* Empty-state icons: gold → mid-grey (legacy 2358/2426/2431/2439). */
.woocommerce-mini-cart__empty-message .gz-svg-icon--cart path,
.wc-block-checkout-empty .gz-svg-icon--cart path{fill:#767676 !important;}
.with-empty-cart-icon::before{background-color:#767676 !important;}
.wc-block-checkout-empty__image{color:#767676 !important;}
.wc-block-checkout-empty__image path:not([fill=none]){fill:#767676 !important;}
.wp-block-woocommerce-empty-cart-block hr.is-style-dots{
	color:#e5e5e5 !important;
	border-top:1px solid #e5e5e5 !important;
	background:none !important;
}
/* Empty-state CTAs: square (legacy 1646 radius 4px / 2453 radius 6px). */
.wc-block-empty-cart-block .wp-block-button__link,
.wishlist-empty .button,
.woocommerce-cart .cart-empty .button,
.wc-block-components-empty-cart-cta .wp-block-button__link{
	border-radius:0 !important;
	letter-spacing:.08em !important;
	font-weight:700 !important;
}
.ramouna-empty-cta{
	background:#B3122B !important;
	color:#ffffff !important;
	border-radius:0 !important;
	text-transform:uppercase;
	font-size:13px;
	letter-spacing:.08em;
}
.ramouna-empty-cta:hover{background:#8f0e22 !important;color:#fff !important;}
/* Legacy newsletter input gold border (markup likely dead — neutralized
   anyway, legacy 2527/2742). */
.ramouna-newsletter__input{border:2px solid #1a1a1a !important;}
.ramouna-newsletter__input:focus{
	border-color:#1a1a1a !important;
	box-shadow:0 0 0 3px rgba(179,18,43,.25) !important;
}

/* ---------------------------------------------------------------------
   1. FORM FIELDS — boohoo baseline: white, 1px #d9d9d9, SQUARE, focus
   border ink. Scoped to Woo / Utopia / CF7 / track-order contexts only
   (never touches the header search pill or homepage). Heights untouched
   except a 44px floor where fields were already ≥44px.
   --------------------------------------------------------------------- */
.woocommerce form .form-row .input-text,
.woocommerce-checkout .input-text,
.woocommerce-checkout textarea#order_comments,
.woocommerce-account .woocommerce-form-login .input-text,
.woocommerce-account .woocommerce-form-register .input-text,
.woocommerce-EditAccountForm .input-text,
.track_order .input-text,
.woocommerce-form-track-order input.input-text,
.woocommerce-cart textarea,
.widget_price_filter input,
#utopia-fast-checkout input[type="text"],
#utopia-fast-checkout input[type="tel"],
#utopia-fast-checkout input[type="email"],
#utopia-fast-checkout input[type="number"],
#utopia-fast-checkout select,
#utopia-fast-checkout textarea,
.form-input-box input, .form-input-box select, .form-input-box textarea,
.wpcf7 .wpcf7-form-control:not(.wpcf7-submit):not([type="checkbox"]):not([type="radio"]){
	border-radius:0 !important;
	border:1px solid #d9d9d9 !important;
	background:#ffffff !important;
	color:#1a1a1a !important;
	box-shadow:none !important;
}
.woocommerce form .form-row .input-text:focus,
.woocommerce-checkout .input-text:focus,
.woocommerce-checkout textarea#order_comments:focus,
.woocommerce-account .woocommerce-form-login .input-text:focus,
.woocommerce-account .woocommerce-form-register .input-text:focus,
.woocommerce-EditAccountForm .input-text:focus,
.track_order .input-text:focus,
.woocommerce-form-track-order input.input-text:focus,
.woocommerce-cart textarea:focus,
.widget_price_filter input:focus,
#utopia-fast-checkout input:focus,
#utopia-fast-checkout select:focus,
#utopia-fast-checkout textarea:focus,
.form-input-box input:focus, .form-input-box select:focus, .form-input-box textarea:focus,
.wpcf7 .wpcf7-form-control:not(.wpcf7-submit):focus{
	border-color:#1a1a1a !important;
	box-shadow:none !important;
	outline:none;
}
/* select2 (checkout Gouvernorat/Ville): square the closed control AND the
   open dropdown. Mechanics untouched. */
.woocommerce-checkout .select2-container .select2-selection--single,
.woocommerce .select2-container .select2-selection--single,
.select2-container .select2-selection--single{
	border-radius:0 !important;
	border:1px solid #d9d9d9 !important;
}
.select2-container--open .select2-selection--single{border-color:#1a1a1a !important;}
.select2-dropdown{
	border-radius:0 !important;
	border:1px solid #1a1a1a !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:#B3122B !important;color:#fff !important;}
.select2-search--dropdown .select2-search__field{border:1px solid #d9d9d9 !important;border-radius:0 !important;}
/* Checkboxes / radios: crimson accent (single safe property). */
.woocommerce input[type="checkbox"], .woocommerce input[type="radio"],
.woocommerce-checkout input[type="checkbox"], .woocommerce-checkout input[type="radio"],
.wpcf7 input[type="checkbox"], .wpcf7 input[type="radio"]{
	accent-color:#B3122B;
}

/* ---------------------------------------------------------------------
   2. SHOP ARCHIVE (+ category archives; .related/.cross-sells share the
   same loop selectors)
   --------------------------------------------------------------------- */
/* Cards: sharp 3:4 image, no rounding anywhere (legacy 2364 = 12px). */
ul.products li.product a.woocommerce-LoopProduct-link,
ul.products li.product .product-inner img,
ul.products li.product .product-inner,
ul.products li.product .product-thumbnail,
ul.products li.product .product-thumbnails,
ul.products li.product .rounded-product-image{
	border-radius:0 !important;
}
/* Card hover icon buttons: keep crimson, square (legacy 2371 = 8px). */
.woocommerce ul.products li.product a.gz-button-icon,
.woocommerce ul.products li.product button.gz-button-icon{
	border-radius:0 !important;
}
/* Loop "Choix des options" bar: square everywhere, incl. the carousel
   variant pill (legacy QW1 2687 = 30px). */
.product-loop-button-atc,
.glozin-products-carousel .product-featured-icons--second .product-loop-button-atc,
.glozin-products-carousel li.product .product-featured-icons--second .product-loop-button-atc{
	border-radius:0 !important;
}
/* Card text: boohoo pattern — left-aligned, 14px name, bold price.
   Pure text alignment on the summary flex column (no layout change). */
ul.products li.product .product-summary{
	align-items:flex-start !important;
	text-align:left !important;
}
ul.products li.product .woocommerce-loop-product__title{
	font-size:14px !important;
	font-weight:500;
	line-height:1.4;
}
ul.products li.product .price{
	font-size:14px !important;
	font-weight:700 !important;
	color:#1a1a1a;
}
/* Sale price (defensive — no on-sale product renders del/ins today):
   crimson current price, grey strikethrough original. */
ul.products li.product .price ins,
.single-product .summary .price ins,
.price ins{
	color:#B3122B !important;
	text-decoration:none !important;
	font-weight:700 !important;
}
ul.products li.product .price del,
.single-product .summary .price del,
.price del{
	color:#767676 !important;
	opacity:1 !important;
	font-weight:400 !important;
}
.woocommerce-badge.onsale{--gz-badge-background-color:#B3122B !important;}
/* Price filter: grey track, crimson range, ink handle (legacy 2534-2541
   gold/bordeaux). Handles stay round (allowed). */
.price_slider.ui-slider{background:#e5e5e5 !important;border-radius:0 !important;}
.price_slider .ui-slider-range{background:#B3122B !important;border-radius:0 !important;}
.price_slider .ui-slider-handle{border-color:#1a1a1a !important;}
/* Widget submit ("Filtrer"): boohoo primary type. */
.widget_price_filter button{
	border-radius:0 !important;
	text-transform:uppercase !important;
	font-size:12.5px !important;
	font-weight:700 !important;
	letter-spacing:.08em !important;
}
/* Sort select ("Trier par"): square, 44px (was 30px pill). */
.woocommerce-ordering select, select.orderby{
	border-radius:0 !important;
	border:1px solid #d9d9d9 !important;
	height:44px !important;
	color:#1a1a1a;
}
/* Mobile "Filtrer" toolbar button: crimson square (legacy 2351 bordeaux
   6px). 44px touch height kept. */
.catalog-toolbar__filter-button{
	background:#B3122B !important;
	border-radius:0 !important;
}
.catalog-toolbar__filter-button:hover{background:#8f0e22 !important;}
/* Sidebar widget titles: boohoo small-label. (Filter sidebar uses plain
   h2.widget-title / h2.widgettitle without gz-widget-heading.) */
h2.widget-title, h2.widgettitle,
.widget-title.gz-widget-heading{
	font-weight:700 !important;
	text-transform:uppercase;
	letter-spacing:.08em;
	font-size:13px;
}
/* Pagination (defensive — only 8 products today): square numbers,
   current = ink block. */
.woocommerce-pagination .page-numbers li a,
.woocommerce-pagination .page-numbers li span,
.woocommerce-pagination .page-numbers li span.current,
nav.woocommerce-pagination a, nav.woocommerce-pagination span{
	border-radius:0 !important;
}
.woocommerce-pagination .page-numbers li span.current{
	background:#1a1a1a !important;
	color:#ffffff !important;
}

/* ---------------------------------------------------------------------
   3. SINGLE PRODUCT (MONEY PAGE — colors/radii/borders/type ONLY.
   No display/position/size changes on any functional control.)
   --------------------------------------------------------------------- */
/* Gallery: sharp images. */
.woocommerce-product-gallery__image img,
.woocommerce-product-gallery img,
.woocommerce-product-gallery__wrapper,
.woocommerce-product-gallery__image,
.glozin-product-gallery-thumbnails img,
.glozin-product-gallery-thumbnails .glozin-gallery-thumbnail{
	border-radius:0 !important;
}
/* Utopia COMMANDE RAPIDE: crimson header (legacy 2336 bordeaux/ivory),
   square wrapper + card. bg/color/radius only. */
.glozin-product-atc-group h3,
.glozin-product-atc-group h3[style],
#utopia-fast-checkout h3{
	background:#B3122B !important;
	color:#ffffff !important;
	border-radius:0 !important;
}
#utopia-fast-checkout,
#utopia-fast-checkout .fast-checkout,
.fast-checkout,
.glozin-product-atc-group{
	border-radius:0 !important;
}
/* Utopia order summary card: square, hairline border (legacy 2550). */
.order-summary{
	border-radius:0 !important;
	border:1px solid #e5e5e5 !important;
}
/* "Acheter maintenant" (primary COD button): crimson square, boohoo type
   (legacy 2384 bordeaux 6px). Colors/typography only — never hidden or
   moved. */
#utopia-fast-checkout button[type="submit"],
#utopia-fast-checkout .button.alt{
	background:#B3122B !important;
	border-color:#B3122B !important;
	color:#ffffff !important;
	border-radius:0 !important;
	text-transform:uppercase !important;
	font-weight:700 !important;
	letter-spacing:.08em !important;
}
#utopia-fast-checkout button[type="submit"]:hover,
#utopia-fast-checkout .button.alt:hover{
	background:#8f0e22 !important;
	border-color:#8f0e22 !important;
}
/* "Ajouter au panier": secondary — white, 1px ink border (legacy 2390
   bordeaux outline 6px). */
.single-product form.cart .single_add_to_cart_button{
	background:#ffffff !important;
	color:#1a1a1a !important;
	border:1px solid #1a1a1a !important;
	border-radius:0 !important;
	text-transform:uppercase !important;
	font-weight:700 !important;
	letter-spacing:.08em !important;
}
.single-product form.cart .single_add_to_cart_button:hover{
	background:#1a1a1a !important;
	color:#ffffff !important;
}
/* UFC plugin CSS counters (fast-checkout.css ships pill radii + a GOLD
   hover with very specific selectors — matched 1:1 here; this sheet
   loads later so these win). Radius/color only, mechanics untouched. */
button.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed{
	border-radius:0 !important;
}
button.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed:hover{
	background-color:#1a1a1a !important;
}
span.glozin-svg-icon.glozin-svg-icon--minus.glozin-qty-button.decrease,
span.glozin-svg-icon.glozin-svg-icon--plus.glozin-qty-button.increase,
.quantity input.minus, .quantity input.plus{
	border-radius:0 !important;
}
.woocommerce .quantity input.qty, .quantity input.qty{
	border-radius:0 !important;
	border-color:#d9d9d9;
}
/* Size swatches: selected = crimson square (legacy 2345 bordeaux 3px);
   unselected square hairline. Selection mechanics untouched. */
.wcboost-variation-swatches--label .wcboost-variation-swatches__item{
	border-radius:0 !important;
	border-color:#d9d9d9;
}
[data-attribute_name="attribute_pa_taille"] .wcboost-variation-swatches__item.selected,
.wcboost-variation-swatches--label .wcboost-variation-swatches__item.selected{
	background:#B3122B !important;
	border-color:#B3122B !important;
	color:#ffffff !important;
}
/* Colour swatch selected ring: gold → ink (legacy 2419). Dots stay round. */
[data-attribute_name="attribute_pa_couleur"] .wcboost-variation-swatches__item.selected{
	border-color:#1a1a1a !important;
}
/* Quantity control: square, hairline (radius/border-color ONLY — sizes,
   display and +/- mechanics untouched). */
form.cart .quantity, .woocommerce .quantity,
.quantity .glozin-qty-button, .quantity .qty{
	border-radius:0 !important;
}
form.cart .quantity, .woocommerce .quantity{border-color:#d9d9d9 !important;}
/* Wishlist/compare icon buttons: square (legacy 2545 = 8px). */
.single-product .gz-button-icon{border-radius:0 !important;}
/* "En stock" badge: square (green kept — functional info). */
.single-product .stock.in-stock.woocommerce-badge,
.single-product .stock.woocommerce-badge{border-radius:0 !important;}
/* Accordion (Description / Informations complémentaires): boohoo labels. */
.gz-product-tabs .woocommerce-tabs-title{
	text-transform:uppercase;
	font-weight:700 !important;
	color:#1a1a1a !important;
	letter-spacing:.04em;
}

/* ---------------------------------------------------------------------
   4. CART (MONEY PAGE — cosmetic only)
   --------------------------------------------------------------------- */
.cart_item .product-thumbnail img{border-radius:0 !important;}
/* Grey boxes (totals / info / trust / note): square — kills the theme
   .rounded-10 utility on this page. */
.woocommerce-cart .cart_totals_summary,
.woocommerce-cart .gz-cart-information-box,
.gz-cart-service-highlight__item,
.woocommerce-cart .rounded-10{
	border-radius:0 !important;
}
/* Cross-sell "Choix des options" link: reads as bare crimson-highlighted
   text — give it real button padding + boohoo type (link behavior
   untouched). */
.woocommerce-cart .cross-sells .product-loop-button-atc{
	display:inline-flex;
	align-items:center;
	padding:8px 14px !important;
	font-size:11.5px !important;
	text-transform:uppercase !important;
	letter-spacing:.06em !important;
	font-weight:700 !important;
	margin-top:6px;
}
/* Primary actions: boohoo type (already crimson square). */
.checkout-button, a.checkout-button,
.wc-proceed-to-checkout a.checkout-button,
button[name="update_cart"]{
	text-transform:uppercase !important;
	font-weight:700 !important;
	font-size:12.5px !important;
	letter-spacing:.08em !important;
	border-radius:0 !important;
}
.checkout-button:hover, button[name="update_cart"]:hover{background:#8f0e22 !important;}
/* Cross-sells: square cards + thumbs (loop selectors above cover most). */
.woocommerce-cart .cross-sells li.product,
.woocommerce-cart .cross-sells li.product .product-inner,
.woocommerce-cart .cross-sells img{
	border-radius:0 !important;
	border-color:#e5e5e5;
}

/* ---------------------------------------------------------------------
   5. CHECKOUT (MONEY PAGE — radius/color/border/type ONLY; field layout
   and mechanics untouched. Fields + select2 squared in section 1.)
   --------------------------------------------------------------------- */
.woocommerce-billing-fields__field-wrapper{border-radius:0 !important;}
#order_review.woocommerce-checkout-review-order,
.woocommerce-checkout #order_review{
	border-radius:0 !important;
	background:#f5f5f5 !important;
	border:1px solid #e5e5e5 !important;
}
#place_order{
	text-transform:uppercase !important;
	font-weight:700 !important;
	font-size:12.5px !important;
	letter-spacing:.08em !important;
	border-radius:0 !important;
	background:#B3122B !important;
	color:#fff !important;
}
#place_order:hover{background:#8f0e22 !important;}
/* "Parcourir la boutique" on empty checkout (legacy 2323 radius 6px). */
.page-id-15 .wp-block-button__link{border-radius:0 !important;}

/* ---------------------------------------------------------------------
   6. ACCOUNT (login fields squared in section 1)
   --------------------------------------------------------------------- */
button[name="login"], button[name="register"],
.woocommerce-account .woocommerce-Button{
	text-transform:uppercase !important;
	font-weight:700 !important;
	font-size:12.5px !important;
	letter-spacing:.08em !important;
	border-radius:0 !important;
}
button[name="login"]:hover, button[name="register"]:hover{background:#8f0e22 !important;}
.woocommerce-form-login__rememberme input{accent-color:#B3122B;}
/* Account nav + boxes: square. */
.woocommerce-MyAccount-navigation li, .woocommerce-MyAccount-navigation a{border-radius:0 !important;}

/* ---------------------------------------------------------------------
   7. STATIC PAGES (Elementor: about / faq / contact) — scoped away from
   the homepage via body:not(.home).
   --------------------------------------------------------------------- */
/* All Elementor content images square (about banner artwork itself is an
   ASSET — gold/bordeaux plate flagged to owner, not fixable from CSS). */
body:not(.home) #site-content .elementor-widget-image img,
body:not(.home) #site-content .elementor-image img{
	border-radius:0 !important;
}
/* Elementor / Glozin pill buttons → square uppercase (colors kept:
   black secondary is on-palette). */
body:not(.home) #site-content .elementor-button,
body:not(.home) #site-content .glozin-button-link.glozin-button,
body:not(.home) #site-content a.glozin-button{
	border-radius:0 !important;
	text-transform:uppercase !important;
	letter-spacing:.07em !important;
	font-weight:700 !important;
}
/* Section headings: boohoo bold. Glozin h4 widget headings (FAQ category
   titles, sidebar card titles) ship 400-weight in off-palette rosewood
   #6b5a5f → ink 700. */
body:not(.home) #site-content .elementor-heading-title{font-weight:700 !important;}
body:not(.home) #site-content h4.glozin-heading{
	color:#1a1a1a !important;
	font-weight:700 !important;
}
/* About: off-palette Glozin-demo testimonial band (dark green + LIME) →
   ink band, white text, white stars. */
.elementor-element-2e3157c0, .elementor-element-2e3157c0 > .e-con-inner{background-color:#1a1a1a !important;background-image:none !important;}
.elementor-element-2e3157c0 .glozin-heading,
.elementor-element-2e3157c0 .elementor-heading-title,
.elementor-element-2e3157c0 .glozin-heading a,
body:not(.home) #site-content .elementor-element-2e3157c0 .glozin-heading,
body:not(.home) #site-content .elementor-element-2e3157c0 h4.glozin-heading,
body:not(.home) #site-content .elementor-element-2e3157c0 .elementor-heading-title{color:#ffffff !important;}
.elementor-element-2e3157c0 .e-rating .e-icon svg,
.elementor-element-2e3157c0 .e-rating .e-icon path{fill:#ffffff !important;color:#ffffff !important;}
/* About counters: bold numbers. */
.glozin-counter__number-wrapper{font-weight:800 !important;}
/* FAQ: sticky sidebar card square; accordion questions ink, hover
   crimson. */
.elementor-element-65a55c52, .elementor-element-65a55c52 > .e-con-inner{border-radius:0 !important;}
.glozin-accordion__title, .glozin-accordion__title-text{color:#1a1a1a !important;font-weight:600;}
.glozin-accordion__title:hover, .glozin-accordion__title:hover .glozin-accordion__title-text{color:#B3122B !important;}
/* CF7 (contact): fields squared in section 1; textarea + submit here. */
.wpcf7 textarea{border-radius:0 !important;}
.wpcf7 .wpcf7-form-control:not(.wpcf7-submit):not([type="checkbox"]):not([type="radio"]):not(textarea){min-height:44px;}
.wpcf7-submit{
	border-radius:0 !important;
	background:#B3122B !important;
	border-color:#B3122B !important;
	color:#ffffff !important;
	text-transform:uppercase !important;
	font-weight:700 !important;
	font-size:12.5px !important;
	letter-spacing:.08em !important;
}
.wpcf7-submit:hover{background:#8f0e22 !important;border-color:#8f0e22 !important;}
/* keep the "greyed until consent" affordance visible */
.wpcf7-submit:disabled, .wpcf7-submit[disabled]{opacity:.45 !important;cursor:not-allowed;}

/* ---------------------------------------------------------------------
   8. TRACK ORDER
   --------------------------------------------------------------------- */
.woocommerce-form-track-order button.button,
.track_order button.button{
	text-transform:uppercase !important;
	font-weight:700 !important;
	font-size:12.5px !important;
	letter-spacing:.08em !important;
	border-radius:0 !important;
}
.woocommerce-form-track-order button.button:hover{background:#8f0e22 !important;}

/* ---------------------------------------------------------------------
   9. WISHLIST
   --------------------------------------------------------------------- */
/* Empty-state heart: grey circle (circle allowed), crimson heart stroke,
   NO gold border — full ::before redeclaration (legacy 2469 ivory/gold). */
.wishlist-empty .woocommerce-info::before{
	background-color:#f5f5f5 !important;
	border:0 !important;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B3122B' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") !important;
}
/* "Retour aux achats": square (legacy 2329 radius 6px + 1646 4px). */
.woocommerce-page.wcboost-wishlist-page a.wc-backward{
	border-radius:0 !important;
	text-transform:uppercase !important;
	letter-spacing:.08em !important;
	font-weight:700 !important;
}
/* Wishlist table thumbs square (shares loop/cart rules otherwise). */
.wcboost-wishlist-table img{border-radius:0 !important;}
/* ---------------------------------------------------------------------
   10. QA ROUND 2 — radius stragglers (2026-08-28)
   --------------------------------------------------------------------- */
/* Sticky add-to-cart bar: variation select was a 30px pill w/ old #ebebeb border. */
.glozin-sticky-add-to-cart select,
.glozin-sticky-atc__variations select,
.glozin-sticky-atc select{
	border-radius:0 !important;
	border-color:#d9d9d9 !important;
}
/* Sidebar "Produits Vedettes" widget thumbnails kept 5px radius. */
.widget img.attachment-woocommerce_thumbnail,
.widget .product_list_widget img,
.product_list_widget img{
	border-radius:0 !important;
}
/* My-account show-password eye toggle inside the field: was 30px. */
.show-password-input,
button.show-password-input,
span.show-password-input{
	border-radius:0 !important;
}
/* end RAMOUNA boohoo skin, inner pages (2026-08-28) */