/* ==========================================================================
   VW Automobile – Style Premium
   Habillage sombre et doré pour le thème VW Automobile Lite.
   Pour changer l'ambiance, modifiez seulement les variables ci-dessous.
   ========================================================================== */
:root {
	--ch-black: #0c0c0e;        /* fond principal */
	--ch-black-soft: #141416;   /* fond des blocs, cartes, pied de page */
	--ch-charcoal: #1c1c1f;     /* fond des listes déroulantes */
	--ch-gold: #cf9f52;         /* couleur d'accent (remplace l'orange du thème) */
	--ch-gold-light: #e3bd7a;   /* or clair (dégradés des boutons) */
	--ch-white: #f6f5f2;        /* texte principal */
	--ch-grey: #9a9a9e;         /* texte secondaire */
	--ch-on-gold: #1a1408;      /* texte posé sur fond or */
	--ch-line: rgba(255, 255, 255, 0.15);
	--ch-line-soft: rgba(255, 255, 255, 0.06);
	--ch-font: 'Poppins', sans-serif;
	--ch-radius: 4px;
	--ch-radius-card: 10px;
}

/* ==========================================================================
   1. REMPLACEMENT DES COULEURS DU THÈME PARENT
   (relevé règle par règle dans la feuille de style de VW Automobile Lite :
   l'orange #ff5400 devient or, les fonds clairs deviennent sombres)
   ========================================================================== */
