/*
Theme Name:   CREASYST BIKE
Theme URI:    https://creasyst.com/
Description:  Thème enfant Hello Elementor sur mesure pour CREASYST BIKE : boutique WooCommerce de vélos et d'accessoires de cyclisme, entièrement modifiable avec Elementor.
Author:       CREASYST BIKE
Author URI:   https://creasyst.com/
Template:     hello-elementor
Version:      1.2.0
Requires at least: 6.5
Requires PHP: 7.4
License:      GNU General Public License v3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  creasyst-bike
*/

/* ==========================================================================
   1. Polices (hébergées localement : pas d'appel à Google, conforme RGPD)
   ========================================================================== */
@font-face {
	font-family: "Archivo";
	src: url("assets/fonts/archivo-var.woff2") format("woff2");
	font-weight: 500 900;
	font-stretch: 62% 125%;
	font-display: swap;
}
@font-face {
	font-family: "Inter";
	src: url("assets/fonts/inter-var.woff2") format("woff2");
	font-weight: 400 700;
	font-display: swap;
}

/* ==========================================================================
   2. Variables de la charte
   ========================================================================== */
:root {
	--cb-black: #101010;
	--cb-anthracite: #1d1d1d;
	--cb-anthracite-2: #2a2a2a;
	--cb-white: #ffffff;
	--cb-grey: #f2f2f2;
	--cb-grey-2: #e4e4e4;
	--cb-muted: #6b6b6b;
	--cb-orange: #f07818;
	--cb-orange-dark: #d9650c;
	--cb-green: #1e9e57;
	--cb-font-title: "Archivo", "Helvetica Neue", Arial, sans-serif;
	--cb-font-body: "Inter", "Helvetica Neue", Arial, sans-serif;
	--cb-radius: 10px;
	--cb-radius-sm: 6px;
	--cb-container: 1320px;
	--cb-gutter: clamp(16px, 4vw, 40px);
	--cb-ease: cubic-bezier(.2, .7, .2, 1);
	--cb-header-h: 76px;
}

/* ==========================================================================
   3. Base
   ========================================================================== */