body { background-color: var(--ch-black); color: var(--ch-white); }
p { color: var(--ch-white); }
a { color: var(--ch-gold); }
a:hover { color: var(--ch-white); }
.entry-content a, .sidebar .textwidget p a, .textwidget p a, #comments p a, .slider .inner_carousel p a { color: var(--ch-gold); }
.sidebar label.wp-block-search__label, .sidebar .wp-block-heading { color: var(--ch-gold); }
.web-frame { border-color: var(--ch-gold); }
.footer .wp-block-tag-cloud a { border-color: var(--ch-line); }
.footer .custom-about-us a.custom_read_more, .sidebar .custom-about-us a.custom_read_more { background-color: var(--ch-gold); color: var(--ch-on-gold); }
.footer .wp-block-button.aligncenter, .wp-block-calendar a, .footer .wp-block-button.aligncenter, .wp-block-calendar a:hover { color: var(--ch-gold); }
.screen-reader-text:focus { background-color: var(--ch-black-soft); color: var(--ch-white); }
.hvr-sweep-to-right::before { background-color: var(--ch-gold); }
a.button-all { color: var(--ch-white); }
a.button { background-color: var(--ch-gold); color: var(--ch-on-gold); }
.main-navigation a:hover { color: var(--ch-gold); }
.main-navigation ul ul { background-color: var(--ch-black-soft); border-top-color: var(--ch-gold); border-bottom-color: var(--ch-gold); }
.main-navigation ul ul a { color: var(--ch-white); }
.main-navigation ul.sub-menu a:hover { color: var(--ch-gold); }
span.email i, span.timings i, span.call i { color: var(--ch-gold); }
span.email a, span.call a { color: var(--ch-white); }
span.email a:hover, span.call a:hover { color: var(--ch-gold); }
#header { background-color: var(--ch-black-soft); }
#header.fixed { background-color: var(--ch-black-soft); }
.logowrapper { background-color: var(--ch-gold); }
#header .logo .site-title a:hover { color: var(--ch-white); }
#header .top-contact { color: var(--ch-white); }
p.mail a:hover { color: var(--ch-gold); }
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: var(--ch-gold); }
.footer .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: var(--ch-black-soft); }
.woocommerce span.onsale { background-color: var(--ch-gold); }
h2.woocommerce-loop-product__title, .woocommerce div.product li .product_title { color: var(--ch-white); }
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--ch-white); }
.woocommerce a.added_to_cart.wc-forward { background-color: var(--ch-gold); color: var(--ch-on-gold); }
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: var(--ch-gold); color: var(--ch-on-gold); }
.woocommerce .quantity .qty { color: var(--ch-white); }
nav.woocommerce-MyAccount-navigation ul li { background-color: var(--ch-gold); }
nav.woocommerce-MyAccount-navigation ul li a:hover { color: var(--ch-white); }
.woocommerce nav.woocommerce-pagination ul li a { color: var(--ch-on-gold); background-color: var(--ch-gold); }
.box-content h3 { color: var(--ch-white); }
#preloader { background-color: var(--ch-gold); }
.loader-line { border-color: var(--ch-line); }
.scrollup i { color: var(--ch-on-gold); background-color: var(--ch-gold); }
#tag-cloud-sec .tag-cloud-link { color: var(--ch-white); }
.footer .custom-social-icons i:hover { background-color: var(--ch-gold); color: var(--ch-on-gold); }
.footer .search-form .search-field:focus { border-color: var(--ch-line); }
.footer li a:hover, .sidebar ul li a:hover { color: var(--ch-gold); }
.footer h3, .footer .wp-block-search .wp-block-search__label { border-bottom-color: var(--ch-gold); }
h3.navigate { color: var(--ch-gold); border-bottom-color: var(--ch-gold); }
.sec a { color: var(--ch-white); }
.footer-2 { background-color: var(--ch-gold); }
.footer-2 p a:hover { color: var(--ch-white); }
.footer .wp-block-search .wp-block-search__input, .sidebar .wp-block-search .wp-block-search__input { border-color: var(--ch-line); }
.footer .wp-block-search .wp-block-search__button, .sidebar .wp-block-search .wp-block-search__button { background-color: var(--ch-gold); color: var(--ch-on-gold); }
header.woocommerce-Address-title.title a { color: var(--ch-white); border-color: var(--ch-gold); }
#tag-cloud-sec .tag-cloud-link { background-color: var(--ch-gold); color: var(--ch-on-gold); }
header.woocommerce-Address-title.title a:hover, #tag-cloud-sec .tag-cloud-link:hover { background-color: var(--ch-gold); color: var(--ch-on-gold); }
.heading-line h2 { color: var(--ch-white); }
.choose_us h3 a { color: var(--ch-white); }
.choose_us h3 a:hover { color: var(--ch-gold); }
.post-main-box:hover h2 a, .grid-post-main-box:hover h2 a { color: var(--ch-white); }
.post-main-box:hover .metabox a, .single-post .metabox:hover a, .grid-post-main-box:hover .metabox a { color: var(--ch-gold); }
.post-main-box, .grid-post-main-box { background-color: var(--ch-black-soft); border-color: var(--ch-line); }
.post-main-box h2, .grid-post-main-box h2 { color: var(--ch-gold); }
.new-text p, #our-services p { color: var(--ch-white); }
.date-monthwrap { background-color: var(--ch-gold); }
.blogbutton-small { border-color: var(--ch-gold); color: var(--ch-gold); }
.metabox { color: var(--ch-white); }
.metabox span { color: var(--ch-white); }
.metabox a:hover { color: var(--ch-gold); }
.metabox i { color: var(--ch-white); }
h1.single-post-title { color: var(--ch-gold); }
.single-post .metabox { color: var(--ch-white); background-color: var(--ch-black-soft); }
.entry-date a, .entry-author a { color: var(--ch-white); }
.nav-previous a:hover, .nav-next a:hover { background-color: var(--ch-gold); color: var(--ch-on-gold); }
.bradcrumbs a, .post-categories li a, .bradcrumbs span { background-color: var(--ch-black-soft); color: var(--ch-white); }
.bradcrumbs a:hover, .bradcrumbs span, .post-categories li a:hover { background-color: var(--ch-gold); color: var(--ch-on-gold); }
.single-post-category span { color: var(--ch-white); }
#comments a.comment-reply-link { color: var(--ch-on-gold); background-color: var(--ch-gold); }
#comments a.comment-reply-link:hover { color: var(--ch-white); }
#comments a time { color: var(--ch-white); }
#comments ol li { background-color: var(--ch-black-soft); }
.slider .inner_carousel h1 a:hover { color: var(--ch-gold); }
.slider .more-btn a { color: var(--ch-on-gold); background-color: var(--ch-gold); border-color: var(--ch-gold); }
.slider .more-btn a:hover { border-color: var(--ch-line); }
.search-box i { color: var(--ch-on-gold); background-color: var(--ch-gold); }
.sidebar .custom-social-icons i { background-color: var(--ch-gold); color: var(--ch-on-gold); }
.sidebar .custom-social-icons i:hover { color: var(--ch-gold); }
.sidebar td { color: var(--ch-white); }
.sidebar th { color: var(--ch-white); }
.sidebar ul li::before { background-color: var(--ch-gold); }
.sidebar .tagcloud a, .footer .tagcloud a { background-color: var(--ch-black-soft); color: var(--ch-white); }
.sidebar .tagcloud a:hover, .footer .tagcloud a:hover { background-color: var(--ch-gold); color: var(--ch-on-gold); }
.search-submit { background-color: var(--ch-gold); border-color: var(--ch-gold); }
.sidebar .widget { border-color: var(--ch-line); background-color: var(--ch-black-soft); }
.sidebar .widget h3, .sidebar .wp-block-search .wp-block-search__label { color: var(--ch-gold); }
.pagination span, .pagination a, .post-nav-links span, .post-nav-links a { color: var(--ch-on-gold); background-color: var(--ch-gold); }
.post-navigation a { color: var(--ch-white); }
.post-navigation span.meta-nav { border-top-color: var(--ch-line); border-bottom-color: var(--ch-line); color: var(--ch-white); }
.single-post .nav-previous a, .single-post .nav-next a { color: var(--ch-white); }
.single-post .nav-previous a:hover, .single-post .nav-next a:hover { color: var(--ch-gold); }
.post-navigation a:hover .post-title, .post-navigation a:focus .post-title { color: var(--ch-gold); }
.post-navigation a:hover, .post-navigation a:focus { color: var(--ch-white); }
nav.navigation.posts-navigation .nav-previous a { background-color: var(--ch-gold); color: var(--ch-on-gold); }
nav.navigation.posts-navigation .nav-next a { color: var(--ch-on-gold); background-color: var(--ch-gold); }
.footer a.custom_read_more, .sidebar a.custom_read_more { border-color: var(--ch-gold); color: var(--ch-gold); }
.footer a.custom_read_more:hover { background-color: var(--ch-gold); color: var(--ch-on-gold); }
.wp-block-woocommerce-cart .wc-block-cart__submit-button, a.wc-block-components-checkout-return-to-cart-button, .wc-block-components-checkout-place-order-button, .wc-block-components-totals-coupon__button { background-color: var(--ch-gold); color: var(--ch-on-gold); }
.wp-block-woocommerce-cart .wc-block-cart-items, .wp-block-woocommerce-cart-order-summary-block, .wp-block-woocommerce-checkout-order-summary-block { border-color: var(--ch-line); }
.wp-block-woocommerce-cart .wc-block-components-product-badge { background-color: var(--ch-gold); color: var(--ch-on-gold); }
a.wc-block-components-product-name, .wc-block-components-product-name { color: var(--ch-white); }
.wc-block-components-order-summary-item__quantity { background-color: var(--ch-gold); color: var(--ch-on-gold); }
.woocommerce-cart .wc-block-grid .wc-block-grid__product-onsale { background-color: var(--ch-gold); color: var(--ch-on-gold); border-color: var(--ch-gold); }
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title { color: var(--ch-white); }
.woocommerce-cart .wp-block-woocommerce-empty-cart-block a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart { color: var(--ch-gold); }
@media screen and (max-width: 991px) { .day-time { border-bottom-color: var(--ch-line); } }
@media screen and (max-width: 1000px) {
  .toggle-nav button { background-color: var(--ch-gold); }
  .sidenav { background-color: var(--ch-black-soft); }
  .sidenav .closebtn { color: var(--ch-on-gold); background-color: var(--ch-gold); }
  .menubar .nav ul li { border-top-color: var(--ch-line); }
  .main-navigation ul li a { color: var(--ch-white); border-top-color: var(--ch-line); }
  .main-navigation ul.sub-menu a:hover { background-color: var(--ch-black-soft); }
  .main-navigation ul li:last-child { border-bottom-color: var(--ch-line); }
  .sf-arrows .sf-with-ul:hover::after, .main-navigation ul li li:hover .sf-with-ul::after { color: var(--ch-white); }
  .sf-arrows .sf-with-ul::after { border-top-color: var(--ch-line); color: var(--ch-white); }
}

/* ==========================================================================
   2. HABILLAGE GÉNÉRAL (typographie, en-tête, boutons, champs, pied de page)
   ========================================================================== */

/* ---------- Typographie ---------- */
body,
button, input, select, textarea,
.main-navigation a,
h1, h2, h3, h4, h5, h6,
#header .logo .site-title,
#header .logo .site-title a,
#header .logo a,
.slider .inner_carousel h1,
.slider .inner_carousel p {
	font-family: var(--ch-font) !important;
}
body {
	background: var(--ch-black);
	color: var(--ch-white);
	-webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 {
	color: var(--ch-white);
	font-weight: 700;
	letter-spacing: 0.3px;
}
h1 { text-transform: uppercase; }
::selection { background: var(--ch-gold); color: var(--ch-on-gold); }

/* Petit sur-titre doré : ajoutez la classe "ch-eyebrow" à un paragraphe */
.ch-eyebrow {
	color: var(--ch-gold);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 3px;
	text-transform: uppercase;
}
.ch-eyebrow::before { content: "— "; }
/* Mot en doré dans un titre : entourez-le d'un <span class="ch-gold"> */
.ch-gold { color: var(--ch-gold); }

/* ---------- En-tête : barre noire fine, logo à gauche, menu en majuscules ---------- */
#header,
#header.fixed {
	background: rgba(12, 12, 14, 0.96);
	border-bottom: 1px solid var(--ch-line-soft);
	box-shadow: none;
	backdrop-filter: none;
}
#header .logowrapper {
	background: transparent;
	clip-path: none;
}
#header .logo .site-title,
#header .logo .site-title a {
	color: var(--ch-white);
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
}
#header .logo .site-title a:hover { color: var(--ch-gold); }
#header .logo p.site-description { color: var(--ch-grey); font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; }
#header .menubox,
#header .menubox .row,
#header .menubox::before,
#header .menubox::after,
.menubox .menu1,
.menubar {
	background: transparent !important;
	clip-path: none !important;
	transform: none !important;
}
.main-navigation a {
	color: var(--ch-white);
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	transition: color .2s ease;
}
.main-navigation a:hover,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a { color: var(--ch-gold); }
.main-navigation ul ul {
	background: var(--ch-black-soft);
	border: 1px solid var(--ch-line-soft);
	border-top: 2px solid var(--ch-gold);
	border-radius: 0 0 var(--ch-radius) var(--ch-radius);
	box-shadow: 0 14px 30px rgba(0, 0, 0, .5);
}