html { scroll-behavior: smooth; }
body {
	margin: 0;
	background: var(--cb-white);
	color: var(--cb-anthracite);
	font-family: var(--cb-font-body);
	font-size: 16px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
body.cb-lock { overflow: hidden; }

h1, h2, h3, h4, h5, h6,
.elementor-widget-heading .elementor-heading-title {
	font-family: var(--cb-font-title);
	font-weight: 800;
	line-height: 1.12;
	letter-spacing: -0.01em;
	color: inherit;
	margin-top: 0;
}
h1 { font-size: clamp(2.2rem, 4.6vw, 4rem); }
h2 { font-size: clamp(1.75rem, 3vw, 2.6rem); }
h3 { font-size: clamp(1.25rem, 2vw, 1.6rem); }

a { color: inherit; text-decoration: none; transition: color .2s var(--cb-ease), opacity .2s var(--cb-ease); }
a:hover { color: var(--cb-orange); }
img { max-width: 100%; height: auto; }
::selection { background: var(--cb-orange); color: #fff; }

:focus-visible { outline: 2px solid var(--cb-orange); outline-offset: 2px; }

.cb-container {
	width: 100%;
	max-width: var(--cb-container);
	margin-inline: auto;
	padding-inline: var(--cb-gutter);
	box-sizing: border-box;
}

.cb-eyebrow {
	display: inline-block;
	font-family: var(--cb-font-title);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--cb-orange);
}

/* Contenu des pages hors Elementor */
.site-main:not(.elementor-page) { padding-block: 48px 72px; }
body:not(.elementor-page) .site-main > .page-header,
body:not(.elementor-page) .site-main > .page-content,
body:not(.elementor-page) .site-main > article { max-width: var(--cb-container); margin-inline: auto; padding-inline: var(--cb-gutter); }
.page-header .entry-title { font-size: clamp(2rem, 4vw, 3rem); margin-bottom: 24px; }

/* ==========================================================================
   4. Boutons
   ========================================================================== */
.cb-btn,
.button, button.button, a.button, input[type="submit"],
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit,
.wp-element-button,
body .elementor-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 46px;
	padding: 12px 26px;
	border: 2px solid var(--cb-orange);
	border-radius: 999px;
	background: var(--cb-orange);
	color: #fff;
	font-family: var(--cb-font-title);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .06em;
	line-height: 1.1;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color .25s var(--cb-ease), border-color .25s var(--cb-ease), color .25s var(--cb-ease), transform .25s var(--cb-ease), box-shadow .25s var(--cb-ease);
	box-sizing: border-box;
}
.cb-btn:hover,
.button:hover, button.button:hover, a.button:hover, input[type="submit"]:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.wp-element-button:hover,
body .elementor-button:hover {
	background: var(--cb-orange-dark);
	border-color: var(--cb-orange-dark);
	color: #fff;
	transform: translateY(-1px);
	box-shadow: 0 10px 24px -12px rgba(240, 120, 24, .7);
}
.woocommerce a.button.alt, .woocommerce button.button.alt { background: var(--cb-orange); border-color: var(--cb-orange); color: #fff; }
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover { background: var(--cb-orange-dark); border-color: var(--cb-orange-dark); }
.woocommerce button.button:disabled, .woocommerce button.button.disabled { opacity: .5; }

.cb-btn--light { background: #fff; border-color: #fff; color: var(--cb-black); }
.cb-btn--light:hover { background: var(--cb-orange); border-color: var(--cb-orange); color: #fff; }
.cb-btn--ghost { background: transparent; border-color: rgba(255, 255, 255, .7); color: #fff; }
.cb-btn--ghost:hover { background: #fff; border-color: #fff; color: var(--cb-black); }
.cb-btn--dark-outline { background: transparent; border-color: var(--cb-black); color: var(--cb-black); }
.cb-btn--dark-outline:hover { background: var(--cb-black); border-color: var(--cb-black); color: #fff; }
.cb-btn--sm { min-height: 36px; padding: 8px 18px; font-size: 12px; }

/* Champs */
input[type="text"], input[type="email"], input[type="tel"], input[type="search"], input[type="password"], input[type="number"], input[type="url"], select, textarea {
	width: 100%;
	min-height: 46px;
	padding: 10px 14px;
	border: 1px solid #d6d6d6;
	border-radius: var(--cb-radius-sm);
	background: #fff;
	color: var(--cb-anthracite);
	font: inherit;
	box-sizing: border-box;
	transition: border-color .2s, box-shadow .2s;
}
input:focus, select:focus, textarea:focus { border-color: var(--cb-orange); box-shadow: 0 0 0 3px rgba(240, 120, 24, .15); outline: none; }

/* ==========================================================================
   5. Barre promotionnelle
   ========================================================================== */
.cb-topbar {
	background: var(--cb-black);
	color: #d9d9d9;
	font-size: 12.5px;
	border-bottom: 1px solid rgba(255, 255, 255, .06);
}
.cb-topbar__inner { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; min-height: 40px; }
.cb-topbar__social { display: flex; gap: 14px; }
.cb-topbar__social a { display: inline-flex; color: #d9d9d9; }
.cb-topbar__social a:hover { color: var(--cb-orange); }
.cb-topbar__social svg { width: 15px; height: 15px; }
.cb-topbar__promo { display: flex; align-items: center; gap: 8px; text-align: center; font-weight: 500; color: #fff; }
.cb-topbar__promo svg { width: 15px; height: 15px; color: var(--cb-orange); flex: none; }
.cb-topbar__promo strong { color: var(--cb-orange); font-weight: 700; }
.cb-topbar__right { display: flex; justify-content: flex-end; gap: 18px; }
.cb-topbar__right a { color: #d9d9d9; display: inline-flex; align-items: center; gap: 6px; }
.cb-topbar__right a:hover { color: var(--cb-orange); }
.cb-topbar__right svg { width: 14px; height: 14px; }

/* ==========================================================================
   6. En-tête
   ========================================================================== */
.cb-header {
	position: sticky;
	top: 0;
	z-index: 900;
	background: var(--cb-anthracite);
	color: #fff;
	transition: box-shadow .3s var(--cb-ease), background-color .3s var(--cb-ease);
}
.admin-bar .cb-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .cb-header { top: 0; } }
.cb-header.is-scrolled { background: rgba(16, 16, 16, .96); box-shadow: 0 8px 30px -12px rgba(0, 0, 0, .6); backdrop-filter: saturate(140%) blur(8px); }
.cb-header__inner { display: flex; align-items: center; gap: 28px; min-height: var(--cb-header-h); }

.cb-logo { display: inline-flex; align-items: center; flex: none; color: #fff; }
.cb-logo:hover { color: #fff; }
.cb-logo img { max-height: 44px; width: auto; }
.cb-logo__text { font-family: var(--cb-font-title); font-weight: 900; font-stretch: 112%; font-size: 25px; letter-spacing: -0.02em; line-height: 1; text-transform: uppercase; }
.cb-logo__text span { color: var(--cb-orange); }
.cb-logo__text small { display: block; margin-top: 3px; font-size: 9.5px; font-weight: 600; font-stretch: 100%; letter-spacing: .42em; color: #a9a9a9; }

/* Navigation principale */
.cb-nav { flex: 1; display: flex; justify-content: center; }
.cb-menu, .cb-menu ul { list-style: none; margin: 0; padding: 0; }
.cb-menu { display: flex; align-items: center; gap: 2px; }
.cb-menu > li { position: static; }
.cb-menu > li.cb-has-dropdown { position: relative; }
.cb-menu > li > a {
	position: relative;
	display: flex;
	align-items: center;
	gap: 5px;
	height: var(--cb-header-h);
	padding: 0 12px;
	color: #fff;
	font-family: var(--cb-font-title);
	font-size: 13.5px;
	font-weight: 600;
	letter-spacing: .03em;
	white-space: nowrap;
}
.cb-menu > li > a::after {
	content: "";
	position: absolute;
	left: 12px; right: 12px; bottom: 20px;
	height: 2px;
	background: var(--cb-orange);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .3s var(--cb-ease);
}
.cb-menu > li:hover > a::after,
.cb-menu > li.current-menu-item > a::after,
.cb-menu > li.current-menu-ancestor > a::after { transform: scaleX(1); }
.cb-menu > li:hover > a { color: #fff; }
.cb-caret { width: 10px; height: 10px; opacity: .7; transition: transform .25s var(--cb-ease); }
.cb-menu > li:hover .cb-caret { transform: rotate(180deg); }

/* Sous-menu simple */
.cb-menu .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 240px;
	padding: 12px;
	background: #fff;
	color: var(--cb-anthracite);
	border-radius: 0 0 var(--cb-radius) var(--cb-radius);
	box-shadow: 0 24px 50px -20px rgba(0, 0, 0, .45);
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: opacity .25s var(--cb-ease), transform .25s var(--cb-ease), visibility .25s;
}
.cb-menu > li:hover > .sub-menu,
.cb-menu > li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.cb-menu .sub-menu a { display: block; padding: 9px 12px; border-radius: var(--cb-radius-sm); font-size: 14.5px; font-weight: 500; }
.cb-menu .sub-menu a:hover { background: var(--cb-grey); color: var(--cb-orange); }
.cb-menu .sub-menu .sub-menu { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; padding: 0; min-width: 0; }

/* Méga-menu (éléments ayant des petits-enfants, ex. « Vélos ») */
.cb-menu > li.cb-mega > .sub-menu {
	position: absolute;
	left: 50%;
	top: 100%;
	width: min(1180px, calc(100vw - 48px));
	transform: translate(-50%, 8px);
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 8px 24px;
	padding: 32px 36px 36px;
	border-radius: 0 0 14px 14px;
}
.cb-menu > li.cb-mega:hover > .sub-menu,
.cb-menu > li.cb-mega:focus-within > .sub-menu { transform: translate(-50%, 0); }
.cb-menu > li.cb-mega { position: static; }
.cb-menu > li.cb-mega > .sub-menu > li > a {
	padding: 0 0 10px;
	margin-bottom: 8px;
	border-bottom: 2px solid var(--cb-grey);
	border-radius: 0;
	font-family: var(--cb-font-title);
	font-size: 15px;
	font-weight: 800;
	color: var(--cb-black);
	background: none;
}
.cb-menu > li.cb-mega > .sub-menu > li > a:hover { color: var(--cb-orange); background: none; }
.cb-menu > li.cb-mega .sub-menu .sub-menu a { padding: 5px 0; font-size: 14px; color: #4a4a4a; background: none; }
.cb-menu > li.cb-mega .sub-menu .sub-menu a:hover { color: var(--cb-orange); padding-left: 4px; }
.cb-mega-thumb { display: block; aspect-ratio: 16/10; margin-bottom: 12px; border-radius: 8px; overflow: hidden; background: var(--cb-grey); }
.cb-mega-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--cb-ease); }
.cb-menu > li.cb-mega > .sub-menu > li:hover .cb-mega-thumb img { transform: scale(1.06); }

/* Icônes d'en-tête */
.cb-actions { display: flex; align-items: center; gap: 4px; margin-left: auto; }
.cb-nav + .cb-actions { margin-left: 0; }
.cb-icon-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: #fff;
	cursor: pointer;
	transition: background-color .2s, color .2s;
}
.cb-icon-btn:hover { background: rgba(255, 255, 255, .08); color: var(--cb-orange); }
.cb-icon-btn svg { width: 21px; height: 21px; }
.cb-count {
	position: absolute;
	top: 3px;
	right: 1px;
	min-width: 18px;
	height: 18px;
	padding: 0 4px;
	border-radius: 999px;
	background: var(--cb-orange);
	color: #fff;
	font-size: 10.5px;
	font-weight: 700;
	line-height: 18px;
	text-align: center;
	box-sizing: border-box;
	transition: transform .3s var(--cb-ease);
}
.cb-count.is-bump { animation: cb-bump .5s var(--cb-ease); }
@keyframes cb-bump { 40% { transform: scale(1.35); } }
.cb-burger { display: none; }

/* ==========================================================================
   7. Navigation mobile (tiroir)
   ========================================================================== */
.cb-overlay {
	position: fixed;
	inset: 0;
	z-index: 990;
	background: rgba(0, 0, 0, .55);
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s var(--cb-ease), visibility .3s;
}
.cb-overlay.is-open { opacity: 1; visibility: visible; }
.cb-drawer {
	position: fixed;
	top: 0;
	bottom: 0;
	z-index: 1000;
	display: flex;
	flex-direction: column;
	width: min(420px, 92vw);
	background: #fff;
	color: var(--cb-anthracite);
	transition: transform .4s var(--cb-ease);
	box-shadow: 0 0 60px rgba(0, 0, 0, .3);
}
.cb-drawer--left { left: 0; transform: translateX(-102%); }
.cb-drawer--right { right: 0; transform: translateX(102%); }
.cb-drawer.is-open { transform: translateX(0); }
.cb-drawer__head { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; background: var(--cb-black); color: #fff; }
.cb-drawer__title { font-family: var(--cb-font-title); font-weight: 800; font-size: 18px; text-transform: uppercase; letter-spacing: .04em; }
.cb-drawer__body { flex: 1; overflow-y: auto; padding: 8px 0 24px; }
.cb-drawer__foot { padding: 18px 20px; border-top: 1px solid var(--cb-grey-2); font-size: 14px; }
.cb-drawer__foot a { display: flex; align-items: center; gap: 10px; padding: 6px 0; }
.cb-drawer__foot svg { width: 17px; height: 17px; color: var(--cb-orange); }

.cb-mobile-menu, .cb-mobile-menu ul { list-style: none; margin: 0; padding: 0; }
.cb-mobile-menu li { position: relative; border-bottom: 1px solid var(--cb-grey); }
.cb-mobile-menu a { display: block; padding: 15px 56px 15px 22px; font-family: var(--cb-font-title); font-weight: 700; font-size: 16px; }
.cb-mobile-menu .sub-menu { display: none; background: var(--cb-grey); }
.cb-mobile-menu li.is-open > .sub-menu { display: block; }
.cb-mobile-menu .sub-menu li { border-bottom-color: #e6e6e6; }
.cb-mobile-menu .sub-menu a { padding-left: 34px; font-family: var(--cb-font-body); font-weight: 500; font-size: 15px; }
.cb-mobile-menu .sub-menu .sub-menu { background: #e9e9e9; }
.cb-mobile-menu .sub-menu .sub-menu a { padding-left: 48px; font-size: 14.5px; }
.cb-mobile-menu .cb-mega-thumb { display: none; }
.cb-sub-toggle {
	position: absolute;
	top: 6px;
	right: 10px;
	width: 40px;
	height: 40px;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--cb-anthracite);
	cursor: pointer;
}
.cb-sub-toggle svg { width: 14px; height: 14px; transition: transform .3s var(--cb-ease); }
li.is-open > .cb-sub-toggle svg { transform: rotate(180deg); }

/* Recherche plein écran */
.cb-search {
	position: fixed;
	inset: 0 0 auto 0;
	z-index: 1000;
	padding: 48px 0 56px;
	background: var(--cb-black);
	color: #fff;
	transform: translateY(-100%);
	transition: transform .45s var(--cb-ease);
}
.cb-search.is-open { transform: translateY(0); }
.cb-search__label { display: block; margin-bottom: 16px; font-family: var(--cb-font-title); font-size: 13px; letter-spacing: .16em; text-transform: uppercase; color: #aaa; }
.cb-search form { display: flex; gap: 12px; }
.cb-search input[type="search"] { min-height: 64px; padding: 0 22px; border: 0; border-bottom: 2px solid #444; border-radius: 0; background: transparent; color: #fff; font-size: clamp(1.25rem, 3vw, 2rem); font-family: var(--cb-font-title); font-weight: 600; }
.cb-search input[type="search"]:focus { border-bottom-color: var(--cb-orange); box-shadow: none; }
.cb-search__close { position: absolute; top: 14px; right: 18px; }
.cb-search__suggest { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.cb-search__suggest a { padding: 7px 14px; border: 1px solid #3a3a3a; border-radius: 999px; font-size: 13px; color: #ddd; }
.cb-search__suggest a:hover { border-color: var(--cb-orange); color: var(--cb-orange); }

/* Mini-panier */
.cb-minicart .woocommerce-mini-cart { list-style: none; margin: 0; padding: 0 20px; }
.cb-minicart .woocommerce-mini-cart-item { position: relative; min-height: 72px; padding: 16px 30px 16px 88px; border-bottom: 1px solid var(--cb-grey); font-size: 14.5px; line-height: 1.4; }
.cb-minicart .woocommerce-mini-cart-item a:not(.remove) { display: block; font-family: var(--cb-font-title); font-weight: 700; color: var(--cb-black); }
.cb-minicart .woocommerce-mini-cart-item img { position: absolute; left: 0; top: 16px; width: 72px !important; height: 72px; margin: 0 !important; object-fit: cover; border-radius: 8px; background: var(--cb-grey); }
.cb-minicart .woocommerce-mini-cart-item .quantity { display: block; margin-top: 4px; color: var(--cb-muted); }
.cb-minicart .remove { position: absolute; top: 14px; right: 0; color: var(--cb-muted) !important; font-size: 20px; line-height: 1; }
.cb-minicart .remove:hover { color: var(--cb-orange) !important; background: none !important; }
.cb-minicart .woocommerce-mini-cart__total { display: flex; justify-content: space-between; margin: 0; padding: 18px 20px; font-size: 16px; }
.cb-minicart .woocommerce-mini-cart__buttons { display: grid; gap: 10px; margin: 0; padding: 0 20px; }
.cb-minicart .woocommerce-mini-cart__buttons .button { width: 100%; }
.cb-minicart .woocommerce-mini-cart__buttons .button:not(.checkout) { background: transparent; color: var(--cb-black); border-color: var(--cb-black); }
.cb-minicart .woocommerce-mini-cart__buttons .button:not(.checkout):hover { background: var(--cb-black); color: #fff; }
.cb-minicart .woocommerce-mini-cart__empty-message { padding: 40px 20px; text-align: center; color: var(--cb-muted); }

/* ==========================================================================
   8. Pied de page
   ========================================================================== */
.cb-reassure-bar { background: var(--cb-grey); }
.cb-reassure-bar__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; padding-block: 34px; }
.cb-reassure-item { display: flex; gap: 14px; align-items: flex-start; }
.cb-reassure-item svg { flex: none; width: 30px; height: 30px; color: var(--cb-orange); }
.cb-reassure-item strong { display: block; font-family: var(--cb-font-title); font-size: 15px; font-weight: 800; color: var(--cb-black); }
.cb-reassure-item span { font-size: 13.5px; color: var(--cb-muted); }

.cb-footer { background: var(--cb-black); color: #b9b9b9; font-size: 14.5px; }
.cb-footer a { color: #b9b9b9; }
.cb-footer a:hover { color: var(--cb-orange); }
.cb-footer__grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.2fr; gap: 48px; padding-block: 72px 56px; }
.cb-footer .cb-logo { margin-bottom: 18px; }
.cb-footer__about { max-width: 340px; margin: 0 0 22px; line-height: 1.7; }
.cb-footer__title { margin: 0 0 18px; font-family: var(--cb-font-title); font-size: 14px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #fff; }
.cb-footer ul { list-style: none; margin: 0; padding: 0; }
.cb-footer li { margin-bottom: 10px; }
.cb-footer__contact li { display: flex; gap: 12px; align-items: flex-start; }
.cb-footer__contact svg { flex: none; width: 17px; height: 17px; margin-top: 3px; color: var(--cb-orange); }
.cb-footer__social { display: flex; gap: 10px; }
.cb-footer__social a { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border: 1px solid #333; border-radius: 50%; }
.cb-footer__social a:hover { border-color: var(--cb-orange); background: var(--cb-orange); color: #fff; }
.cb-footer__social svg { width: 16px; height: 16px; }
.cb-footer__bottom { border-top: 1px solid #262626; }
.cb-footer__bottom-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; padding-block: 22px; font-size: 12.5px; color: #8a8a8a; }
.cb-pay { display: flex; flex-wrap: wrap; gap: 6px; }
.cb-pay span { display: inline-flex; align-items: center; height: 26px; padding: 0 10px; border: 1px solid #d0d0d0; border-radius: 5px; background: #fff; color: var(--cb-black); font-size: 11px; font-weight: 800; letter-spacing: .03em; }
.cb-footer .cb-pay span { border-color: #333; background: #1a1a1a; color: #ddd; }

/* ==========================================================================
   9. Composants (shortcodes utilisables dans Elementor)
   ========================================================================== */
/* Tuiles catégories */
.cb-cats { display: grid; grid-template-columns: repeat(var(--cb-cols, 6), 1fr); gap: 16px; }
.cb-cat { position: relative; display: block; aspect-ratio: 3/4; overflow: hidden; border-radius: var(--cb-radius); background: var(--cb-anthracite); color: #fff; isolation: isolate; }
.cb-cat img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--cb-ease); z-index: -2; }
.cb-cat::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(0,0,0,0) 35%, rgba(0,0,0,.82) 100%); }
.cb-cat:hover { color: #fff; }
.cb-cat:hover img { transform: scale(1.07); }
.cb-cat__body { position: absolute; left: 18px; right: 18px; bottom: 18px; }
.cb-cat__name { display: block; font-family: var(--cb-font-title); font-size: 18px; font-weight: 800; line-height: 1.15; }
.cb-cat__count { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; font-size: 12.5px; color: #cfcfcf; }
.cb-cat__count svg { width: 12px; height: 12px; color: var(--cb-orange); transition: transform .3s var(--cb-ease); }
.cb-cat:hover .cb-cat__count svg { transform: translateX(4px); }
.cb-cats--wide { --cb-cols: 3; }
.cb-cats--wide .cb-cat { aspect-ratio: 4/3; }
.cb-cats--wide .cb-cat__name { font-size: 24px; }

/* Articles du blog */
.cb-posts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.cb-post { display: flex; flex-direction: column; }
.cb-post__img { display: block; aspect-ratio: 16/10; margin-bottom: 18px; overflow: hidden; border-radius: var(--cb-radius); background: var(--cb-grey); }
.cb-post__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s var(--cb-ease); }
.cb-post:hover .cb-post__img img { transform: scale(1.05); }
.cb-post__meta { margin-bottom: 8px; font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--cb-orange); }
.cb-post__title { margin: 0 0 10px; font-size: 20px; }
.cb-post__excerpt { margin: 0 0 14px; color: var(--cb-muted); font-size: 15px; }
.cb-link-arrow { display: inline-flex; align-items: center; gap: 8px; font-family: var(--cb-font-title); font-weight: 700; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; }
.cb-link-arrow svg { width: 14px; height: 14px; transition: transform .3s var(--cb-ease); }
.cb-link-arrow:hover svg { transform: translateX(4px); }

/* Marques */
.cb-brands { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 14px; }
.cb-brand { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-height: 110px; padding: 18px; border: 1px solid var(--cb-grey-2); border-radius: var(--cb-radius); background: #fff; text-align: center; transition: border-color .25s, transform .25s var(--cb-ease), box-shadow .25s; }
.cb-brand:hover { border-color: var(--cb-orange); transform: translateY(-3px); box-shadow: 0 16px 30px -20px rgba(0,0,0,.35); }
.cb-brand img { max-height: 48px; width: auto; filter: grayscale(1); transition: filter .25s; }
.cb-brand:hover img { filter: none; }
.cb-brand strong { font-family: var(--cb-font-title); font-size: 17px; color: var(--cb-black); }
.cb-brand span { font-size: 12.5px; color: var(--cb-muted); }
.cb-empty-note { padding: 28px; border: 1px dashed #cfcfcf; border-radius: var(--cb-radius); text-align: center; color: var(--cb-muted); }

/* Coordonnées & formulaire de contact */
.cb-company { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; }
.cb-company li { display: flex; gap: 14px; align-items: flex-start; }
.cb-company svg { flex: none; width: 22px; height: 22px; padding: 10px; border-radius: 50%; background: var(--cb-grey); color: var(--cb-orange); box-sizing: content-box; }
.cb-company strong { display: block; font-family: var(--cb-font-title); color: var(--cb-black); }
.cb-company--dark svg { background: var(--cb-anthracite-2); }
.cb-company--dark strong { color: #fff; }
.cb-form { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.cb-form p { margin: 0; }
.cb-form .cb-form__full { grid-column: 1 / -1; }
.cb-form label { display: block; margin-bottom: 6px; font-size: 13px; font-weight: 600; }
.cb-form textarea { min-height: 160px; }
.cb-form .cb-hp { position: absolute; left: -9999px; }
.cb-form small { color: var(--cb-muted); }
.cb-alert { grid-column: 1 / -1; padding: 14px 18px; border-radius: var(--cb-radius-sm); font-weight: 500; }
.cb-alert--ok { background: #e8f6ee; color: #136b3a; }
.cb-alert--err { background: #fdecec; color: #9b1c1c; }

/* Apparition discrète au défilement */
.cb-reveal { opacity: 0; transform: translateY(24px); transition: opacity .8s var(--cb-ease), transform .8s var(--cb-ease); }
.cb-reveal.is-visible { opacity: 1; transform: none; }
.elementor-editor-active .cb-reveal { opacity: 1; transform: none; }

/* Aides Elementor (classes CSS à poser sur un conteneur) */
.cb-banner { overflow: hidden; }
.cb-banner .elementor-background-overlay,
.cb-banner > .elementor-background-overlay { transition: opacity .4s var(--cb-ease); }
.cb-zoom { overflow: hidden; }
.cb-zoom > .e-con-inner, .cb-zoom { background-size: cover; transition: background-size .8s var(--cb-ease); }
.e-con.cb-hover-lift { transition: transform .4s var(--cb-ease), box-shadow .4s var(--cb-ease); }
.e-con.cb-hover-lift:hover { transform: translateY(-4px); box-shadow: 0 30px 50px -30px rgba(0,0,0,.6); }

/* ==========================================================================
   10. WooCommerce : boutique & cartes produit
   ========================================================================== */
.woocommerce-page .site-main, .woocommerce .site-main { max-width: var(--cb-container); margin-inline: auto; padding: 32px var(--cb-gutter) 80px; box-sizing: border-box; }
.woocommerce-breadcrumb { margin: 0 0 22px !important; font-size: 13px !important; color: var(--cb-muted) !important; }
.woocommerce-breadcrumb a { color: var(--cb-muted) !important; }
.woocommerce-breadcrumb a:hover { color: var(--cb-orange) !important; }
.woocommerce-products-header { margin-bottom: 18px; }
.woocommerce-products-header__title { font-size: clamp(2rem, 4vw, 3.2rem); margin-bottom: 8px; }
.term-description { max-width: 760px; color: var(--cb-muted); }

.cb-shop-hero { position: relative; margin: -32px calc(50% - 50vw) 36px; padding: 70px 0 54px; background: var(--cb-black) center/cover no-repeat; color: #fff; isolation: isolate; }
.cb-shop-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(16,16,16,.92) 0%, rgba(16,16,16,.55) 60%, rgba(16,16,16,.3) 100%); }
.cb-shop-hero h1 { margin: 6px 0 10px; color: #fff; }
.cb-shop-hero .term-description, .cb-shop-hero p { color: #d6d6d6; max-width: 640px; margin: 0; }
.cb-shop-hero .woocommerce-breadcrumb, .cb-shop-hero .woocommerce-breadcrumb a { color: #bdbdbd !important; }

.cb-subcats { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 26px; padding: 0; list-style: none; }
.cb-subcats a { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border: 1px solid var(--cb-grey-2); border-radius: 999px; background: #fff; font-size: 14px; font-weight: 600; }
.cb-subcats a span { font-size: 12px; color: var(--cb-muted); }
.cb-subcats a:hover, .cb-subcats a.is-active { border-color: var(--cb-black); background: var(--cb-black); color: #fff; }
.cb-subcats a:hover span, .cb-subcats a.is-active span { color: #bbb; }

.cb-shop-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 26px; padding: 12px 0; border-top: 1px solid var(--cb-grey-2); border-bottom: 1px solid var(--cb-grey-2); }
.woocommerce .cb-shop-toolbar .woocommerce-result-count, .woocommerce .cb-shop-toolbar .woocommerce-ordering { float: none; margin: 0; }
.woocommerce .woocommerce-ordering select { min-width: 230px; min-height: 42px; border-radius: 999px; padding-inline: 16px; }

.woocommerce ul.products { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px 22px; margin: 0 0 40px; padding: 0; }
.woocommerce ul.products.columns-3 { grid-template-columns: repeat(3, 1fr); }
.woocommerce ul.products.columns-2 { grid-template-columns: repeat(2, 1fr); }
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none; }
.woocommerce ul.products li.product {
	position: relative;
	display: flex;
	flex-direction: column;
	width: auto !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 0 4px;
	text-align: left;
}
.cb-card__media { position: relative; display: block; margin-bottom: 14px; overflow: hidden; border-radius: var(--cb-radius); background: var(--cb-grey); aspect-ratio: 1/1; }
.woocommerce ul.products li.product .cb-card__media img {
	width: 100%;
	height: 100%;
	margin: 0;
	object-fit: cover;
	transition: transform .8s var(--cb-ease), opacity .5s var(--cb-ease);
}
.cb-card__media .cb-card__img2 { position: absolute; inset: 0; opacity: 0; }
.woocommerce ul.products li.product:hover .cb-card__media img { transform: scale(1.05); }
.woocommerce ul.products li.product:hover .cb-card__media .cb-card__img2 { opacity: 1; }
.cb-card__cat { margin-bottom: 4px; font-size: 11.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--cb-muted); }
.woocommerce ul.products li.product .woocommerce-loop-product__title { margin: 0 0 6px; padding: 0; font-family: var(--cb-font-title); font-size: 17px; font-weight: 700; line-height: 1.3; color: var(--cb-black); }
.woocommerce ul.products li.product .woocommerce-loop-product__link { display: block; }
.woocommerce ul.products li.product .woocommerce-loop-product__link:hover .woocommerce-loop-product__title { color: var(--cb-orange); }
.woocommerce ul.products li.product .price { display: block; margin: 0 0 14px; color: var(--cb-black); font-family: var(--cb-font-title); font-size: 17px; font-weight: 800; }
.woocommerce ul.products li.product .price del { margin-right: 6px; color: var(--cb-muted); font-weight: 500; font-size: 14px; opacity: 1; }
.woocommerce ul.products li.product .price ins { text-decoration: none; color: var(--cb-orange); }
.woocommerce ul.products li.product .star-rating { margin: 0 0 8px; font-size: 12px; color: var(--cb-orange); }
.woocommerce ul.products li.product .button { margin-top: auto; align-self: flex-start; min-height: 40px; padding: 9px 18px; font-size: 12px; }
.woocommerce ul.products li.product .added_to_cart { display: inline-block; margin-top: 8px; font-size: 13px; font-weight: 600; color: var(--cb-orange); }

.woocommerce span.onsale, .cb-badge {
	position: absolute;
	top: 12px;
	left: 12px;
	right: auto;
	z-index: 2;
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 5px 11px;
	border-radius: 999px;
	background: var(--cb-orange);
	color: #fff;
	font-family: var(--cb-font-title);
	font-size: 11.5px;
	font-weight: 800;
	letter-spacing: .06em;
	line-height: 1.3;
	text-transform: uppercase;
}
.cb-badge--dark { background: var(--cb-black); }
.cb-badge--out { background: #8a8a8a; }
.cb-badge + .cb-badge, .onsale + .cb-badge { top: 44px; }

.cb-wish {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #fff;
	color: var(--cb-black);
	box-shadow: 0 6px 16px -8px rgba(0,0,0,.35);
	cursor: pointer;
	transition: transform .25s var(--cb-ease), color .2s, background-color .2s;
}
.cb-wish svg { width: 18px; height: 18px; }
.cb-wish:hover { transform: scale(1.08); color: var(--cb-orange); }
.cb-wish.is-active { color: #fff; background: var(--cb-orange); }
.cb-wish.is-active svg path { fill: currentColor; }
.cb-wish--inline { position: static; width: auto; height: auto; padding: 0; background: none; box-shadow: none; gap: 8px; font-size: 14px; font-weight: 600; color: var(--cb-anthracite); }
.cb-wish--inline:hover { transform: none; }
.cb-wish--inline.is-active { background: none; color: var(--cb-orange); }

.woocommerce nav.woocommerce-pagination ul { display: inline-flex; gap: 6px; border: 0; }
.woocommerce nav.woocommerce-pagination ul li { border: 0; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; height: 42px; border-radius: 50%; background: var(--cb-grey); font-weight: 700; }
.woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover { background: var(--cb-black); color: #fff; }

/* Notices */
.woocommerce-message, .woocommerce-info, .woocommerce-error, .wc-block-components-notice-banner {
	border: 0 !important;
	border-left: 4px solid var(--cb-orange) !important;
	border-radius: var(--cb-radius-sm);
	background: var(--cb-grey) !important;
	color: var(--cb-anthracite);
}
.woocommerce-message::before, .woocommerce-info::before { color: var(--cb-orange) !important; }
.woocommerce-error { border-left-color: #c0392b !important; }
.woocommerce-message .button, .woocommerce-info .button { min-height: 38px; padding: 8px 16px; font-size: 12px; }

/* ==========================================================================
   11. Fiche produit (structure de la page de référence)
   ========================================================================== */
.single-product .site-main { padding-top: 24px; }
.single-product div.product { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); gap: 0 56px; align-items: start; position: relative; }
.single-product div.product > .woocommerce-product-gallery,
.single-product div.product > .summary { width: 100% !important; float: none !important; margin: 0 !important; }
.single-product div.product > .onsale { left: 14px; top: 14px; }
.single-product div.product > .woocommerce-tabs,
.single-product div.product > .related,
.single-product div.product > .upsells,
.single-product div.product > .cb-full { grid-column: 1 / -1; }

/* Galerie */
.woocommerce div.product div.images { position: relative; margin-bottom: 0; }
.woocommerce div.product div.images .flex-viewport,
.woocommerce div.product div.images > .woocommerce-product-gallery__wrapper { border: 1px solid #ececec; border-radius: 12px; overflow: hidden; background: #fff; }
.woocommerce div.product div.images .woocommerce-product-gallery__image img { width: 100%; aspect-ratio: 1/1; object-fit: contain; background: #fff; }
.woocommerce div.product div.images .flex-control-thumbs { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin-top: 12px !important; }
.woocommerce div.product div.images .flex-control-thumbs li { width: auto !important; float: none !important; margin: 0 !important; }
.woocommerce div.product div.images .flex-control-thumbs img { aspect-ratio: 1/1; object-fit: cover; border: 1px solid #ececec; border-radius: 8px; opacity: .55; transition: opacity .2s, border-color .2s; }
.woocommerce div.product div.images .flex-control-thumbs img.flex-active, .woocommerce div.product div.images .flex-control-thumbs img:hover { opacity: 1; border-color: var(--cb-black); }
.woocommerce div.product div.images .woocommerce-product-gallery__trigger { top: 16px; right: 16px; width: 40px; height: 40px; border-radius: 50%; background: #fff; box-shadow: 0 4px 14px -6px rgba(0,0,0,.3); }
.woocommerce-product-gallery .flex-direction-nav { list-style: none; margin: 0; padding: 0; }
.woocommerce-product-gallery .flex-direction-nav a {
	position: absolute;
	top: calc(50% - 60px);
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	font-size: 0;
	color: var(--cb-anthracite);
	transition: color .2s, transform .2s;
}
.woocommerce-product-gallery .flex-direction-nav a::before { content: ""; width: 14px; height: 14px; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; }
.woocommerce-product-gallery .flex-direction-nav .flex-prev { left: 10px; }
.woocommerce-product-gallery .flex-direction-nav .flex-prev::before { transform: rotate(45deg); margin-left: 6px; }
.woocommerce-product-gallery .flex-direction-nav .flex-next { right: 10px; }
.woocommerce-product-gallery .flex-direction-nav .flex-next::before { transform: rotate(-135deg); margin-right: 6px; }
.woocommerce-product-gallery .flex-direction-nav a:hover { color: var(--cb-orange); }
.woocommerce-product-gallery .flex-direction-nav .flex-disabled { opacity: .25; pointer-events: none; }

/* Colonne d'informations */
.woocommerce div.product .summary { padding-top: 4px; }
.cb-summary__brand { margin-bottom: 6px; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--cb-orange); }
.woocommerce div.product .product_title { margin: 0 0 10px; font-size: clamp(1.7rem, 2.6vw, 2.25rem); font-weight: 800; line-height: 1.12; color: var(--cb-black); }
.woocommerce div.product .woocommerce-product-rating { margin-bottom: 10px; font-size: 14px; }
.woocommerce div.product .star-rating { color: var(--cb-orange); }
.woocommerce div.product p.price, .woocommerce div.product span.price { margin: 0; color: var(--cb-black); font-family: var(--cb-font-title); font-size: 30px; font-weight: 800; line-height: 1.2; }
.woocommerce div.product p.price del { color: var(--cb-muted); font-size: 20px; font-weight: 500; opacity: 1; }
.woocommerce div.product p.price ins { text-decoration: none; color: var(--cb-orange); }
.cb-price-ht { margin: 2px 0 18px; color: #7a7a7a; font-size: 17px; font-weight: 600; }
.woocommerce div.product .woocommerce-product-details__short-description { margin-bottom: 4px; color: #3d3d3d; font-size: 16.5px; line-height: 1.8; }
.woocommerce div.product .woocommerce-product-details__short-description p { margin: 0 0 8px; }
.cb-delivery { margin: 0 0 18px; color: #3d3d3d; font-size: 16.5px; }
.woocommerce div.product .stock { display: flex; align-items: center; gap: 10px; margin: 0 0 22px; font-size: 17px; font-weight: 500; }
.woocommerce div.product .stock.in-stock { color: var(--cb-green); }
.woocommerce div.product .stock.in-stock::before { content: ""; width: 14px; height: 8px; margin: -4px 4px 0 2px; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(-45deg); }
.woocommerce div.product .stock.out-of-stock { color: #b42318; }
.woocommerce div.product .stock.available-on-backorder { color: var(--cb-orange-dark); }

.woocommerce div.product form.cart { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin: 0 0 26px; }
.woocommerce div.product form.cart::before, .woocommerce div.product form.cart::after { display: none; }
.woocommerce div.product form.cart div.quantity { float: none; margin: 0; }
.woocommerce div.product form.cart .button { float: none; }
.woocommerce div.product form.variations_form { display: block; }
.woocommerce div.product form.cart .variations { width: 100%; margin-bottom: 16px; border: 0; }
.woocommerce div.product form.cart .variations th, .woocommerce div.product form.cart .variations td { display: block; padding: 0; text-align: left; border: 0; background: none; }
.woocommerce div.product form.cart .variations th label { font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.woocommerce div.product form.cart .variations td { margin-bottom: 14px; }
.woocommerce div.product form.cart .variations select { max-width: 360px; }
.woocommerce div.product form.cart .reset_variations { margin-left: 10px; font-size: 13px; }
.woocommerce-variation-add-to-cart { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.woocommerce div.product .woocommerce-variation-price { margin-bottom: 12px; }

/* Sélecteur de quantité -/+ */
.quantity:has(.cb-qty__btn) { display: inline-flex; align-items: stretch; height: 56px; border: 1px solid #d9d9d9; border-radius: 4px; background: #fff; }
.cb-qty__btn { width: 30px; padding: 0; border: 0; background: transparent; color: #555; font-size: 18px; line-height: 1; cursor: pointer; transition: color .2s, background-color .2s; }
.cb-qty__btn:hover { color: var(--cb-orange); background: var(--cb-grey); }
.cb-qty__btn:first-child { border-right: 1px solid #e6e6e6; }
.cb-qty__btn:last-child { border-left: 1px solid #e6e6e6; }
.quantity:has(.cb-qty__btn) input.qty { width: 46px; min-height: 0; height: 100%; padding: 0; border: 0; border-radius: 0; text-align: center; font-size: 16px; -moz-appearance: textfield; appearance: textfield; }
.quantity:has(.cb-qty__btn) input.qty::-webkit-inner-spin-button, .quantity:has(.cb-qty__btn) input.qty::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

/* Boutons « Ajouter au panier » et « COMMANDER » */
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce div.product form.cart .cb-buy-now {
	flex: 1 1 0;
	min-width: 190px;
	padding-inline: 16px;
	min-height: 60px;
	border-radius: 6px;
	font-size: 17px;
	letter-spacing: .02em;
	text-transform: none;
}
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce div.product form.cart .single_add_to_cart_button.alt {
	background: #fff;
	border: 2px solid var(--cb-black);
	color: var(--cb-black);
	font-weight: 800;
}
.woocommerce div.product form.cart .single_add_to_cart_button::before {
	content: "";
	width: 20px;
	height: 20px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm10 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM1 2v2h2l3.6 7.6-1.4 2.4A2 2 0 0 0 7 17h12v-2H7.4l1.1-2h7.5a2 2 0 0 0 1.7-1l3.6-6.5A1 1 0 0 0 20.4 4H5.2l-.9-2H1Z'/%3E%3C/svg%3E") center/contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 18a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm10 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM1 2v2h2l3.6 7.6-1.4 2.4A2 2 0 0 0 7 17h12v-2H7.4l1.1-2h7.5a2 2 0 0 0 1.7-1l3.6-6.5A1 1 0 0 0 20.4 4H5.2l-.9-2H1Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.woocommerce div.product form.cart .single_add_to_cart_button:hover { background: var(--cb-black); border-color: var(--cb-black); color: #fff; box-shadow: none; }
.woocommerce div.product form.cart .cb-buy-now { background: var(--cb-orange); border: 2px solid var(--cb-orange); color: #fff; text-transform: uppercase; font-weight: 700; }
.woocommerce div.product form.cart .cb-buy-now:hover { background: var(--cb-orange-dark); border-color: var(--cb-orange-dark); }

.cb-summary__wish { margin: -8px 0 22px; }

/* Encadré de réassurance */
.cb-assurance { margin: 0 0 22px; padding: 6px 24px; border: 1px solid #e6e6e6; border-radius: 12px; background: #fff; }
.cb-assurance__row { display: flex; align-items: center; gap: 18px; padding: 18px 0 18px 20px; border-bottom: 1px solid #e9e9e9; }
.cb-assurance__row:last-child { border-bottom: 0; }
.cb-assurance__row > svg { flex: none; width: 24px; height: 24px; color: var(--cb-anthracite); }
.cb-assurance__text { flex: 1; min-width: 0; }
.cb-assurance__text strong { display: block; font-family: var(--cb-font-body); font-size: 17px; font-weight: 600; color: var(--cb-black); }
.cb-assurance__text span { color: #444; font-size: 15.5px; }
.cb-assurance .cb-pay span { height: 28px; font-size: 11.5px; }

/* Méta (SKU, catégorie, marque) */
.woocommerce div.product .product_meta { display: flex; flex-wrap: wrap; gap: 6px 28px; padding-top: 4px; color: #555; font-size: 15.5px; }
.woocommerce div.product .product_meta > span { display: block; }
.woocommerce div.product .product_meta a { color: #555; }
.woocommerce div.product .product_meta a:hover { color: var(--cb-orange); }

/* Onglets */
.woocommerce div.product .woocommerce-tabs { margin-top: 72px; }
.woocommerce div.product .woocommerce-tabs ul.tabs { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 30px; padding: 0; border-bottom: 1px solid var(--cb-grey-2); }
.woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { margin: 0; padding: 0; border: 0; border-radius: 0; background: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { display: block; padding: 14px 20px; border-bottom: 3px solid transparent; font-family: var(--cb-font-title); font-size: 15px; font-weight: 700; color: var(--cb-muted); }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { border-bottom-color: var(--cb-orange); color: var(--cb-black); }
.woocommerce div.product .woocommerce-tabs .panel { max-width: 900px; margin: 0; font-size: 16px; line-height: 1.8; }
.woocommerce div.product .woocommerce-tabs .panel > h2:first-child { font-size: 22px; }
.woocommerce table.shop_attributes { border: 0; }
.woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td { padding: 12px 16px; border: 0; border-bottom: 1px solid var(--cb-grey-2); font-style: normal; }
.woocommerce table.shop_attributes tr:nth-child(even) th, .woocommerce table.shop_attributes tr:nth-child(even) td { background: var(--cb-grey); }

.related.products > h2, .upsells.products > h2, .cb-section-title { margin: 72px 0 26px; font-size: clamp(1.5rem, 2.4vw, 2rem); }

/* Panier, commande, compte */
.woocommerce table.shop_table { border-radius: var(--cb-radius); border-color: var(--cb-grey-2); }
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; border: 1px solid var(--cb-grey-2); border-radius: var(--cb-radius); overflow: hidden; }
.woocommerce-account .woocommerce-MyAccount-navigation li a { display: block; padding: 13px 18px; border-bottom: 1px solid var(--cb-grey-2); font-weight: 600; }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { background: var(--cb-black); color: #fff; }
.wc-block-components-button:not(.is-link), .wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button { border-radius: 999px !important; background: var(--cb-orange) !important; color: #fff !important; font-family: var(--cb-font-title); font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }

/* Liste de favoris */
.cb-wishlist-empty { padding: 60px 20px; border-radius: var(--cb-radius); background: var(--cb-grey); text-align: center; }
.cb-wishlist-empty svg { width: 44px; height: 44px; color: var(--cb-orange); }
.cb-wishlist-empty h3 { margin: 12px 0 8px; }

/* ==========================================================================
   12. Responsive
   ========================================================================== */
@media (max-width: 1440px) {
	.cb-menu > li > a { padding: 0 10px; }
	.cb-menu > li > a::after { left: 10px; right: 10px; }
}
@media (max-width: 1339px) {
	:root { --cb-header-h: 64px; }
	.cb-nav { display: none; }
	.cb-burger { display: inline-flex; }
	.cb-header__inner { gap: 8px; }
	.cb-logo { margin-right: auto; }
	.cb-topbar__social, .cb-topbar__right { display: none; }
	.cb-topbar__inner { grid-template-columns: 1fr; justify-items: center; min-height: 36px; }
	.cb-cats { --cb-cols: 3; }
	.woocommerce ul.products { grid-template-columns: repeat(3, 1fr); }
	.cb-footer__grid { grid-template-columns: 1fr 1fr; gap: 40px; }
	.cb-reassure-bar__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 900px) {
	.single-product div.product { grid-template-columns: 1fr; gap: 28px; }
	.cb-posts { grid-template-columns: 1fr 1fr; }
	.cb-cats--wide { --cb-cols: 1; }
}
@media (max-width: 767px) {
	body { font-size: 15.5px; }
	.cb-logo__text { font-size: 21px; }
	.cb-logo__text small { font-size: 8px; letter-spacing: .36em; }
	.cb-icon-btn { width: 38px; height: 38px; }
	.cb-icon-btn svg { width: 20px; height: 20px; }
	.cb-actions .cb-hide-sm { display: none; }
	.cb-topbar { font-size: 11.5px; }
	.cb-cats { --cb-cols: 2; gap: 10px; }
	.cb-cat__name { font-size: 16px; }
	.woocommerce ul.products, .woocommerce ul.products.columns-3 { grid-template-columns: repeat(2, 1fr); gap: 22px 12px; }
	.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 15px; }
	.woocommerce ul.products li.product .button { width: 100%; padding-inline: 10px; }
	.cb-wish:not(.cb-wish--inline) { width: 34px; height: 34px; }
	.cb-posts { grid-template-columns: 1fr; }
	.cb-footer__grid { grid-template-columns: 1fr; gap: 34px; padding-block: 52px 40px; }
	.cb-reassure-bar__grid { grid-template-columns: 1fr; gap: 18px; }
	.cb-form { grid-template-columns: 1fr; }
	.cb-assurance { padding: 4px 16px; }
	.cb-assurance__row { padding-left: 4px; gap: 14px; flex-wrap: wrap; }
	.cb-assurance .cb-pay { width: 100%; padding-left: 38px; }
	.woocommerce div.product form.cart .single_add_to_cart_button,
	.woocommerce div.product form.cart .cb-buy-now { flex-basis: 100%; }
	.woocommerce div.product .woocommerce-tabs ul.tabs { flex-wrap: nowrap; overflow-x: auto; }
	.woocommerce div.product .woocommerce-tabs ul.tabs li a { white-space: nowrap; padding: 12px 14px; }
	.cb-shop-toolbar { flex-direction: column; align-items: stretch; }
	.woocommerce .woocommerce-ordering select { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; scroll-behavior: auto !important; }
	.cb-reveal { opacity: 1; transform: none; }
}

/* ==========================================================================
   13. Compléments : panneaux fermés, pages légales, listes
   ========================================================================== */
.cb-drawer:not(.is-open), .cb-search:not(.is-open) { visibility: hidden; transition: transform .4s var(--cb-ease), visibility 0s linear .4s; }
.cb-drawer.is-open, .cb-search.is-open { visibility: visible; transition: transform .4s var(--cb-ease); }

.cb-checklist { list-style: none; margin: 14px 0 0; padding: 0; }
.cb-checklist li { position: relative; margin-bottom: 10px; padding-left: 30px; }
.cb-checklist li::before { content: ""; position: absolute; left: 2px; top: 6px; width: 12px; height: 7px; border-left: 2px solid var(--cb-orange); border-bottom: 2px solid var(--cb-orange); transform: rotate(-45deg); }

.cb-legal { font-size: 16px; line-height: 1.8; color: #333; }
.cb-legal h2 { margin: 2.2em 0 .6em; font-size: 22px; color: var(--cb-black); }
.cb-legal h2:first-child { margin-top: 0; }
.cb-legal ul, .cb-legal ol { padding-left: 1.3em; }
.cb-legal li { margin-bottom: .4em; }
.cb-legal table { width: 100%; margin: 1em 0 1.5em; border-collapse: collapse; font-size: 14.5px; }
.cb-legal th, .cb-legal td { padding: 10px 12px; border: 1px solid var(--cb-grey-2); text-align: left; vertical-align: top; }
.cb-legal th { background: var(--cb-grey); font-family: var(--cb-font-title); }
.cb-legal blockquote { margin: 1.2em 0; padding: 18px 22px; border-left: 4px solid var(--cb-orange); background: var(--cb-grey); font-size: 15px; }
.cb-legal-box { margin: 1.2em 0; padding: 22px 26px; border: 1px solid var(--cb-grey-2); border-radius: var(--cb-radius); background: #fafafa; font-size: 14.5px; }
.cb-legal a { color: var(--cb-orange-dark); text-decoration: underline; text-underline-offset: 2px; }
.cb-todo { background: #fff1c2; color: #6b4e00; padding: 0 3px; border-radius: 3px; }
@media (max-width: 767px) { .cb-legal table { display: block; overflow-x: auto; } }

/* Articles de blog */
.single-post .site-main, .blog .site-main, .archive:not(.woocommerce) .site-main { max-width: 860px; margin-inline: auto; padding: 56px var(--cb-gutter) 88px; }
.single-post .entry-title { font-size: clamp(2rem, 4vw, 3rem); }
.single-post .page-content { font-size: 17px; line-height: 1.85; }
.single-post .page-content h2 { margin-top: 1.8em; font-size: 26px; }

/* Priorité sur les couleurs de liens globales d'Elementor (Paramètres du site) */
body .cb-topbar a, body .cb-header .cb-logo, body .cb-header .cb-icon-btn, body .cb-menu > li > a, body .cb-drawer__head .cb-icon-btn, body .cb-search__close { color: #fff; }
body .cb-header .cb-icon-btn:hover, body .cb-topbar a:hover { color: var(--cb-orange); }
body .cb-menu .sub-menu a, body .cb-mobile-menu a { color: var(--cb-anthracite); }
body .cb-menu .sub-menu a:hover, body .cb-mobile-menu a:hover { color: var(--cb-orange); }
body .cb-footer a, body .cb-footer .cb-logo { color: #b9b9b9; }
body .cb-footer .cb-logo { color: #fff; }
body .cb-footer a:hover { color: var(--cb-orange); }
body .cb-footer__social a:hover { color: #fff; }
body .cb-cats .cb-cat, body .cb-cats .cb-cat:hover { color: #fff; }
body .cb-search__suggest a { color: #ddd; }
body .cb-search__suggest a:hover { color: var(--cb-orange); }

/* Boutons du thème : neutralise les styles de bouton par défaut (Hello Elementor) */
body .cb-icon-btn, body .cb-icon-btn:hover, body .cb-icon-btn:focus,
body .cb-sub-toggle, body .cb-sub-toggle:hover, body .cb-sub-toggle:focus,
body .cb-qty__btn, body .cb-qty__btn:focus { border: 0; border-radius: 50%; background-color: transparent; }
body .cb-qty__btn { border-radius: 0; color: #555; }
body .cb-qty__btn:hover { background-color: var(--cb-grey); color: var(--cb-orange); }
body .cb-header .cb-icon-btn:hover { background-color: rgba(255, 255, 255, .08); }
body .cb-sub-toggle { color: var(--cb-anthracite); }
body .cb-wish, body .cb-wish:focus { border: 0; background-color: #fff; color: var(--cb-black); }
body .cb-wish:hover { background-color: #fff; color: var(--cb-orange); }
body .cb-wish.is-active { background-color: var(--cb-orange); color: #fff; }
body .cb-wish--inline, body .cb-wish--inline:hover, body .cb-wish--inline:focus { background: none; color: var(--cb-anthracite); }
body .cb-wish--inline.is-active { background: none; color: var(--cb-orange); }
.woocommerce ul.products li.product .onsale { top: 12px; left: 12px; right: auto; margin: 0; }

/* Largeur des pages hors Elementor (boutique, panier, commande, compte) */
body.cb-theme:not([class*=elementor-page-]) .site-main { max-width: var(--cb-container); padding-inline: var(--cb-gutter); box-sizing: border-box; }
body.cb-theme.single-post .site-main, body.cb-theme.blog .site-main, body.cb-theme.archive:not(.woocommerce) .site-main, body.cb-theme.search:not(.woocommerce) .site-main { max-width: 900px; }
body .cb-sub-toggle:hover, body .cb-sub-toggle:focus { color: var(--cb-orange); }
body .cb-header .cb-icon-btn:focus { color: #fff; }
body .cb-header .cb-icon-btn:focus-visible { color: var(--cb-orange); }

/* Garanties sous le bouton « Valider ma commande » */
.cb-checkout-assurance { list-style: none; margin: 18px 0 0; padding: 16px 18px; border: 1px solid var(--cb-grey-2); border-radius: var(--cb-radius); background: #fafafa; display: grid; gap: 10px; width: 100%; box-sizing: border-box; }
.cb-checkout-assurance li { display: flex; align-items: center; gap: 12px; margin: 0; font-size: 14.5px; font-weight: 600; color: var(--cb-black); }
.cb-checkout-assurance svg { flex: none; width: 22px; height: 22px; color: var(--cb-green); }
.wc-block-checkout__actions + .cb-checkout-assurance { margin-top: 16px; }

/* Pages WooCommerce (panier, commande, compte) */
body.cb-theme .site-main > .page-header { padding: 0; }
body.cb-theme .page-header .entry-title { max-width: none; margin-inline: 0; padding-inline: 0; }
body.cb-theme .page-content a.wc-block-components-button, body.cb-theme .page-content a.button, body.cb-theme .page-content .wc-block-components-product-name { text-decoration: none; }

/* Mini-panier : priorité sur les styles de widget WooCommerce */
body .cb-minicart ul.woocommerce-mini-cart li.woocommerce-mini-cart-item { position: relative; min-height: 72px; margin: 0; padding: 16px 30px 16px 88px; }
body .cb-minicart ul.woocommerce-mini-cart li.woocommerce-mini-cart-item img { position: absolute; left: 0; top: 16px; float: none; width: 72px; height: 72px; margin: 0; object-fit: cover; border-radius: 8px; }
body .cb-minicart ul.woocommerce-mini-cart li.woocommerce-mini-cart-item a.remove { position: absolute; top: 14px; right: 0; left: auto; }
body .cb-minicart ul.woocommerce-mini-cart { margin: 0; padding: 0 20px; }
body .cb-minicart ul.woocommerce-mini-cart li.woocommerce-mini-cart-item a.remove { color: var(--cb-muted) !important; font-weight: 400; }


/* ==========================================================================
   En-tête en trois zones : logo | navigation centrée | actions
   ========================================================================== */
.cb-header__inner { display: grid; grid-template-columns: minmax(max-content, 1fr) auto minmax(max-content, 1fr); align-items: center; gap: 20px; }
.cb-header__inner > .cb-logo { justify-self: start; margin: 0; }
.cb-header__inner > .cb-nav { justify-self: center; flex: none; }
.cb-header__inner > .cb-actions { justify-self: end; margin: 0; gap: 2px; }
.cb-header .cb-actions .cb-icon-btn { width: 40px; height: 40px; }
.cb-menu { gap: 4px; }
.cb-menu > li > a { font-size: 14px; }

/* Sous-menus : survol sur ordinateur, clic sur écran tactile (classe .is-open posée en JS) */
.cb-menu > li.is-open > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.cb-menu > li.cb-mega.is-open > .sub-menu { transform: translate(-50%, 0); }
.cb-menu > li.is-open > a::after { transform: scaleX(1); }
.cb-menu > li.is-open .cb-caret { transform: rotate(180deg); }
@media (hover: none) {
	.cb-menu > li:not(.is-open):hover > .sub-menu { opacity: 0; visibility: hidden; }
}
.cb-menu .sub-menu a:hover { color: var(--cb-orange); }

/* Méga-menu « Vélos » : 6 cartes illustrées */
.cb-menu > li.cb-mega > .sub-menu { grid-template-columns: repeat(6, minmax(0, 1fr)); width: min(1120px, calc(100vw - 48px)); gap: 20px; padding: 28px; }
.cb-menu > li.cb-mega > .sub-menu > li > a { margin: 0; padding: 0; border: 0; font-size: 15px; }
.cb-menu > li.cb-mega > .sub-menu > li > a > span { display: block; padding-top: 2px; }
.cb-menu > li.cb-mega .cb-mega-thumb { aspect-ratio: 4 / 3; margin-bottom: 10px; }

@media (max-width: 1339px) {
	.cb-header__inner { grid-template-columns: auto 1fr auto; gap: 8px; }
}

/* ==========================================================================
   Fiche produit : encadré de réassurance plus compact
   ========================================================================== */
.cb-assurance { max-width: 540px; margin-bottom: 20px; padding: 2px 18px; border-radius: 10px; }
.cb-assurance__row { gap: 14px; padding: 13px 0; }
.cb-assurance__row > svg { width: 20px; height: 20px; }
.cb-assurance__text strong { font-size: 15px; line-height: 1.35; }
.cb-assurance__text span { display: block; font-size: 13.5px; line-height: 1.45; color: #555; }
.cb-assurance .cb-pay { gap: 4px; }
.cb-assurance .cb-pay span { height: 22px; padding: 0 7px; font-size: 10px; border-radius: 4px; }
.woocommerce div.product .product_meta { font-size: 14px; }
@media (max-width: 767px) {
	.cb-assurance { max-width: none; padding: 2px 14px; }
	.cb-assurance__row { padding-left: 0; }
	.cb-assurance .cb-pay { padding-left: 34px; }
}
.cb-header > .cb-container, .cb-topbar > .cb-container { max-width: 1600px; }

/* ==========================================================================
   14. Confirmation de commande et suivi
   ========================================================================== */
.cb-card { padding: 32px 36px; border: 1px solid var(--cb-grey-2); border-radius: 14px; background: #fff; box-sizing: border-box; }
.cb-card__title { margin: 0 0 16px; font-family: var(--cb-font-body); font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--cb-muted); }
.cb-ref { display: inline-block; padding: 1px 9px; border-radius: 5px; background: var(--cb-black); color: #fff; font-weight: 700; font-size: .92em; letter-spacing: .02em; }
.cb-pill { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border-radius: 999px; font-size: 14.5px; font-weight: 700; white-space: nowrap; }
.cb-pill::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.cb-pill--wait { background: #fff1d6; color: #9a5b00; }
.cb-pill--info { background: #fdeadb; color: var(--cb-orange-dark); }
.cb-pill--ok { background: #e3f5ea; color: #157a43; }
.cb-pill--ko { background: #fde7e7; color: #a42020; }

/* Page de confirmation */
.woocommerce-order-received .site-main { background: var(--cb-grey); max-width: none !important; }
.cb-thankyou { max-width: 960px; margin: 0 auto; padding: 8px 0 24px; }
.cb-thankyou__banner { margin: 0 0 36px; padding: 52px 24px; border-bottom: 4px solid var(--cb-orange); border-radius: 12px; background: var(--cb-black); text-align: center; }
.cb-thankyou__banner h1 { margin: 0; color: #fff; font-size: clamp(1.8rem, 4vw, 2.8rem); }
.cb-thankyou__hero { text-align: center; }
.cb-thankyou__check { display: inline-flex; align-items: center; justify-content: center; width: 76px; height: 76px; border-radius: 50%; background: #e3f5ea; color: var(--cb-green); }
.cb-thankyou__check svg { width: 36px; height: 36px; stroke-width: 2.4; }
.cb-thankyou__hero h2 { margin: 18px 0 22px; font-size: clamp(1.3rem, 2.4vw, 1.75rem); }
.cb-thankyou__overview { display: grid; grid-template-columns: repeat(4, 1fr); margin: 0 0 24px; padding: 0; list-style: none; border: 1px solid var(--cb-grey-2); border-radius: 14px; background: #fff; overflow: hidden; }
.cb-thankyou__overview li { padding: 22px 24px; border-left: 1px solid var(--cb-grey-2); }
.cb-thankyou__overview li:first-child { border-left: 0; }
.cb-thankyou__overview span { display: block; margin-bottom: 8px; font-size: 12.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--cb-muted); }
.cb-thankyou__overview strong { font-size: 17px; color: var(--cb-black); }
.cb-thankyou__notice { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 0 0 28px; padding: 18px 24px; border-left: 4px solid var(--cb-orange); border-radius: 8px; background: var(--cb-anthracite); color: #fff; text-align: center; }
.cb-thankyou__notice svg { flex: none; width: 22px; height: 22px; color: var(--cb-orange); }
.cb-thankyou__notice p { margin: 0; font-size: 16px; }
.cb-thankyou__notice--err { border-left-color: #d14343; }
.cb-thankyou__next { margin: 0 0 28px; padding: 26px 30px; border: 1px solid #f3c58f; border-radius: 14px; background: #fff7ec; }
.cb-thankyou__next h3 { margin: 0 0 12px; font-family: var(--cb-font-body); font-size: 17px; }
.cb-thankyou__next ol { margin: 0; padding-left: 22px; }
.cb-thankyou__next li { margin-bottom: 10px; line-height: 1.75; }
.cb-thankyou__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 0 0 32px; }
.cb-thankyou__actions .cb-btn { min-width: 240px; }
.cb-thankyou__details, .cb-thankyou__addresses { max-width: 760px; margin: 0 auto 24px; }
.cb-thankyou__details h2 { margin: 0 0 18px; font-size: 28px; }
.cb-order-table { width: 100%; margin: 0; border: 0; border-collapse: collapse; font-size: 15.5px; }
.cb-order-table th, .cb-order-table td { padding: 15px 0; border: 0; border-bottom: 1px solid var(--cb-grey-2); background: none !important; text-align: left; vertical-align: top; }
.cb-order-table td:last-child, .cb-order-table th:last-child { text-align: right; }
.cb-order-table thead th { padding-top: 0; font-size: 12.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--cb-muted); }
.cb-order-table tfoot th { font-weight: 500; }
.cb-order-table tfoot td { color: #555; }
.cb-order-table tfoot tr:last-child th, .cb-order-table tfoot tr:last-child td { font-weight: 800; color: var(--cb-black); font-size: 17px; }
.cb-order-table__qty { color: var(--cb-muted); }
.cb-order-table__meta { font-size: 13px; color: var(--cb-muted); }
.cb-order-table__meta p { margin: 0; display: inline; }
.cb-thankyou__addresses { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; padding: 24px; }
.cb-address { padding: 22px 26px; border: 1px solid var(--cb-grey-2); border-radius: 10px; background: #fafafa; }
.cb-address h3 { margin: 0 0 12px; font-size: 18px; }
.cb-address address { font-style: normal; line-height: 1.75; color: #444; }
.cb-address__line { display: flex; align-items: center; gap: 10px; margin: 8px 0 0; color: #444; }
.cb-address__line svg { width: 17px; height: 17px; color: var(--cb-orange); }
.cb-thankyou__help { text-align: center; color: var(--cb-muted); }
.cb-thankyou__help a { color: var(--cb-orange-dark); font-weight: 600; }
.cb-thankyou__note { margin: 16px 0 0; color: #555; }

/* Coordonnées bancaires */
.cb-rib { margin-top: 18px; padding: 18px 20px; border-radius: 10px; background: #fff; border: 1px solid #f0d7b8; }
.cb-rib__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 24px; margin: 0; }
.cb-rib__grid div { min-width: 0; }
.cb-rib__grid dt { font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--cb-muted); }
.cb-rib__grid dd { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 2px 0 0; font-weight: 700; color: var(--cb-black); word-break: break-all; }
body .cb-copy { padding: 3px 10px; border: 1px solid var(--cb-grey-2); border-radius: 999px; background: #fff; color: var(--cb-anthracite); font-size: 12px; font-weight: 600; cursor: pointer; line-height: 1.4; }
body .cb-copy:hover, body .cb-copy:focus { border-color: var(--cb-orange); background: #fff; color: var(--cb-orange); }
body .cb-copy.is-done { border-color: var(--cb-green); color: var(--cb-green); }

/* Suivi de commande */
.cb-track { max-width: 1080px; margin: 0 auto; display: grid; gap: 24px; }
.cb-track__form { display: grid; grid-template-columns: 1fr 1fr auto; gap: 8px 16px; align-items: end; }
.cb-track__form p { margin: 0; }
.cb-track__form label { display: block; margin-bottom: 8px; font-weight: 600; font-size: 15px; color: var(--cb-black); }
.cb-track__form input { min-height: 56px; }
.cb-track__form .cb-btn { min-height: 56px; border-radius: 8px; padding-inline: 30px; text-transform: none; font-size: 16px; letter-spacing: 0; }
.cb-track__hint { grid-column: 1 / -1; margin-top: 8px !important; font-size: 14px; color: var(--cb-muted); }
.cb-track .cb-alert { margin: 0; }
.cb-track__head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 24px; }
.cb-track__head h2 { margin: 0 0 6px; font-size: clamp(1.4rem, 2.6vw, 1.9rem); }
.cb-track__head p { margin: 0; color: var(--cb-muted); }
.cb-track__notice { display: flex; gap: 16px; align-items: center; margin-bottom: 26px; padding: 20px 24px; border: 1px solid #f3c58f; border-radius: 10px; background: #fff7ec; }
.cb-track__notice svg { flex: none; width: 26px; height: 26px; color: var(--cb-black); }
.cb-track__notice strong { display: block; font-size: 17px; color: var(--cb-black); }
.cb-track__notice span { color: #444; }
.cb-track__result .cb-rib { margin: -8px 0 26px; }
.cb-track__link { margin: 0 0 20px; text-align: center; }
.cb-track__cols { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.cb-track__cols address { font-style: normal; line-height: 1.75; }

.cb-steps { display: grid; grid-template-columns: repeat(5, 1fr); margin: 0 0 28px; padding: 0; list-style: none; counter-reset: none; }
.cb-step { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 6px; }
.cb-step::before { content: ""; position: absolute; top: 22px; left: calc(-50% + 26px); right: calc(50% + 26px); height: 3px; border-radius: 3px; background: var(--cb-grey-2); }
.cb-step:first-child::before { display: none; }
.cb-step.is-done::before, .cb-step.is-current::before { background: var(--cb-orange); }
.cb-step__dot { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 2px solid var(--cb-grey-2); border-radius: 50%; background: #fff; color: var(--cb-muted); font-weight: 700; box-sizing: border-box; }
.cb-step__dot svg { width: 20px; height: 20px; stroke-width: 2.6; }
.cb-step.is-done .cb-step__dot { border-color: var(--cb-orange); background: var(--cb-orange); color: #fff; }
.cb-step.is-current .cb-step__dot { border-color: var(--cb-orange); background: var(--cb-orange); color: #fff; box-shadow: 0 0 0 6px rgba(240, 120, 24, .18); }
.cb-step__label { margin-top: 12px; font-size: 14.5px; line-height: 1.3; color: var(--cb-muted); }
.cb-step.is-done .cb-step__label, .cb-step.is-current .cb-step__label { font-weight: 700; color: var(--cb-black); }
.cb-step__date { margin-top: 4px; font-size: 12.5px; color: var(--cb-muted); }

.cb-history { padding-top: 22px; border-top: 1px solid var(--cb-grey-2); }
.cb-history h3 { margin: 0 0 16px; font-family: var(--cb-font-body); font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--cb-muted); }
.cb-history ol { margin: 0; padding: 0; list-style: none; }
.cb-history li { display: grid; grid-template-columns: 170px 12px 1fr; gap: 0 22px; align-items: start; padding: 8px 0; }
.cb-history time { color: var(--cb-muted); font-size: 14.5px; }
.cb-history__dot { width: 10px; height: 10px; margin-top: 7px; border-radius: 50%; background: var(--cb-orange); }
.cb-history strong { display: block; color: var(--cb-black); }
.cb-history li > div span { color: #555; }

.cb-mini-items { margin: 0; padding: 0; list-style: none; display: grid; gap: 14px; }
.cb-mini-items li { display: flex; align-items: center; gap: 14px; }
.cb-mini-items__img img { width: 64px; height: 64px; object-fit: cover; border-radius: 8px; background: var(--cb-grey); }
.cb-mini-items strong { display: block; font-weight: 600; color: var(--cb-black); }
.cb-mini-items small { color: var(--cb-muted); }

@media (max-width: 767px) {
	.cb-card { padding: 22px 18px; }
	.cb-thankyou__banner { padding: 34px 16px; }
	.cb-thankyou__overview { grid-template-columns: 1fr 1fr; }
	.cb-thankyou__overview li:nth-child(3) { border-left: 0; }
	.cb-thankyou__overview li:nth-child(n+3) { border-top: 1px solid var(--cb-grey-2); }
	.cb-thankyou__next { padding: 20px 18px; }
	.cb-thankyou__addresses, .cb-track__cols, .cb-rib__grid { grid-template-columns: 1fr; padding: 16px; }
	.cb-track__form { grid-template-columns: 1fr; }
	.cb-steps { grid-template-columns: 1fr; gap: 0; }
	.cb-step { flex-direction: row; align-items: center; gap: 14px; padding: 6px 0; text-align: left; flex-wrap: wrap; }
	.cb-step::before { display: none; }
	.cb-step__label { margin: 0; }
	.cb-step__date { width: 100%; margin: -4px 0 0 58px; }
	.cb-history li { grid-template-columns: 12px 1fr; }
	.cb-history time { grid-column: 2; order: 2; font-size: 13px; }
	.cb-history__dot { grid-row: span 2; }
}
body .page-content a.cb-btn, body .cb-thankyou a.cb-btn, body .cb-track a.cb-btn { text-decoration: none; }
.cb-thankyou__actions .cb-btn, .cb-track__form .cb-btn { text-transform: none; font-size: 16px; letter-spacing: 0; border-radius: 8px; min-height: 56px; }
.cb-thankyou__overview strong, .cb-thankyou__overview strong * { font-size: 17px; font-weight: 700; letter-spacing: 0; white-space: nowrap; color: var(--cb-black); }
.cb-order-table, .cb-order-table thead tr:first-child th { border-top: 0 !important; }
.cb-order-table tfoot tr:last-child th, .cb-order-table tfoot tr:last-child td { border-bottom: 0; }
.cb-thankyou__help a { text-decoration: none; }
.cb-topbar__right a { white-space: nowrap; }
@media (max-width: 1500px) { .cb-topbar__right .cb-topbar__phone { display: none; } }