/* Coordonnées en haut (téléphone, e-mail, horaires) */
.con_details, .con_details p, .con_details span, .top-contact { color: var(--ch-grey); font-size: 13px; }
.con_details i { color: var(--ch-gold); }

/* Loupe de recherche : bouton contour doré */
.search-box i {
	background: transparent;
	color: var(--ch-gold);
	border: 1px solid var(--ch-gold);
	border-radius: var(--ch-radius);
}
.search-box i:hover { background: var(--ch-gold); color: var(--ch-on-gold); }
.serach_outer, .serach_inner { background: rgba(12, 12, 14, 0.97); }

/* ---------- Boutons : dégradé or, majuscules espacées ---------- */
a.button, a.button-all, .button,
.slider .more-btn a,
.blogbutton-small,
.search-submit,
input[type="submit"], input[type="button"], button[type="submit"],
.wp-block-button__link, .wp-element-button,
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
	display: inline-block;
	padding: 14px 26px;
	border: 1px solid transparent;
	border-radius: var(--ch-radius);
	background: linear-gradient(135deg, var(--ch-gold-light), var(--ch-gold));
	color: var(--ch-on-gold) !important;
	font-family: var(--ch-font);
	font-size: 12.5px;
	font-weight: 600;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 1.2;
	box-shadow: none;
	transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
a.button:hover, .button:hover, .slider .more-btn a:hover, .search-submit:hover,
input[type="submit"]:hover, input[type="button"]:hover, button[type="submit"]:hover,
.wp-block-button__link:hover, .wp-element-button:hover {
	transform: translateY(-1px);
	filter: brightness(1.05);
	box-shadow: 0 8px 22px rgba(207, 159, 82, .25);
	border-color: transparent;
}
/* Variante contour : classe "ch-outline" sur un bouton ou bloc Bouton */
.blogbutton-small,
.ch-outline a, a.ch-outline, .is-style-outline .wp-block-button__link {
	background: transparent !important;
	color: var(--ch-gold) !important;
	border: 1px solid var(--ch-gold) !important;
}
.blogbutton-small:hover,
.ch-outline a:hover, a.ch-outline:hover, .is-style-outline .wp-block-button__link:hover {
	background: var(--ch-gold) !important;
	color: var(--ch-on-gold) !important;
}
.hvr-sweep-to-right::before { background: var(--ch-gold-light); }

/* ---------- Champs de formulaire : fond transparent, filet en bas ---------- */
input[type="text"], input[type="email"], input[type="url"], input[type="tel"],
input[type="search"], input[type="number"], input[type="password"],
select, textarea,
.search-field, .wp-block-search__input {
	background: transparent;
	color: var(--ch-white);
	border: 0;
	border-bottom: 1px solid var(--ch-line);
	border-radius: 0;
	padding: 10px 2px;
	font-family: var(--ch-font);
	box-shadow: none;
}
select option { background: var(--ch-charcoal); color: var(--ch-white); }
input:focus, select:focus, textarea:focus,
.search-field:focus, .wp-block-search__input:focus {
	outline: none;
	border-bottom-color: var(--ch-gold);
}
::placeholder { color: var(--ch-grey); opacity: 1; }
label { color: var(--ch-grey); font-size: 11px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; }

/* ---------- Diaporama d'accueil : grand visuel sombre, titre blanc/or ---------- */
.slider .carousel-item img { filter: brightness(.55); }
.slider .inner_carousel { text-align: left; }
.slider .inner_carousel h1,
.slider .inner_carousel h1 a {
	color: var(--ch-white);
	font-size: clamp(30px, 4.4vw, 56px);
	font-weight: 700;
	line-height: 1.12;
	text-transform: uppercase;
}
.slider .inner_carousel p { color: rgba(246, 245, 242, .82); font-size: 16px; }
.slider .carousel-control-prev-icon, .slider .carousel-control-next-icon,
.slider .carousel-control-prev i, .slider .carousel-control-next i {
	background-color: transparent;
	border: 1px solid var(--ch-gold);
	color: var(--ch-gold);
	border-radius: var(--ch-radius);
}

/* ---------- Sections & cartes d'articles ---------- */
.web-frame { border: 0; }
.heading-line h2, .heading-line h3 { color: var(--ch-white); text-transform: uppercase; }
.heading-line h2::after, .heading-line hr, .heading-line .line, hr {
	border-color: var(--ch-gold) !important;
	background: var(--ch-gold);
}
.post-main-box, .grid-post-main-box, .choose_us .box, .sidebar .widget, #comments ol li {
	background: var(--ch-black-soft);
	border: 1px solid var(--ch-line-soft) !important;
	border-radius: var(--ch-radius-card);
	box-shadow: none;
	transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.post-main-box:hover, .grid-post-main-box:hover {
	transform: translateY(-4px);
	border-color: rgba(207, 159, 82, .35) !important;
	box-shadow: 0 18px 40px rgba(0, 0, 0, .45);
}
.post-main-box img, .grid-post-main-box img, .box-image img { border-radius: var(--ch-radius); }
.post-main-box h2, .post-main-box h2 a, .grid-post-main-box h2 a, h1.single-post-title { color: var(--ch-white); }
.post-main-box h2 a:hover, .grid-post-main-box h2 a:hover { color: var(--ch-gold); }
.metabox, .metabox span, .metabox a, .metabox i { color: var(--ch-grey); font-size: 12px; }
.metabox i { color: var(--ch-gold); }
.date-monthwrap { background: var(--ch-gold); color: var(--ch-on-gold); border-radius: var(--ch-radius); }
.entry-content, .new-text p, #our-services p, .post-main-box p { color: rgba(246, 245, 242, .78); line-height: 1.75; }
.bradcrumbs a, .bradcrumbs span, .post-categories li a {
	background: transparent;
	border: 1px solid var(--ch-line);
	border-radius: var(--ch-radius);
	color: var(--ch-grey);
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.bradcrumbs a:hover, .bradcrumbs span, .post-categories li a:hover {
	border-color: var(--ch-gold);
	background: rgba(207, 159, 82, .12);
	color: var(--ch-gold);
}

/* Barre latérale */
.sidebar .widget h3, .sidebar .wp-block-heading, .sidebar label.wp-block-search__label {
	color: var(--ch-white);
	font-size: 15px;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-bottom: 1px solid var(--ch-line-soft);
	padding-bottom: 10px;
}
.sidebar ul li a { color: rgba(246, 245, 242, .78); }
.sidebar ul li a:hover { color: var(--ch-gold); }
.sidebar ul li::before { background: var(--ch-gold); }

/* Pagination */
.pagination span, .pagination a, .post-nav-links span, .post-nav-links a,
nav.navigation.posts-navigation .nav-previous a, nav.navigation.posts-navigation .nav-next a {
	background: transparent;
	color: var(--ch-white);
	border: 1px solid var(--ch-line);
	border-radius: var(--ch-radius);
}
.pagination .current, .pagination a:hover, .post-nav-links a:hover,
nav.navigation.posts-navigation a:hover {
	background: var(--ch-gold);
	border-color: var(--ch-gold);
	color: var(--ch-on-gold);
}

/* ---------- Pied de page ---------- */
.footer {
	background: var(--ch-black-soft);
	border-top: 1px solid var(--ch-line-soft);
	color: var(--ch-grey);
}
.footer h3, .footer .wp-block-heading, .footer .wp-block-search .wp-block-search__label {
	color: var(--ch-white);
	font-size: 14px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	border-bottom: 1px solid var(--ch-gold);
	display: inline-block;
	padding-bottom: 8px;
}
.footer p, .footer li, .footer li a { color: var(--ch-grey); }
.footer li a:hover { color: var(--ch-gold); }
.footer .custom-social-icons i {
	background: transparent;
	color: var(--ch-white);
	border: 1px solid var(--ch-line);
	border-radius: var(--ch-radius);
}
.footer .custom-social-icons i:hover { background: var(--ch-gold); border-color: var(--ch-gold); color: var(--ch-on-gold); }
.footer-2 {
	background: var(--ch-black);
	border-top: 1px solid var(--ch-line-soft);
}
.footer-2 p, .footer-2 a { color: var(--ch-grey); font-size: 12.5px; }
.footer-2 a:hover { color: var(--ch-gold); }

/* Bouton retour en haut, préchargement */
.scrollup i { background: var(--ch-gold); color: var(--ch-on-gold); border-radius: var(--ch-radius); }
#preloader { background: var(--ch-black); }

/* ---------- Mobile ---------- */
@media screen and (max-width: 1000px) {
	.sidenav { background: var(--ch-black); }
	.toggle-nav button { background: transparent; color: var(--ch-gold); border: 1px solid var(--ch-gold); border-radius: var(--ch-radius); }
	.main-navigation ul li a { border-color: var(--ch-line-soft) !important; }
}

/* ==========================================================================
   3. COULEURS FORCÉES PAR LE THÈME PARENT (déclarées en !important chez lui)
   ========================================================================== */
.web-frame { border-color: transparent !important; }
.footer label, .sec a, .footer ul li.current_page_item a { color: var(--ch-white) !important; }
p.mail a:hover { color: var(--ch-gold) !important; }
.search-submit,
#comments input[type="submit"].submit,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce a.added_to_cart.wc-forward,
.wp-block-woocommerce-cart .wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
	background: linear-gradient(135deg, var(--ch-gold-light), var(--ch-gold)) !important;
	border-color: transparent !important;
	color: var(--ch-on-gold) !important;
}
.tag-cloud-link, #tag-cloud-sec .tag-cloud-link,
.sidebar .tagcloud a, .footer .tagcloud a, .wp-block-tag-cloud a,
header.woocommerce-Address-title.title a {
	background: transparent !important;
	color: var(--ch-white) !important;
	border: 1px solid var(--ch-line) !important;
	border-radius: var(--ch-radius);
}
.tag-cloud-link:hover, #tag-cloud-sec .tag-cloud-link:hover,
.sidebar .tagcloud a:hover, .footer .tagcloud a:hover,
header.woocommerce-Address-title.title a:hover {
	background: var(--ch-gold) !important;
	border-color: var(--ch-gold) !important;
	color: var(--ch-on-gold) !important;
}
nav.navigation.posts-navigation .nav-previous a { color: var(--ch-white) !important; }
.wc-block-components-order-summary-item__quantity { background: var(--ch-gold) !important; color: var(--ch-on-gold) !important; }
a.wc-block-components-product-name, .wc-block-components-product-name { color: var(--ch-white) !important; }

/* Champ de recherche de la barre latérale (fond gris clair dans le thème) */
.sidebar .search-form .search-field, .sidebar input.search-field { background: transparent !important; color: var(--ch-white); }
.main-navigation ul.children, .main-navigation ul.sub-menu { border-color: var(--ch-gold) !important; }
.sidebar .widget h3.widget-title { border-bottom-color: var(--ch-line-soft) !important; }

/* Pastille de date des articles : jour/mois sur fond or, année en dessous */
.datebox .date-monthwrap { background: var(--ch-gold); border-radius: var(--ch-radius) var(--ch-radius) 0 0; }
.datebox .date-monthwrap a { color: var(--ch-on-gold) !important; }
.datebox .yearwrap { background: var(--ch-charcoal) !important; color: var(--ch-gold) !important; border-radius: 0 0 var(--ch-radius) var(--ch-radius); }
.datebox .yearwrap a { color: var(--ch-gold) !important; }
.scrollup i { background: var(--ch-gold) !important; color: var(--ch-on-gold) !important; }
.blogbutton-small { padding: 9px 16px; font-size: 11px; }

/* ==========================================================================
   4. MENU DE L'EN-TÊTE (liens, réseaux sociaux, bouton)
   ========================================================================== */
@media screen and (min-width: 1001px) {
	.main-navigation > div > ul,
	.main-navigation > ul,
	.main-navigation .menu {
		display: flex !important;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: flex-end;
		gap: 2px;
	}
	.main-navigation ul li { float: none !important; }
	.main-navigation > div > ul > li > a,
	.main-navigation > ul > li > a {
		padding: 10px 10px !important;
		font-size: 11px !important;
		letter-spacing: 1.2px !important;
		white-space: nowrap;
	}
	/* Petit séparateur avant les réseaux sociaux */
	.main-navigation li.ch-social-first { margin-left: 18px !important; }
}

/* Icônes des réseaux sociaux */
.main-navigation li.ch-social > a {
	padding: 10px 7px !important;
	color: var(--ch-grey) !important;
	font-size: 13px !important;
}
.main-navigation li.ch-social > a:hover { color: var(--ch-gold) !important; }

/* Bouton « Décrire ma recherche » : contour doré */
.main-navigation li.ch-cta { margin-left: 14px !important; }
.main-navigation li.ch-cta > a {
	padding: 11px 20px !important;
	border: 1px solid var(--ch-gold) !important;
	border-radius: var(--ch-radius);
	color: var(--ch-gold) !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	letter-spacing: 1.5px !important;
	text-transform: uppercase;
	white-space: nowrap;
	transition: background .2s ease, color .2s ease;
}
.main-navigation li.ch-cta > a:hover {
	background: var(--ch-gold) !important;
	color: var(--ch-on-gold) !important;
}

/* Le menu prend toute la largeur disponible à droite du logo */
@media screen and (min-width: 1001px) {
	#header .menubox .menu1 { flex: 1 1 auto; max-width: none; }
}

/* Mobile : réseaux sociaux sur une ligne, bouton pleine largeur */
@media screen and (max-width: 1000px) {
	.main-navigation li.ch-social { display: inline-block !important; width: auto !important; }
	.main-navigation li.ch-social > a { border: 0 !important; padding: 12px 10px !important; }
	.main-navigation li.ch-cta { margin: 14px 0 0 !important; }
	.main-navigation li.ch-cta > a { display: block; text-align: center; }
}

/* Menu : pas de puces devant les liens */
#header .main-navigation ul,
#header .main-navigation li,
.sidenav .main-navigation ul,
.sidenav .main-navigation li {
	list-style: none !important;
	margin-left: 0;
	padding-left: 0;
	background-image: none !important;
}
#header .main-navigation li::before,
#header .main-navigation li::marker,
.sidenav .main-navigation li::before,
.sidenav .main-navigation li::marker {
	content: none !important;
	display: none !important;
}

/* En-tête : bloc « Rechercher » (loupe et fenêtre de recherche) masqué */
#header .search-box,
#header .serach_outer,
#header .serach_inner,
#header .menubox .row > div:has(.search-box) {
	display: none !important;
}
/* Le menu récupère la place libérée */
@media screen and (min-width: 1001px) {
	#header .menubox .row > .menu1 {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}
}

/* Croix de fermeture du menu mobile : masquée sur ordinateur */
@media screen and (min-width: 1001px) {
	.main-navigation .closebtn,
	.main-navigation a.mobile-menu,
	#header .closebtn {
		display: none !important;
	}
}

/* Élément de menu actif : doré */
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a {
	color: var(--ch-gold) !important;
}

/* ==========================================================================
   5. PIED DE PAGE (chiffres clés, réseaux sociaux, mentions légales)
   ========================================================================== */
/* Pied de page d'origine du thème : remplacé */
.footer,
.footer-2,
#footer,
footer.site-footer:not(.ch-footer) {
	display: none !important;
}

.ch-footer {
	background: var(--ch-black-soft);
	border-top: 1px solid var(--ch-line-soft);
	color: var(--ch-white);
	padding: 40px 60px;
	text-align: center;
	font-family: var(--ch-font);
}
.ch-footer-stats {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
	max-width: 1200px;
	margin: 0 auto;
}
.ch-stat-icon {
	color: var(--ch-gold);
	font-size: 22px;
	line-height: 1.5;
}
.ch-stat-number {
	color: var(--ch-white);
	font-size: 28px;
	font-weight: 700;
	line-height: 1.5;
	text-transform: uppercase;
}
.ch-stat-label {
	margin-top: 6px;
	color: var(--ch-grey);
	font-size: 11px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}
.ch-footer-social {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 22px;
	margin-top: 34px;
}
.ch-footer-social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	color: rgba(255, 255, 255, 0.75) !important;
	font-size: 19px;
	text-decoration: none;
	transition: color .2s ease, transform .2s ease;
}
.ch-footer-social a:hover {
	color: var(--ch-gold) !important;
	transform: translateY(-2px);
}
.ch-footer-legal {
	margin: 38px 0 0 !important;
	color: rgba(255, 255, 255, 0.35) !important;
	font-size: 12.5px;
	font-weight: 500;
	letter-spacing: 1px;
}
.ch-footer-legal a {
	color: rgba(255, 255, 255, 0.55) !important;
	text-decoration: none;
}
.ch-footer-legal a:hover { color: var(--ch-gold) !important; }

@media (max-width: 782px) {
	.ch-footer { padding: 32px 20px; }
	.ch-footer-stats { grid-template-columns: repeat(2, 1fr); gap: 26px 16px; }
	.ch-stat-number { font-size: 22px; }
}

/* ==========================================================================
   6. LOGO ET FIL D'ARIANE
   ========================================================================== */
/* Logo Car Hunter à la place du titre texte (si aucun logo personnalisé) */
body.ch-default-logo #header .logo .site-title,
body.ch-default-logo #header .logo p.site-title {
	margin: 0;
	line-height: 0;
}
body.ch-default-logo #header .logo .site-title a,
body.ch-default-logo #header .logo a.site-title {
	display: block;
	width: 120px;
	height: 80px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	font-size: 0 !important;
	color: transparent !important;
	overflow: hidden;
}
body.ch-default-logo #header .logo .site-description { display: none; }

/* Logo personnalisé (Personnaliser > Identité du site) : même taille */
#header .custom-logo-link img,
#header .logo img.custom-logo {
	max-height: 80px;
	width: auto;
}
#header .logowrapper { display: flex; align-items: center; min-height: 88px; }

@media (max-width: 1000px) {
	body.ch-default-logo #header .logo .site-title a { width: 90px; height: 60px; }
	#header .custom-logo-link img { max-height: 60px; }
}

/* Fil d'Ariane sous le menu (« Voitures › Nos véhicules ») : supprimé */
.bradcrumbs,
.breadcrumbs,
.breadcrumb,
#breadcrumbs,
.vw-breadcrumbs,
.rank-math-breadcrumb,
.yoast-breadcrumbs,
nav.woocommerce-breadcrumb {
	display: none !important;
}

/* ==========================================================================
   7. EN-TÊTE FAÇON CAR-HUNTER.FR (ordinateur)
   Logo à gauche · menu au centre · réseaux sociaux + bouton à droite
   ========================================================================== */
@media (min-width: 1001px) {
	#header { padding: 0 28px; }
	#header > .row {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: center;
		min-height: 84px;
	}
	#header > .row > div:first-child {
		flex: 0 0 auto !important;
		width: auto !important;
		max-width: none !important;
		padding: 0 !important;
	}
	#header > .row > div:last-child {
		flex: 1 1 auto !important;
		width: auto !important;
		max-width: none !important;
		padding: 0 0 0 24px !important;
	}
	#header .con_details { display: none !important; }
	#header .menubox,
	#header .menubox > .row { width: 100%; margin: 0 !important; }
	#header .menubox > .row::before,
	#header .menubox > .row::after,
	#header .menubox::before,
	#header .menubox::after { display: none !important; content: none !important; }
	#header .menubox > .row > .menu1 {
		flex: 1 1 auto !important;
		width: auto !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	#mySidenav,
	#mySidenav .main-navigation,
	#mySidenav .main-navigation > div { width: 100%; }

	/* Liens centrés, réseaux + bouton poussés à droite */
	.main-navigation > div > ul,
	.main-navigation > ul { justify-content: flex-start !important; width: 100%; }
	.main-navigation > div > ul > li:first-child,
	.main-navigation > ul > li:first-child { margin-left: auto !important; }
	.main-navigation li.ch-social-first { margin-left: auto !important; }

	.main-navigation > div > ul > li > a,
	.main-navigation > ul > li > a {
		font-size: 12.5px !important;
		font-weight: 500 !important;
		letter-spacing: 1px !important;
		padding: 10px 11px !important;
	}
	.main-navigation li.ch-social > a { font-size: 14px !important; padding: 10px 8px !important; }
	.main-navigation li.ch-cta { margin-left: 30px !important; }
	.main-navigation li.ch-cta > a { padding: 13px 24px !important; font-size: 11.5px !important; }

	/* Pas de bouton burger ni de croix sur ordinateur */
	.toggle-nav,
	.toggle-nav button,
	.responsivetoggle { display: none !important; }
}

/* Aucun lien souligné dans l'en-tête */
#header a,
#header a:hover { text-decoration: none !important; }

/* ==========================================================================
   8. EN-TÊTE MOBILE : logo à gauche, burger en haut à droite
   ========================================================================== */
/* Pas d'effet de flou sur l'en-tête : il enfermait le menu mobile
   (plein écran) dans la hauteur de l'en-tête. */
#header,
#header.fixed {
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

@media (max-width: 1000px) {
	#header { padding: 8px 16px !important; }
	#header > .row {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: space-between !important;
		margin: 0 !important;
		min-height: 72px;
	}
	#header > .row > div:first-child {
		flex: 1 1 auto !important;
		width: auto !important;
		max-width: none !important;
		padding: 0 !important;
	}
	#header > .row > div:last-child {
		flex: 0 0 auto !important;
		width: auto !important;
		max-width: none !important;
		padding: 0 !important;
	}
	#header .con_details { display: none !important; }
	#header .menubox,
	#header .menubox > .row { width: auto !important; margin: 0 !important; padding: 0 !important; }
	#header .menubox > .row > .menu1 {
		flex: 0 0 auto !important;
		width: auto !important;
		max-width: none !important;
		padding: 0 !important;
	}

	/* Bouton burger : carré à contour doré */
	#header .toggle-nav { display: block !important; padding: 0 !important; margin: 0 !important; text-align: right; }
	#header .toggle-nav button {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		padding: 0 !important;
		margin: 0 !important;
		background: transparent !important;
		border: 1px solid var(--ch-gold) !important;
		border-radius: var(--ch-radius) !important;
		color: var(--ch-gold) !important;
	}
	#header .toggle-nav button i { color: var(--ch-gold) !important; font-size: 18px; }

	/* Menu ouvert : plein écran, croix en haut à droite */
	.sidenav {
		height: 100vh !important;
		overflow-y: auto !important;
		padding-top: 70px !important;
		background: var(--ch-black) !important;
	}
	.sidenav .closebtn {
		display: inline-flex !important;
		position: absolute !important;
		top: 16px !important;
		right: 16px !important;
		width: 44px;
		height: 44px;
		align-items: center;
		justify-content: center;
		background: transparent !important;
		border: 1px solid var(--ch-gold) !important;
		border-radius: var(--ch-radius);
		color: var(--ch-gold) !important;
	}
	.sidenav .main-navigation ul li a {
		padding: 12px 24px !important;
		font-size: 14px !important;
		letter-spacing: 1px;
		text-transform: uppercase;
	}
}