/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 4.4.11
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* Global: force lining (uniform height) numbers for Raleway */
body {
    font-variant-numeric: lining-nums;
}

.container .row-small:not(.row-collapse),
.row .row-small:not(.row-collapse) {
    margin: auto;
}

/* === GLOBAL BUTTON STYLES === */
.button.primary,
.button.shade {
    font-family: 'Raleway', sans-serif !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    transition: all 0.3s ease;
}
.button.primary {
    background-color: var(--v2-or) !important;
    color: var(--v2-noir) !important;
    border: none;
}
.button.primary:hover {
    background-color: var(--v2-or-clair) !important;
}
.button.shade {
    border: 1px solid var(--v2-or) !important;
    color: var(--v2-or) !important;
    background: transparent !important;
}
.button.shade:hover {
    background-color: var(--v2-or) !important;
    color: var(--v2-noir) !important;
}

.wcf-embed-checkout-form .woocommerce .woocommerce-error li {
	list-style: none !important;
}
#wcf_custom_coupon_field {
    display: none;
}
.sku_wrapper {
    display: none !important;
}
.dot.is-selected {
    display: none !important;
}
#waranty li {
    margin-left: 50px;
}
.wcf-embed-checkout-form-two-column .woocommerce-checkout .wcf-order-wrap {
	border:2px solid #bc8420 !important;
	padding:15px 30px 30px !important;
}
.wcf-embed-checkout-form .woocommerce form p.form-row label {
	font-size:1em;
}
.wcf-embed-checkout-form .woocommerce #payment input[type="radio"]:checked::before {
background-color:#bd8220 !important;
}
.wcf-bump-order-wrap.wcf-bump-order-phs {
    border-radius: 7px;
}





@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.certificat {
    display: none !important;
}
.tb-badge {
    margin: 0px 0px 15px 0px !important;
}
}

/*************** HOMEPAGE V2 STYLES ***************/

/* === COLOR VARIABLES === */
:root {
    --v2-noir: #0A0A0A;
    --v2-anthracite: #1C1C1C;
    --v2-or: #C9A84C;
    --v2-or-clair: #D4B96B;
    --v2-blanc: #FFFFFF;
    --v2-gris: #8A8A8A;
    --v2-gris-fonce: #2A2A2A;
/* === TYPOGRAPHY === */
}
.page-id-97187 .product-title,
.page-id-97187 body {
    font-family: 'Raleway', sans-serif !important;
    font-weight: 300;
}
.page-id-97187 p {
    color: #B0B0B0;
/* === DARK SECTIONS === */
}
.page-id-97187 #main {
    background-color: var(--v2-noir);
    
}
.page-id-97187 .section-anthracite {
    background-color: var(--v2-anthracite) !important;
}
.page-id-97187 .title-line {
    border-color: var(--v2-or) !important;
/* Section titles on dark bg */
}
.page-id-97187 .section-title-center .title,
.page-id-97187 .title span {
    color: #C9A84C !important;
}
.page-id-97187 .title .title-line {
    border-color: var(--v2-or) !important;
/* === HERO BANNER === */
}
.page-id-97187 .hero-banner .text-box {
    text-shadow: 0 2px 20px rgba(0,0,0,0.6);
/* FIX 1: Hero - Cormorant Garamond, refined size, elegant styling */
}
.page-id-97187 .hero-banner h1 {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 42px;
    font-weight: 300;
    letter-spacing: 10px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.3;
}
.page-id-97187 .hero-banner p {
    font-family: 'Raleway', sans-serif !important;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 4px;
    color: rgba(255,255,255,0.75);
    text-transform: uppercase;
/* Hero button - luxury feel with gold border + animation */
}
.page-id-97187 .hero-banner .button {
    border: 1.5px solid #C9A84C !important;
    color: #C9A84C !important;
    background: transparent !important;
    padding: 15px 40px !important;
    font-family: 'Raleway', sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    transition: all 0.4s ease !important;
    
    overflow: visible;
}
.page-id-97187 .hero-banner .button:hover {
    background: #C9A84C !important;
    color: #0A0A0A !important;
/* Subtle gold line decoration under hero title */
}
.page-id-97187 .hero-banner .gold-separator {
    width: 80px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #C9A84C, transparent);
    margin: 20px auto;
/* === REASSURANCE BAR === */
}
.reassurance-bar {
    display: flex;
    clear: both;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 50px;
    padding: 30px 20px;
    background-color: transparent;
    border-top: 1px solid rgba(201,168,76,0.2);
    border-bottom: 1px solid rgba(201,168,76,0.2);
}
.reassurance-item {
    display: flex;
    clear: both;
    width: 100%;
    align-items: center;
    gap: 14px;
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: var(--v2-blanc);
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
.reassurance-item svg {
    flex-shrink: 0;
/* === PRODUCT CARDS ON DARK BG === */
}
.page-id-97187 .product-small .box-text {
    background-color: transparent;
    padding: 15px 10px;
}
.page-id-97187 .product-small .product-title {
    color: var(--v2-blanc) !important;
    font-family: 'Raleway', sans-serif !important;
    font-weight: 400;
    font-size: 13px;
}
.page-id-97187 .product-small .category {
    color: var(--v2-or) !important;
    font-family: 'Raleway', sans-serif !important;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.page-id-97187 .product-small .price {
    color: var(--v2-or) !important;
    font-family: 'Cinzel', serif !important;
    font-weight: 500;
}
.page-id-97187 .product-small .box-image {
    border: 1px solid var(--v2-gris-fonce);
    overflow: visible;
}
.page-id-97187 .product-small .box-image img {
    transition: transform 0.5s ease;
}
.page-id-97187 .product-small:hover .box-image img {
    transform: scale(1.05);
/* === BUTTONS === */
}
.page-id-97187 .button.primary,
.page-id-97187 .button.shade {
    font-family: 'Raleway', sans-serif !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    transition: all 0.3s ease;
}
.page-id-97187 .button.primary {
    background-color: var(--v2-or) !important;
    color: var(--v2-noir) !important;
    border: none;
}
.page-id-97187 .button.primary:hover {
    background-color: var(--v2-or-clair) !important;
}
.page-id-97187 .button.shade {
    border: 1px solid var(--v2-or) !important;
    color: var(--v2-or) !important;
    background: transparent !important;
}
.page-id-97187 .button.shade:hover {
    background-color: var(--v2-or) !important;
    color: var(--v2-noir) !important;
/* FIX 2: ALL banner card buttons (Nos Collections + Nos Univers) - bigger */
}
.page-id-97187 .banner .button,
.page-id-97187 .ux-banner .button {
    padding: 12px 30px !important;
    font-size: 12px !important;
    letter-spacing: 2px !important;
    font-weight: 500 !important;
    border-width: 1.5px !important;
/* === CATEGORY BANNER CARDS === */
}
.page-id-97187 .category-banner {
    overflow: visible;
    
}
.page-id-97187 .category-banner .banner-bg {
    transition: transform 0.6s ease;
}
.page-id-97187 .category-banner:hover .banner-bg {
    transform: scale(1.08);
}
.page-id-97187 .category-banner h2 {
    font-family: 'Cinzel', serif !important;
    font-size: 24px;
    letter-spacing: 4px;
}
.page-id-97187 .univers-banner .banner {
    min-height: 400px;
/* === SAVOIR-FAIRE / EDITORIAL SECTION === */
}
.page-id-97187 .section-editorial {
    background-color: transparent;
/* FIX 3: Savoir-faire title MUST be gold - strong selectors */
}
.page-id-97187 .section-editorial h2,
.page-id-97187 .section-editorial .title h2,
.page-id-97187 .section-editorial .title span,
.page-id-97187 [label="Savoir-Faire"] h2,
.page-id-97187 [label="Savoir-Faire"] .title span {
    color: #C9A84C !important;
    font-family: 'Cinzel', serif !important;
    font-size: 28px;
    letter-spacing: 3px;
}
.page-id-97187 .section-editorial p {
    color: #B0B0B0;
    font-size: 15px;
    line-height: 1.9;
/* FIX 4: Savoir-faire image full height */
}
.page-id-97187 .section-editorial .row {
    align-items: stretch !important;
}
.page-id-97187 .section-editorial .col:last-child {
    display: flex;
    clear: both;
    width: 100%;
}
.page-id-97187 .section-editorial .col:last-child .img {
    width: 100%;
    height: 100%;
}
.page-id-97187 .section-editorial .col:last-child img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    min-height: 450px;
}
.page-id-97187 .section-editorial .col img {
    height: 100%;
    object-fit: cover;
    min-height: 400px;
/* === FAQ SECTION === */
}
.faq-section {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px;
}
.faq-section h2 {
    font-family: 'Cinzel', serif !important;
    text-align: center;
    color: var(--v2-or) !important;
    font-size: 28px;
    letter-spacing: 4px;
    margin-bottom: 40px;
}
.faq-item {
    border-bottom: 1px solid rgba(201,168,76,0.15);
}
.faq-item summary {
    cursor: pointer;
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: var(--v2-blanc);
    padding: 22px 40px 22px 0;
    list-style: none;
    letter-spacing: 0.5px;
    position: relative;
    
    transition: color 0.3s ease;
}
.faq-item summary:hover {
    color: var(--v2-or);
}
.faq-item summary::-webkit-details-marker {
    display: none;
}
.faq-item summary::marker {    display: none;    content: none;}.faq-item details summary {    display: block;}
.faq-item summary::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    border-right: 1.5px solid var(--v2-or);
    border-bottom: 1.5px solid var(--v2-or);
    transform: translateY(-50%) rotate(45deg);
    transition: transform 0.3s ease;
}
.faq-item[open] summary::after {
    transform: translateY(-30%) rotate(-135deg);
}
.faq-item .faq-answer {
    padding: 0 0 22px 0;
    color: var(--v2-gris);
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    line-height: 1.8;
    font-weight: 300;
}
.faq-item .faq-answer a {
    color: var(--v2-or);
    text-decoration: underline;
    text-underline-offset: 3px;
}
.faq-item .faq-answer h3 {
    color: var(--v2-blanc);
    font-family: 'Cormorant Garamond', serif;
    font-size: 18px;
    margin: 15px 0 10px;
/* === BLOG SECTION ON DARK === */
}
.page-id-97187 .post-item .box-text {
    background-color: transparent;
}
.page-id-97187 .post-item .post-title a {
    color: #FFFFFF !important;
    font-family: 'Raleway', sans-serif !important;
    font-size: 13px !important;
}
.page-id-97187 .post-item .post-excerpt,
.page-id-97187 .post-item p {
    color: #8A8A8A !important;
}
.page-id-97187 .post-item .post-date {
    color: #C9A84C !important;
}
.page-id-97187 .post-item .is-divider {
    border-color: var(--v2-gris-fonce) !important;
/* === PARALLAX BANNERS === */
}
.page-id-97187 .parallax-banner h1,
.page-id-97187 .parallax-banner h2 {
    font-family: 'Cinzel', serif !important;
    letter-spacing: 6px;
/* === FORMATION SECTION === */
}
.page-id-97187 .formation-section {
    background-color: var(--v2-anthracite) !important;
/* FIX 5: Formation title MUST be gold - stronger selectors */
}
.page-id-97187 .formation-section h2,
.page-id-97187 .formation-section .title h2,
.page-id-97187 .formation-section .title span,
.page-id-97187 [label="Formation"] h2,
.page-id-97187 [label="Formation"] .title h2,
.page-id-97187 [label="Formation"] .title span {
    color: #C9A84C !important;
    font-family: 'Cinzel', serif !important;
}
.page-id-97187 .formation-section h3 {
    font-family: 'Cinzel', serif !important;
    color: #C9A84C !important;
}
.page-id-97187 .formation-section p {
    color: #B0B0B0 !important;
/* === GENERAL LINKS === */
}
.page-id-97187 a:not(.button) {
    color: #C9A84C;
/* === DIVIDERS === */
}
.page-id-97187 .is-divider {
    background-color: var(--v2-or) !important;
    opacity: 0.3;
/* === GOLD DECORATIVE LINE === */
}
.gold-line {
    width: 60px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--v2-or), transparent);
    margin: 15px auto;
/* === SCROLLBAR === */
}
.page-id-97187::-webkit-scrollbar {
    width: 8px;
}
.page-id-97187::-webkit-scrollbar-track {
    background: var(--v2-noir);
}
.page-id-97187::-webkit-scrollbar-thumb {
    background: var(--v2-or);
    border-radius: 4px;
/* FIX 6: Force ALL h2 and title spans to gold on this page - catch-all */
}
.page-id-97187 .title span,
.page-id-97187 .section .title span,
.page-id-97187 section .title span {
    color: #C9A84C !important;
/* === MOBILE === */
}
@media only screen and (max-width: 48em) {
    .reassurance-bar {
        flex-wrap: wrap; justify-content: center;
        gap: 15px 0;
        padding: 20px 10px;
    }

    .reassurance-item {
        width: 50%; box-sizing: border-box; font-size: 11px; justify-content: center;
        gap: 10px;
    }

    .reassurance-item svg {
        width: 24px;
        height: 24px;
    }

    .page-id-97187 .hero-banner h1 {
        font-size: 28px;
        letter-spacing: 4px;
    }

    .page-id-97187 .hero-banner p {
        font-size: 14px;
        letter-spacing: 2px;
    }

    .page-id-97187 .category-banner h2 {
        font-size: 18px;
        letter-spacing: 2px;
    }

    .faq-section h2 {
        font-size: 22px;
    }

    .faq-item summary {
        font-size: 14px;
        padding: 18px 35px 18px 0;
    }
/* Hide parallax logos on mobile/tablet */    .page-id-97187 .section-light::before,    .page-id-97187 .section-dark::before,    .page-id-97187 .savoir-faire-section::before,    .page-id-97187 .formations::before {        display: none !important;    }

    /* Disable parallax on mobile — prevents internal scroll capture */
    .banner.has-parallax {
        background-attachment: scroll !important;
        overflow: hidden !important;
        touch-action: pan-y !important;
    }
    .banner.has-parallax .banner-bg.parallax-active {
        transform: none !important;
        position: absolute !important;
        background-attachment: scroll !important;
    }
    .banner.has-parallax .banner-layers {
        overflow: hidden !important;
    }

}

.page-id-97187 .section-anthracite,
.page-id-97187 [bg_color='#1C1C1C'] {
    background-color: rgba(28,28,28,0.9) !important;
/* Fix savoir-faire section gap */
}
.page-id-97187 .section .row.align-middle .col .col-inner {
    padding-bottom: 0 !important;
/* Force fix savoir-faire section gap - using exact IDs */
}
#section_1600653922 .col {
    padding-bottom: 0 !important;
}
#section_1600653922 .col-inner {
    padding-bottom: 0 !important;
}
#section_1600653922 .row {
    margin-bottom: 0 !important;
}
#section_1600653922 .banner {
    height: 100% !important;
    min-height: 500px;
}
#section_1600653922 .banner .bg {
    background-size: cover !important;
}
/* Fix savoir-faire - target align-middle rows on this page */
.page-id-97187 .row.align-middle > .col {
    padding-bottom: 0px !important;
}
.page-id-97187 .row.align-middle > .col > .col-inner {
    padding-bottom: 0px !important;
}
.page-id-97187 .row.align-middle .banner .bg {
    background-size: cover !important;
}
/* Global: reset ALL col padding on homepage v2 */
.page-id-97187 .col {
    padding-bottom: 0px !important;
}
.page-id-97187 .col-inner {
    padding-bottom: 0px !important;
}
/* === ALTERNATING LIGHT/DARK SECTIONS === */

/* Light sections for products */
.page-id-97187 .section-light {
    background-color: #FFFFFF !important;
}
.page-id-97187 .section-light h2,
.page-id-97187 .section-light .title span {
    color: #1A1A1A !important;
}
.page-id-97187 .section-light .title-line {
    border-color: #C9A84C !important;
}
.page-id-97187 .section-light p {
    color: #555 !important;
}
.page-id-97187 .section-light .product-small .box-text {
    background-color: #FFFFFF !important;
}
.page-id-97187 .section-light .product-small .product-title {
    color: #1A1A1A !important;
}
.page-id-97187 .section-light .product-small .category {
    color: #BC8420 !important;
}
.page-id-97187 .section-light .product-small .price {
    color: #1A1A1A !important;
}
.page-id-97187 .section-light .product-small .box-image {
    border: 1px solid #E8E8E8;
}
.page-id-97187 .section-light .button.shade {
    border-color: #1A1A1A !important;
    color: #1A1A1A !important;
}
.page-id-97187 .section-light .button.shade:hover {
    background-color: #C9A84C !important;
    border-color: #C9A84C !important;
    color: #FFF !important;
/* Soft gray sections for variety */
}
.page-id-97187 .section-soft {
    background-color: #F5F5F3 !important;
}
.page-id-97187 .section-soft h2,
.page-id-97187 .section-soft .title span {
    color: #1A1A1A !important;
}
.page-id-97187 .section-soft .title-line {
    border-color: #C9A84C !important;
}
.page-id-97187 .section-soft p {
    color: #555 !important;
}
.page-id-97187 .section-soft .product-small .box-text {
    background-color: #F5F5F3 !important;
}
.page-id-97187 .section-soft .product-small .product-title {
    color: #1A1A1A !important;
}
.page-id-97187 .section-soft .product-small .price {
    color: #1A1A1A !important;
}
.page-id-97187 .section-soft .product-small .box-image {
    border: 1px solid #E0E0DE;
}
.page-id-97187 .section-soft .button.shade {
    border-color: #1A1A1A !important;
    color: #1A1A1A !important;
}
.page-id-97187 .section-soft .button.shade:hover {
    background-color: #C9A84C !important;
    border-color: #C9A84C !important;
    color: #FFF !important;
/* Blog on light background */
}
.page-id-97187 .section-light .post-item .box-text {
    background-color: #FFFFFF !important;
}
.page-id-97187 .section-light .post-item .post-title a {
    color: #1A1A1A !important;
}
.page-id-97187 .section-light .post-item .post-date {
    color: #BC8420 !important;
}
.page-id-97187 .section-light .post-item .is-divider {
    border-color: #E8E8E8 !important;
}
.page-id-97187 .section-light .post-item .post-excerpt,
.page-id-97187 .section-light .post-item p {
    color: #666 !important;
}

.page-id-97187 .reassurance-section .col-inner {
  padding-bottom: 0px !important;
}





/* === SECTION-LIGHT PARALLAX LOGO === */.page-id-97187 .section-light {    position: relative;    overflow: visible;}.page-id-97187 .section-light::before {    content: "";    position: absolute;    top: 0;    left: -50px;    width: 500px;    height: 100%;    background: url("https://le-palais-des-echecs.com/wp-content/uploads/2026/03/Le-Palais-des-Echecs-e1773221780557.png") no-repeat center left;    background-size: contain;    background-attachment: scroll;    opacity: 1;    z-index: 0;    pointer-events: none;}.page-id-97187 .section-light .section-content {    position: relative;    z-index: 1;}
/* === DARK SECTIONS PARALLAX LOGO (RIGHT) === */.page-id-97187 .section-dark,.page-id-97187 .savoir-faire-section,.page-id-97187 .formations {    position: relative;}.page-id-97187 .section-dark::before,.page-id-97187 .savoir-faire-section::before,.page-id-97187 .formations::before {    content: "";    position: absolute;    top: 0;    right: -50px;    width: 500px;    height: 100%;    background: url("https://le-palais-des-echecs.com/wp-content/uploads/2026/03/Le-Palais-des-Echecs-2-e1773221602375.png") no-repeat center right;    background-size: contain;    opacity: 0.07;    z-index: 0;    pointer-events: none;}.page-id-97187 .section-dark .section-content,.page-id-97187 .savoir-faire-section .section-content,.page-id-97187 .formations .section-content {    position: relative;    z-index: 1;}
/* === 5000 CLIENTS SECTION FIX === */.page-id-97187 [class*="5000_clients"] { margin-bottom: 0 !important; padding-bottom: 0 !important; }.page-id-97187 [class*="5000_clients"] p { margin-bottom: 0 !important; }.page-id-97187 .section-light .col { padding-bottom: 0 !important; }.page-id-97187 .section-light .col-inner { padding-bottom: 0 !important; }/* === FORMATIONS SECTION FIX === */.page-id-97187 .formations.section { padding: 0 !important; }.page-id-97187 .formations .col { padding-bottom: 0 !important; }.page-id-97187 .formations .col-inner { padding-bottom: 0 !important; }.page-id-97187 .formations .row { margin-bottom: 0 !important; }
/* === REASSURANCE SECTION - FULL OVERRIDE === */
body.page-id-97187 section.reassurance-section.section,
body.page-id-97187 .reassurance-section.section {
  background: linear-gradient(180deg, #000000 0%, #0f0f0f 50%, #000000 100%) !important;
  padding-top: 0 !important; padding-bottom: 0 !important;
  min-height: 0 !important;
}
body.page-id-97187 .reassurance-section .section-bg,
body.page-id-97187 .reassurance-section .section-bg.fill {
  background: none !important;
  background-color: transparent !important;
  opacity: 0 !important;
}
body.page-id-97187 .reassurance-section .col,
body.page-id-97187 .reassurance-section .columns,
body.page-id-97187 .reassurance-section .col.large-12 {
  padding-top: 0 !important; padding-bottom: 0 !important;
  margin-top: 0 !important; margin-bottom: 0 !important;
}
body.page-id-97187 .reassurance-section .col-inner {
  padding-top: 0 !important; padding-bottom: 0 !important;
}
body.page-id-97187 .reassurance-section .row {
  padding-top: 0 !important; padding-bottom: 0 !important;
  margin-top: 0 !important; margin-bottom: 0 !important;
}
body.page-id-97187 .reassurance-section .section-content {
  padding-top: 0 !important; padding-bottom: 0 !important;
}



/* === PRODUCT LIST WIDGET - White bg section (Backgammons/Voyage/Electronique) === */
.page-id-97187 .ux-products-list.product_list_widget .product-title {
    color: #333a41 !important;
}
.page-id-97187 .ux-products-list.product_list_widget .woocommerce-Price-amount {
    color: var(--v2-or) !important;
}
.page-id-97187 .ux-products-list.product_list_widget a {
    color: #333a41 !important;
}


/* === SOCIAL ICONS - global size and centering === */
.html .social-icons {
    font-size: 8px;
}
.html .social-icons .icon {
    display: inline-flex;
    justify-content: center;
    width: auto;
    align-items: center;
}

/* === SOCIAL ICONS - restore native colors on homepage v2 === */
.page-id-97187 .social-icons .icon.button.primary.facebook {
    color: #3b5998 !important;
    background-color: currentcolor !important;
}
.page-id-97187 .social-icons .icon.button.primary.pinterest {
    color: #bd081c !important;
    background-color: currentcolor !important;
}

/* === LANGUAGE-SPECIFIC STYLES === */
html[lang="es-ES"] .header-nav-main.nav > li {
    margin: 0 4px !important;
}

/* === SKEEPERS LIGHTBOX - full width === */.AV_fancybox-slide--iframe .AV_fancybox-content {    width: 100% !important;    max-width: 100% !important;    margin: 0 !important;    padding: 0 !important;}.AV_fancybox-slide--iframe .AV_fancybox-iframe {    width: 100% !important;}

/* === MOBILE: flex-has-center bottom spacing === */
@media (max-width: 549px) {
    .flex-has-center > .flex-col:not(.flex-center),
    .flex-has-center > .flex-row > .flex-col:not(.flex-center),
    .flex-has-center > .nav-row > .flex-col:not(.flex-center) {
        padding-bottom: 5px;
    }
}

/* === HEADER BOTTOM - black bg with gold borders === */
.header-bottom {
    background-color: #000000;
    border-top: 1px solid #C9A84C;
    border-bottom: 1px solid #C9A84C;
}

/* === HEADER BUTTON 2 - Avis clients gradient === */
.header-button-2 .header-button .button {
    background: linear-gradient(to bottom, #c9a84c 0%, #000000 55%, #c9a84c 99%, #c9a84c 99%) !important;
}

/* === HEADER CONTACT - gold color, no hover === */
#header-contact a,
#header-contact a span,
#header-contact a i {
    color: #C9A84C !important;
}
#header-contact a:hover,
#header-contact a:hover span,
#header-contact a:hover i {
    color: #C9A84C !important;
    opacity: 1 !important;
}
#header-contact .nav-line > li > a:before,
#header-contact.nav-line > li > a:before {
    display: none !important;
}

/* === HEADER BOTTOM NAV - all links gold, no hover effects === */
ul.header-bottom-nav a,
ul.header-bottom-nav a:link,
ul.header-bottom-nav a:visited,
ul.header-bottom-nav a:hover,
ul.header-bottom-nav a:focus,
ul.header-bottom-nav a:active,
ul.header-bottom-nav li a,
ul.header-bottom-nav li a:hover {
    color: #C9A84C !important;
    opacity: 1 !important;
    text-decoration: none !important;
    transition: none !important;
}
ul.header-bottom-nav a:not(.btn-promo-mois) {
    font-size: 12px !important;
}
ul.header-bottom-nav .btn-promo-mois,
ul.header-bottom-nav .btn-promo-mois:hover {
    background: transparent !important;
    border-color: #C9A84C !important;
    color: #C9A84C !important;
}
ul.nav-line.header-bottom-nav li a:before,
ul.nav-line.header-bottom-nav li a:after,
ul.header-bottom-nav.nav-line li a:before,
ul.header-bottom-nav.nav-line li a:after,
.nav-line.header-bottom-nav > li > a:before,
.nav-line.header-bottom-nav > li > a:after {
    display: none !important;
    content: none !important;
    height: 0 !important;
    border: none !important;
    background: none !important;
}

/* === HEADER BUTTON 2 - Avis clients white text === */
.header-button-2 .header-button .button,
.header-button-2 .header-button .button span,
.header-button-2 .header-button .button i {
    color: #FFFFFF !important;
}

/* === LIGHTBOX GUIDE - fix mobile positioning === */
@media (max-width: 767px) {
    .mfp-wrap {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
    }
    .mfp-wrap .mfp-container {
        position: relative !important;
        padding: 15px 10px;
        min-height: 100%;
        display: flex;
    clear: both;
    width: 100%;
        align-items: flex-start;
        justify-content: center;
    }
    .mfp-wrap .mfp-content {
        vertical-align: top !important;
        margin-top: 10px;
        margin-bottom: 20px;
        transform: none !important;
    }
    .lightbox-content .lightbox-inner {
        padding: 15px 10px;
    }
}

/* === GUIDE DES TAILLES - tables mobile compact === */
@media (max-width: 767px) {
    .guide-echiquier-premium table {
        min-width: 0 !important;
        width: 100% !important;
    }
    .guide-echiquier-premium th,
    .guide-echiquier-premium td {
        font-size: 12px !important;
        padding: 8px 6px !important;
    }
    .guide-echiquier-premium .guide-block h3 {
        font-size: 15px !important;
    }
    .guide-echiquier-premium .format-card strong {
        font-size: 14px !important;
    }
}

/* === PRODUCT PAGE - design fiches produits === */
.product-main {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.product-info .breadcrumbs {    font-size: 11px !important;
    font-style: italic !important;}
.product-info h1.product_title {
    font-weight: 500 !important;
    color: black !important;
    text-transform: uppercase !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    letter-spacing: -1px;
    font-family: Raleway, sans-serif;
    font-size: 21px;
}
.product-info span.amount {
    color: #C9A84C !important;
    font-weight: 800;
    white-space: nowrap;
}
.product-info .price {
    margin: 0 !important;
}
.product-info .price .stock-badge-custom {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px !important;
    color: #2ecc71 !important;
    font-weight: 600;
    margin-top: 10px;
    font-family: Raleway, sans-serif;
}

.product-info .price .stock-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #2ecc71 !important;
    border-radius: 50%;
    animation: stock-blink 2s ease-in-out infinite;
}
@keyframes stock-blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.3; }
}
.product-info .price.product-page-price {
    font-size: 21px !important;
    font-weight: 800;
    line-height: 1.3;
}
.product-info .price-wrapper {
    display: flex !important;
    justify-content: space-between;
    align-items: flex-start;
}
.product-info .price-wrapper > .price.product-page-price {
    flex: 1;
    float: none !important;
}
.product-info .price-wrapper > div[style*='float:right'] {
    float: none !important;
    font-size: 11px;
    text-align: right;
}
.product-info .price-wrapper > div[style*='clear:both'] {
    display: none;
}

/* === PRODUCT PAGE - Luxury product meta (Ref, Livraison, Gravure) === */
.luxury-product-meta {
    max-width: 820px;
    background: #1D2327;
    border: 1px solid #C9A84C;
    border-radius: 12px 12px 0 0;
    margin-bottom: 10px;
    overflow: hidden;
    box-shadow: none;
    font-family: Georgia, 'Times New Roman', serif;
    margin-top: 0px;
}
.luxury-product-meta__row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 18px;
    position: relative;
}
.luxury-product-meta__row + .luxury-product-meta__row {
    border-top: 1px solid rgba(201, 168, 76, 0.25);
}
.luxury-product-meta__row--ref {
    background: linear-gradient(180deg, #1D2327 0%, #171c20 100%);
    color: #e5e5e5;
}
.luxury-product-meta__row--shipping {
    background: linear-gradient(180deg, #111111 0%, #070707 100%);
    color: #f8f6f1;
}
.luxury-product-meta__row--engraving {
    background: linear-gradient(180deg, #C9A84C 0%, #a98a3c 100%);
    color: #1a1a1a;
}
.luxury-product-meta__icon-wrap {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(201, 168, 76, 0.5);
    background: rgba(255, 255, 255, 0.04);
}
.luxury-product-meta__row--engraving .luxury-product-meta__icon-wrap {
    background: rgba(0, 0, 0, 0.08);
    border-color: rgba(0, 0, 0, 0.25);
}
.luxury-product-meta__icon {
    width: 16px;
    height: 16px;
    stroke: currentColor;
    stroke-width: 1.4;
    fill: none;
}
.luxury-product-meta__content {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.luxury-product-meta__label {
    font-size: 10px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    opacity: 0.7;
    font-family: Arial, Helvetica, sans-serif;
}
.luxury-product-meta__text {
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 0.01em;
}
.luxury-product-meta__text strong {
    font-weight: 700;
}
.luxury-product-meta__row::before {
    content: ;
    position: absolute;
    left: 0;
    top: 20%;
    height: 60%;
    width: 2px;
    background: linear-gradient(to bottom, transparent, #C9A84C, transparent);
    opacity: 0.6;
}
@media (max-width: 768px) {
    .luxury-product-meta__row {
        padding: 16px 16px;
        gap: 12px;
    }
    .luxury-product-meta__icon-wrap {
        width: 38px;
        height: 38px;
        min-width: 38px;
    }
    .luxury-product-meta__text {
        font-size: 15px;
    }
    .luxury-product-meta__label {
        font-size: 10px;
    }
}

/* === STOCK BADGE - tooltip on asterisk === */
.stock-tooltip-wrap {
    position: relative;
    cursor: help;
    font-weight: 800;
}
.stock-tooltip {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #1D2327;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    padding: 6px 10px;
    border-radius: 6px;
    white-space: nowrap;
    margin-bottom: 6px;
    border: 1px solid #C9A84C;
}
.stock-tooltip-wrap:hover .stock-tooltip {
    display: block;
}


/* === PRODUCT PAGE - Reference line under stock badge === */
.product-ref-line {
    display: block;
    font-size: 11px;
    color: #8A8A8A;
    font-family: Raleway, sans-serif;
    margin-top: 4px;
    font-style: italic;
}

/* === PRODUCT PAGE - Guide des tailles button === */
.guide-tailles-btn {
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    margin-bottom: 10px;
    padding: 8px 18px;
    font-family: Raleway, sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #C9A84C;
    text-decoration: none;
    border: 1px solid #C9A84C;
    border-radius: 8px;
    background: transparent;
    transition: background 0.25s, color 0.25s;
}
.guide-tailles-btn:hover {
    background: #C9A84C;
    color: #0A0A0A;
}
.guide-tailles-btn svg {
    flex-shrink: 0;
}

/* === PRODUCT PAGE - Contact CTA box === */
.contact-cta-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 18px;
    margin-top: 0;
    background: #1D2327;
    border: 1px solid rgba(201, 168, 76, 0.3);
    border-radius: 0;
    gap: 12px;
}
.contact-cta-left {
    display: flex;
    align-items: center;
    gap: 8px;
}
.contact-cta-text {
    font-family: Raleway, sans-serif;
    font-size: 12px;
    color: #b0b0b0;
    line-height: 1.3;
}
.contact-cta-text svg {
    flex-shrink: 0;
}
.contact-cta-hours {
    font-size: 10px;
    color: #8A8A8A;
}
.contact-cta-phone {
    display: inline-block;
    font-family: Cinzel, serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #C9A84C;
    text-decoration: none;
    padding: 4px 16px;
    border: 1px solid #C9A84C;
    border-radius: 30px;
    white-space: nowrap;
    transition: background 0.25s, color 0.25s;
}
.contact-cta-phone:hover {
    background: #C9A84C;
    color: #0A0A0A;
}
.product-info form.cart {
    margin-bottom: 0 !important;
}

/* === PRODUCT PAGE - Certificat HR === */
hr.certificat-hr {
    border: none;
    height: 1px;
    background: linear-gradient(to right, transparent, #C9A84C, transparent);
    margin: 20px 0 15px;
}
.certificat img {
    border: 1px solid #C9A84C;
    border-radius: 12px;
}

/* === PRODUCT PAGE - YITH WAPO gravure box continuity === */
.product-info #yith-wapo-container {
    margin-bottom: 0 !important;
}
.product-info .yith-wapo-addon {
    margin-bottom: 0 !important;
    border-radius: 0;
    overflow: hidden;
}
.product-info #wapo-total-price-table {
    margin-bottom: 0 !important;
}
.product-info .yith-wapo-block {
    margin-bottom: 0 !important;
    border-radius: 0 !important;
}
.product-info .single_add_to_cart_button {
    border-radius: 0 !important;
    margin-top: 0 !important;
}
#assurance {
    border-radius: 0 0 12px 12px;
    display: block;
    width: 100%;
}

.product-info .wapo-addon-title {
    font-size: 1em !important;
}
.single-product #text-3460050640 {
    text-align: center;
    padding: 10px 0;
    margin-bottom: 10px;
    color: #fff;
    background: linear-gradient(135deg, #0A0A0A 0%, #1e1810 50%, #0A0A0A 100%);
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    padding-left: calc(50vw - 50%);
    padding-right: calc(50vw - 50%);
}
.single-product #text-3460050640 h5 {
    color: #C9A84C;
}
.single-product #text-3460050640 p,
.single-product #text-3460050640 h5 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.single-product img.size-full.alignnone {
    margin-bottom: 0 !important;
}
.single-product .skeepers_carousel_container {
    margin-bottom: 0 !important;
}

/* === SKEEPERS - gold theme instead of orange === */
.single-product .skeepers_carousel_container {
    --skeepers-widget-star-color: #C9A84C !important;
    --skeepers-widget-custom-color: #C9A84C !important;
}
.single-product .skeepers_carousel_container .stars__item {
    background: linear-gradient(to right, #C9A84C 0%, #C9A84C 100%) !important;
}
.single-product .skeepers_carousel_container .rating__value-numeric .text__rating,
.single-product .skeepers_carousel_container .review__rating .text__rating {
    color: #C9A84C !important;
}
.single-product .skeepers_carousel_container .slide-arrow {
    color: #C9A84C !important;
    border-color: #C9A84C !important;
}
.single-product .skeepers_carousel_container .slide-arrow:hover {
    background: #C9A84C !important;
    color: #fff !important;
}
.single-product .skeepers_carousel_container .view-more {
    color: #C9A84C !important;
}
.single-product .skeepers_carousel_container .swiper-pagination-bullet--active button,
.single-product .skeepers_carousel_container .swiper-pagination-bullet--active {
    border-color: #C9A84C !important;
}
.single-product .skeepers_carousel_container .swiper-pagination-bullet--active button {
    box-shadow: inset 0 0 0 3px #C9A84C !important;
}
.single-product .skeepers_carousel_container .swiper-pagination-bullet button {
    border-color: #C9A84C !important;
}
.single-product .skeepers_carousel_container .rating__details-link {
    color: #C9A84C !important;
}

/* === SKEEPERS - remaining orange overrides === */
.single-product .skeepers_carousel_container .rating__value-fact,
.single-product .skeepers_carousel_container .rating__value .text__rating,
.single-product .skeepers_carousel_container .review__rating-fact {
    color: #C9A84C !important;
}
.single-product .skeepers_carousel_container .carousel__navigation .swiper-pagination-bullet button {
    background: #666 !important;
    border-color: #C9A84C !important;
    border-radius: 50% !important;
}
.single-product .skeepers_carousel_container .carousel__navigation .swiper-pagination-bullet--active button {
    background: #C9A84C !important;
}

/* === PRODUCT PAGE - Styled Add to Cart button === */
.product-info .single_add_to_cart_button {
    background: linear-gradient(135deg, #C9A84C 0%, #a98a3c 50%, #C9A84C 100%) !important;
    color: #0A0A0A !important;
    font-family: Raleway, sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    padding: 14px 20px !important;
    border: none !important;
    border-radius: 0 !important;
    width: 100% !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(201, 168, 76, 0.3) !important;
}
.product-info .single_add_to_cart_button:hover {
    background: linear-gradient(135deg, #D4B96B 0%, #C9A84C 50%, #D4B96B 100%) !important;
    box-shadow: 0 6px 20px rgba(201, 168, 76, 0.5) !important;
    transform: translateY(-1px);
}

/* === PRODUCT PAGE - Add to cart guarantee sub-text === */
.product-info .single_add_to_cart_button .cart-btn-guarantee {
    display: block;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0.5px;
    opacity: 0.7;
    margin-top: 2px;
}

/* =====================================================================
   ANNUAIRE DES CLUBS D'ÉCHECS
   ===================================================================== */

.annuaire-page {
    background: #0A0A0A;
    color: #FFFFFF;
    padding-bottom: 60px;
}

.annuaire-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px;
}

/* Breadcrumbs */
.annuaire-breadcrumbs {
    padding: 20px 0;
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
    color: #8A8A8A;
}
.annuaire-breadcrumbs a {
    color: #C9A84C;
    text-decoration: none;
}
.annuaire-breadcrumbs a:hover {
    text-decoration: underline;
}
.annuaire-breadcrumbs .sep {
    margin: 0 8px;
    color: #555;
}

/* Hero */
.annuaire-hero {
    text-align: center;
    padding: 50px 0 30px;
}
.annuaire-hero h1 {
    font-family: 'Cinzel', serif;
    font-size: 38px;
    color: #C9A84C;
    margin: 0 0 15px;
    letter-spacing: 1px;
}
.annuaire-hero-sub {
    font-family: 'Cormorant Garamond', serif;
    font-size: 20px;
    color: #D4B96B;
    margin: 0;
}
.annuaire-hero-sub strong {
    color: #FFFFFF;
}

/* Intro text */
.annuaire-intro {
    max-width: 800px;
    margin: 0 auto 40px;
    text-align: center;
}
.annuaire-intro p {
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    line-height: 1.8;
    color: #CCCCCC;
}

/* City description (AI content) */
.annuaire-city-description {
    max-width: 800px;
    margin: 0 auto 40px;
}
.annuaire-city-description p {
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    line-height: 1.8;
    color: #CCCCCC;
    margin-bottom: 15px;
}

/* Letter navigation */
.annuaire-letters-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-bottom: 40px;
    padding: 20px;
    background: #1C1C1C;
    border-radius: 8px;
    border: 1px solid #333;
}
.annuaire-letter-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    font-family: 'Cinzel', serif;
    font-size: 16px;
    color: #C9A84C;
    background: transparent;
    border: 1px solid #C9A84C;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.3s;
}
.annuaire-letter-link:hover {
    background: #C9A84C;
    color: #0A0A0A;
}

/* Letter groups */
.annuaire-letter-group {
    margin-bottom: 30px;
}
.annuaire-letter-title {
    font-family: 'Cinzel', serif;
    font-size: 28px;
    color: #C9A84C;
    border-bottom: 1px solid #333;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

/* City cards in index */
.annuaire-cities-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}
.annuaire-city-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background: #1C1C1C;
    border: 1px solid #333;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.3s;
}
.annuaire-city-card:hover {
    border-color: #C9A84C;
    background: #222;
}
.annuaire-city-card .city-name {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    color: #FFFFFF;
}
.annuaire-city-card .city-count {
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
    color: #C9A84C;
    white-space: nowrap;
    margin-left: 10px;
}

/* Club cards in city view */
.annuaire-clubs-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 40px;
}
.annuaire-club-card {
    background: #1C1C1C;
    border: 1px solid #333;
    border-radius: 8px;
    padding: 24px;
    transition: border-color 0.3s;
    display: flex;
    flex-direction: column;
}
.annuaire-club-card:hover {
    border-color: #C9A84C;
}

.club-card-header {
    margin-bottom: 15px;
}
.club-card-name {
    font-family: 'Cinzel', serif;
    font-size: 18px;
    margin: 0 0 8px;
}
.club-card-name a {
    color: #FFFFFF;
    text-decoration: none;
}
.club-card-name a:hover {
    color: #C9A84C;
}

.club-card-rating {
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
}
.club-card-rating .stars {
    color: #C9A84C;
}
.club-card-rating .rating-value {
    color: #FFFFFF;
    font-weight: 600;
}
.club-card-rating .review-count {
    color: #8A8A8A;
}

.club-card-body {
    flex: 1;
    margin-bottom: 15px;
}
.club-info {
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
    color: #CCCCCC;
    margin: 6px 0;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.club-info a {
    color: #D4B96B;
    text-decoration: none;
}
.club-info a:hover {
    text-decoration: underline;
}
.club-icon {
    flex-shrink: 0;
    font-size: 14px;
}

.club-card-footer {
    border-top: 1px solid #333;
    padding-top: 12px;
}
.club-card-link {
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
    color: #C9A84C;
    text-decoration: none;
    font-weight: 600;
}
.club-card-link:hover {
    text-decoration: underline;
}

/* Club detail page */
.club-rating-block {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px 30px;
    background: #1C1C1C;
    border: 1px solid #C9A84C;
    border-radius: 8px;
    margin-bottom: 30px;
    justify-content: center;
}
.club-rating-stars {
    font-size: 28px;
    color: #C9A84C;
}
.club-rating-details {
    font-family: 'Raleway', sans-serif;
}
.club-rating-details .rating-number {
    font-size: 24px;
    font-weight: 700;
    color: #FFFFFF;
    margin-right: 10px;
}
.club-rating-details .rating-count {
    font-size: 14px;
    color: #8A8A8A;
}

/* AI Summary */
.club-ai-summary {
    max-width: 800px;
    margin: 0 auto 30px;
    padding: 20px 25px;
    background: #1C1C1C;
    border-left: 3px solid #C9A84C;
    border-radius: 0 8px 8px 0;
}
.club-ai-summary p {
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    line-height: 1.7;
    color: #CCCCCC;
    margin: 0;
}

/* Detail grid: info + hours */
.club-detail-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-bottom: 40px;
}
.club-detail-info,
.club-detail-hours {
    background: #1C1C1C;
    border: 1px solid #333;
    border-radius: 8px;
    padding: 25px;
}
.club-detail-info h2,
.club-detail-hours h2 {
    font-family: 'Cinzel', serif;
    font-size: 20px;
    color: #C9A84C;
    margin: 0 0 20px;
}

.club-info-list {
    margin: 0;
}
.club-info-list dt {
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
    color: #8A8A8A;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 15px;
}
.club-info-list dt:first-child {
    margin-top: 0;
}
.club-info-list dd {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    color: #FFFFFF;
    margin: 4px 0 0 0;
}
.club-info-list dd a {
    color: #D4B96B;
    text-decoration: none;
}
.club-info-list dd a:hover {
    text-decoration: underline;
}

.club-maps-link {
    display: inline-block;
    margin-top: 20px;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    color: #C9A84C;
    text-decoration: none;
    font-weight: 600;
}
.club-maps-link:hover {
    text-decoration: underline;
}

/* Hours table */
.club-hours-table {
    width: 100%;
    border-collapse: collapse;
}
.club-hours-table tr {
    border-bottom: 1px solid #2a2a2a;
}
.club-hours-table tr:last-child {
    border-bottom: none;
}
.club-hours-table td {
    padding: 8px 0;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
}
.club-hours-table .day {
    color: #FFFFFF;
    font-weight: 600;
    width: 120px;
}
.club-hours-table .time {
    color: #CCCCCC;
}
.club-hours-table tr.closed .time {
    color: #666;
    font-style: italic;
}

/* Reviews synthesis */
.club-reviews-synthesis {
    margin-bottom: 30px;
    padding: 25px;
    background: #1C1C1C;
    border: 1px solid #333;
    border-radius: 8px;
}
.club-reviews-synthesis h2 {
    font-family: 'Cinzel', serif;
    font-size: 20px;
    color: #C9A84C;
    margin: 0 0 15px;
}
.club-reviews-synthesis p {
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    line-height: 1.7;
    color: #CCCCCC;
    margin: 0;
}

/* Individual reviews */
.club-reviews {
    margin-bottom: 40px;
}
.club-reviews h2 {
    font-family: 'Cinzel', serif;
    font-size: 20px;
    color: #C9A84C;
    margin: 0 0 20px;
}
.club-reviews-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.club-review-item {
    background: #1C1C1C;
    border: 1px solid #333;
    border-radius: 8px;
    padding: 20px;
}
.review-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}
.review-author {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 600;
}
.review-stars {
    color: #C9A84C;
    font-size: 14px;
}
.review-date {
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
    color: #8A8A8A;
}
.review-text {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #CCCCCC;
    margin: 0;
}

/* Star styling */
.star {
    font-style: normal;
}
.star-full {
    color: #C9A84C;
}
.star-half {
    color: #C9A84C;
    opacity: 0.6;
}
.star-empty {
    color: #555;
}

/* CTA block */
.annuaire-cta {
    text-align: center;
    padding: 40px;
    background: #1C1C1C;
    border: 1px solid #C9A84C;
    border-radius: 8px;
    margin-top: 40px;
}
.annuaire-cta h2 {
    font-family: 'Cinzel', serif;
    font-size: 24px;
    color: #C9A84C;
    margin: 0 0 10px;
}
.annuaire-cta p {
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    color: #CCCCCC;
    margin: 0 0 20px;
}
.annuaire-cta-links {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}
.annuaire-cta-btn {
    display: inline-block;
    padding: 12px 28px;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #0A0A0A;
    background: linear-gradient(135deg, #C9A84C, #D4B96B);
    border-radius: 4px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s;
}
.annuaire-cta-btn:hover {
    background: linear-gradient(135deg, #D4B96B, #C9A84C);
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(201, 168, 76, 0.3);
}

/* =====================================================================
   ANNUAIRE — RESPONSIVE
   ===================================================================== */

@media (max-width: 1024px) {
    .annuaire-cities-list {
        grid-template-columns: repeat(3, 1fr);
    }
    .annuaire-clubs-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .annuaire-container {
        padding: 0 15px;
    }
    .annuaire-hero h1 {
        font-size: 26px;
    }
    .annuaire-hero-sub {
        font-size: 16px;
    }
    .annuaire-cities-list {
        grid-template-columns: repeat(2, 1fr);
    }
    .annuaire-clubs-grid {
        grid-template-columns: 1fr;
    }
    .club-detail-grid {
        grid-template-columns: 1fr;
    }
    .club-rating-block {
        flex-direction: column;
        text-align: center;
    }
    .annuaire-cta {
        padding: 25px 15px;
    }
    .annuaire-cta-links {
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 480px) {
    .annuaire-cities-list {
        grid-template-columns: 1fr;
    }
    .annuaire-hero {
        padding: 30px 0 20px;
    }
    .annuaire-hero h1 {
        font-size: 22px;
    }
    .annuaire-letter-link {
        width: 30px;
        height: 30px;
        font-size: 13px;
    }
}

/*************** CATEGORY DESCRIPTIONS SEO ***************/
.cat-desc-ensembles{background:#0A0A0A;color:#fff;font-family:"Raleway",sans-serif;padding:60px 0 40px;margin-top:40px;border-top:1px solid #C9A84C;line-height:1.8;font-size:15px}
.cat-desc-ensembles *{box-sizing:border-box}
.cat-desc-ensembles .cde-inner{max-width:1100px;margin:0 auto;padding:0 30px}
.cat-desc-ensembles h2{font-family:"Cinzel",serif;color:#C9A84C;font-size:26px;font-weight:400;letter-spacing:3px;text-transform:uppercase;text-align:center;margin:0 0 12px}
.cat-desc-ensembles .cde-subtitle{font-family:"Cormorant Garamond",serif;color:#D4B96B;font-size:18px;font-style:italic;text-align:center;margin:0 0 35px;letter-spacing:1px}
.cat-desc-ensembles .cde-gold-line{width:60px;height:1px;background:#C9A84C;margin:0 auto 40px}
.cat-desc-ensembles p{color:#ccc;margin:0 0 18px;text-align:justify}
.cat-desc-ensembles strong{color:#fff}
.cat-desc-ensembles a{color:#C9A84C;text-decoration:none;border-bottom:1px solid rgba(201,168,76,.3);transition:border-color .3s}
.cat-desc-ensembles a:hover{border-color:#C9A84C}
.cat-desc-ensembles h3{font-family:"Cinzel",serif;color:#D4B96B;font-size:19px;font-weight:400;letter-spacing:2px;margin:45px 0 18px;padding-bottom:10px;border-bottom:1px solid rgba(201,168,76,.15)}
.cat-desc-ensembles .cde-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:30px 0 40px}
.cat-desc-ensembles .cde-card{background:#1C1C1C;border:1px solid rgba(201,168,76,.2);border-radius:6px;padding:28px 22px;text-align:center;transition:border-color .3s,transform .3s}
.cat-desc-ensembles .cde-card:hover{border-color:#C9A84C;transform:translateY(-3px)}
.cat-desc-ensembles .cde-card-icon{font-size:30px;margin-bottom:12px;display:block}
.cat-desc-ensembles .cde-card h4{font-family:"Cinzel",serif;color:#fff;font-size:15px;font-weight:400;letter-spacing:1px;margin:0 0 10px}
.cat-desc-ensembles .cde-card p{color:#999;font-size:13.5px;text-align:center;margin:0 0 14px;line-height:1.7}
.cat-desc-ensembles .cde-card a{font-size:13px;font-weight:600;letter-spacing:.5px}
.cat-desc-ensembles .cde-grid-mat{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:25px 0 35px}
.cat-desc-ensembles .cde-mat{background:#1C1C1C;border-left:3px solid #C9A84C;padding:20px 24px;border-radius:0 6px 6px 0}
.cat-desc-ensembles .cde-mat h4{font-family:"Cinzel",serif;color:#D4B96B;font-size:15px;font-weight:400;margin:0 0 8px;letter-spacing:1px}
.cat-desc-ensembles .cde-mat p{color:#aaa;font-size:13.5px;text-align:left;margin:0}
.cat-desc-ensembles .cde-dim-table{width:100%;border-collapse:collapse;margin:20px 0 30px;font-size:14px}
.cat-desc-ensembles .cde-dim-table th{background:#1C1C1C;color:#C9A84C;font-family:"Cinzel",serif;font-weight:400;letter-spacing:1px;padding:12px 16px;text-align:left;border-bottom:1px solid #C9A84C}
.cat-desc-ensembles .cde-dim-table td{padding:11px 16px;border-bottom:1px solid rgba(255,255,255,.06);color:#bbb}
.cat-desc-ensembles .cde-dim-table tr:hover td{background:rgba(201,168,76,.05)}
.cat-desc-ensembles .cde-budget{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:25px 0 35px}
.cat-desc-ensembles .cde-budget-item{background:#1C1C1C;border:1px solid rgba(201,168,76,.15);border-radius:6px;padding:22px 18px;text-align:center;transition:border-color .3s}
.cat-desc-ensembles .cde-budget-item:hover{border-color:#C9A84C}
.cat-desc-ensembles .cde-budget-item .cde-price{font-family:"Cinzel",serif;color:#C9A84C;font-size:17px;margin-bottom:6px}
.cat-desc-ensembles .cde-budget-item .cde-label{color:#999;font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}
.cat-desc-ensembles .cde-budget-item p{font-size:13px;color:#aaa;text-align:center;margin:0 0 12px}
.cat-desc-ensembles .cde-budget-item a{font-size:12.5px;font-weight:600}
.cat-desc-ensembles .cde-tip{background:linear-gradient(135deg,rgba(201,168,76,.08),rgba(201,168,76,.03));border:1px solid rgba(201,168,76,.25);border-radius:6px;padding:20px 24px;margin:25px 0;display:flex;align-items:flex-start;gap:14px}
.cat-desc-ensembles .cde-tip-icon{color:#C9A84C;font-size:22px;flex-shrink:0;margin-top:2px}
.cat-desc-ensembles .cde-tip p{margin:0;font-size:14px;color:#ccc}
.cat-desc-ensembles .cde-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:30px 0 10px}
.cat-desc-ensembles .cde-links a{display:inline-block;padding:10px 22px;border:1px solid rgba(201,168,76,.35);border-radius:4px;font-size:13px;letter-spacing:.5px;transition:all .3s}
.cat-desc-ensembles .cde-links a:hover{background:#C9A84C;color:#0A0A0A;border-color:#C9A84C;border-bottom-color:#C9A84C}
@media(max-width:768px){
.cat-desc-ensembles .cde-cards,.cat-desc-ensembles .cde-budget{grid-template-columns:repeat(2,1fr)}
.cat-desc-ensembles .cde-grid-mat{grid-template-columns:1fr}
.cat-desc-ensembles h2{font-size:21px;letter-spacing:2px}
.cat-desc-ensembles .cde-inner{padding:0 18px}
}

/* Full-width background for category bottom content */
.cat-bottom-seo-content{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);overflow:hidden}
.cat-bottom-seo-content .cat-desc-ensembles{margin-left:0;margin-right:0}

/* Category Page Header - H1 + Intro */
.cat-page-h1{font-family:'Cinzel',serif !important;font-size:26px !important;font-weight:400 !important;letter-spacing:4px !important;text-transform:uppercase !important;text-align:center !important;color:#C9A84C !important;margin:0 0 8px !important;padding:0 !important}
.term-description .cat-desc-intro{position:relative;max-width:850px;margin:0 auto 30px;text-align:center;padding:0 30px}
.term-description .cat-desc-intro::before{content:'';display:block;width:60px;height:1px;background:#C9A84C;margin:0 auto 20px}
.term-description .cat-desc-intro p{font-family:'Cormorant Garamond',serif;font-size:17px;line-height:1.8;color:#555;font-style:italic;margin:0}
.term-description .cat-desc-intro p strong{color:#1C1C1C;font-style:normal}
.term-description .cat-desc-intro::after{content:'';display:block;width:200px;height:1px;background:linear-gradient(90deg,transparent,#C9A84C,transparent);margin:25px auto 0}

/*************** BLOG ARTICLES SEO DESIGN ***************/
.art-blog{font-family:'Raleway',sans-serif;color:#333;line-height:1.8;font-size:16px;max-width:860px;margin:0 auto}
.art-blog h2{font-family:'Cinzel',serif;color:#1C1C1C;font-size:24px;font-weight:400;letter-spacing:2px;text-transform:uppercase;margin:50px 0 15px;padding-bottom:12px;border-bottom:2px solid #C9A84C}
.art-blog h3{font-family:'Cinzel',serif;color:#D4B96B;font-size:17px;font-weight:400;letter-spacing:1px;background:#1C1C1C;display:inline-block;padding:8px 20px;border-radius:3px;margin:35px 0 15px}
.art-blog p{margin:0 0 16px}
.art-blog strong{color:#1C1C1C}
.art-blog a{color:#C9A84C;text-decoration:none;border-bottom:1px solid rgba(201,168,76,.3);transition:border-color .3s}
.art-blog a:hover{border-color:#C9A84C}
.art-blog .blog-intro{font-family:'Cormorant Garamond',serif;font-size:19px;font-style:italic;color:#555;text-align:center;max-width:750px;margin:0 auto 35px;line-height:1.7}
.art-blog .blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:25px 0}
.art-blog .blog-card{background:#f9f8f6;border:1px solid #e8e4dc;border-radius:6px;padding:22px;transition:border-color .3s}
.art-blog .blog-card:hover{border-color:#C9A84C}
.art-blog .blog-card h4{font-family:'Cinzel',serif;color:#1C1C1C;font-size:15px;font-weight:400;letter-spacing:1px;margin:0 0 8px}
.art-blog .blog-card p{font-size:14px;color:#666;margin:0}
.art-blog .blog-table{width:100%;border-collapse:collapse;margin:20px 0 30px;font-size:14.5px}
.art-blog .blog-table th{background:#1C1C1C;color:#C9A84C;font-family:'Cinzel',serif;font-weight:400;letter-spacing:1px;padding:12px 16px;text-align:left}
.art-blog .blog-table td{padding:11px 16px;border-bottom:1px solid #eee;color:#555}
.art-blog .blog-table tr:hover td{background:#faf9f7}
.art-blog .blog-tip{background:linear-gradient(135deg,rgba(201,168,76,.08),rgba(201,168,76,.03));border:1px solid rgba(201,168,76,.3);border-radius:6px;padding:20px 24px;margin:25px 0;display:flex;align-items:flex-start;gap:14px}
.art-blog .blog-tip-icon{color:#C9A84C;font-size:22px;flex-shrink:0;margin-top:2px}
.art-blog .blog-tip p{margin:0;font-size:14.5px;color:#555}
.art-blog .blog-rule{background:#f9f8f6;border-left:3px solid #C9A84C;padding:18px 24px;margin:20px 0;border-radius:0 6px 6px 0}
.art-blog .blog-rule strong{color:#C9A84C}
.art-blog .blog-quote{background:#1C1C1C;border-radius:6px;padding:25px 30px;margin:25px 0;text-align:center}
.art-blog .blog-quote p{font-family:'Cormorant Garamond',serif;font-size:20px;font-style:italic;color:#D4B96B;margin:0 0 10px}
.art-blog .blog-quote cite{font-size:13px;color:#888;font-style:normal;letter-spacing:1px}
.art-blog .blog-move{font-family:monospace;background:#1C1C1C;color:#C9A84C;padding:2px 8px;border-radius:3px;font-size:14px}
.art-blog .blog-cta{background:#0A0A0A;border:1px solid #C9A84C;border-radius:8px;padding:40px;margin:40px 0 20px;text-align:center}
.art-blog .blog-cta h3{background:none;display:block;color:#C9A84C;font-size:22px;margin:0 0 15px;padding:0}
.art-blog .blog-cta p{color:#ccc;font-size:15px;max-width:700px;margin:0 auto 22px}
.art-blog .blog-cta a.cta-btn{display:inline-block;padding:13px 30px;border:1px solid #C9A84C;color:#C9A84C;font-family:'Cinzel',serif;font-size:13px;letter-spacing:2px;border-radius:4px;text-decoration:none;transition:all .3s;margin:0 6px}
.art-blog .blog-cta a.cta-btn:hover{background:#C9A84C;color:#0A0A0A;border-bottom-color:#C9A84C}
.art-blog .blog-fiche{background:#0A0A0A;border-radius:8px;padding:30px 35px;margin:30px 0}
.art-blog .blog-fiche h4{font-family:'Cinzel',serif;color:#C9A84C;font-size:16px;font-weight:400;letter-spacing:1px;margin:0 0 15px}
.art-blog .blog-fiche .stat{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.art-blog .blog-fiche .label{color:#888;font-size:14px}
.art-blog .blog-fiche .value{color:#fff;font-size:14px;font-weight:600}
.art-blog .blog-timeline{position:relative;padding-left:30px;margin:25px 0;border-left:2px solid #C9A84C}
.art-blog .blog-event{margin-bottom:25px;position:relative}
.art-blog .blog-event::before{content:'';position:absolute;left:-36px;top:6px;width:12px;height:12px;background:#C9A84C;border-radius:50%}
.art-blog .blog-date{font-family:'Cinzel',serif;color:#C9A84C;font-size:14px;letter-spacing:1px;margin:0 0 4px}
.art-blog .blog-event p{margin:0;font-size:15px;color:#555}
@media(max-width:768px){.art-blog .blog-grid{grid-template-columns:1fr}.art-blog h2{font-size:20px}}

/* Fix art-blog quote text visibility */
.art-blog .blog-quote p{color:#D4B96B !important}
.art-blog .blog-quote cite{color:#aaa !important}

/* Fix art-blog lists - replace bullet points with elegant gold chevrons */
.art-blog ul{list-style:none;padding:0;margin:20px 0}
.art-blog ul li{position:relative;padding:10px 15px 10px 28px;margin:0;border-bottom:1px solid rgba(201,168,76,.1);color:#555;font-size:15px}
.art-blog ul li::before{content:'\203A';position:absolute;left:8px;color:#C9A84C;font-size:18px;font-weight:700}
.art-blog ul li a{color:#C9A84C}

/* Fix art-blog inside dark containers - improve link/text visibility */
.art-blog .blog-cta ul{margin:15px auto;max-width:600px}
.art-blog .blog-cta ul li{border-bottom-color:rgba(255,255,255,.06);color:#ccc}
.art-blog .blog-cta ul li::before{color:#C9A84C}
.art-blog .blog-cta ul li a{color:#D4B96B}

/* Fix related articles box if inside art-blog */
.art-blog div[style*="background:#0A0A0A"] ul li{color:#ccc;border-bottom-color:rgba(255,255,255,.06)}
.art-blog div[style*="background:#0A0A0A"] h3,.art-blog div[style*="background:#0A0A0A"] h4{color:#C9A84C}
.art-blog div[style*="background:#0A0A0A"] p{color:#ccc}

/* Fix blog-quote - target ALL text content inside, not just p/cite */
.art-blog .blog-quote{color:#D4B96B !important;font-family:'Cormorant Garamond',serif;font-size:20px;font-style:italic;line-height:1.6}
.art-blog .blog-quote span{color:#aaa !important;font-size:14px;font-style:normal;display:block;margin-top:10px;letter-spacing:1px}
.art-blog .blog-quote br+span{color:#aaa !important}

/*************** PLAN DU CATALOGUE ***************/
.plan-catalogue{max-width:1200px;margin:0 auto;padding:30px 20px 60px;background:#fff !important;font-family:'Raleway',sans-serif}
.plan-catalogue h1{font-family:'Cinzel',serif;color:#C9A84C;font-size:28px;font-weight:400;letter-spacing:4px;text-transform:uppercase;text-align:center;margin:0 0 10px}
.plan-catalogue .plan-subtitle{font-family:'Cormorant Garamond',serif;color:#888;font-size:17px;font-style:italic;text-align:center;margin:0 0 30px}
.plan-catalogue .plan-stats{text-align:center;margin:0 0 40px;font-size:14px;color:#999}
.plan-catalogue .plan-stats strong{color:#C9A84C}
.plan-catalogue .plan-toc{background:#0A0A0A;border-radius:8px;padding:25px 30px;margin:0 0 40px}
.plan-catalogue .plan-toc h2{font-family:'Cinzel',serif;color:#C9A84C;font-size:18px;font-weight:400;letter-spacing:2px;margin:0 0 15px}
.plan-catalogue .plan-toc ul{list-style:none;padding:0;margin:0;column-count:3;column-gap:20px}
.plan-catalogue .plan-toc li{padding:4px 0;break-inside:avoid}
.plan-catalogue .plan-toc li a{color:#D4B96B;text-decoration:none;font-size:14px;border-bottom:1px solid rgba(201,168,76,.2)}
.plan-catalogue .plan-toc li a .count{color:#666;font-size:12px}
.plan-catalogue .cat-section{margin:0 0 35px;border-bottom:1px solid #eee;padding-bottom:25px}
.plan-catalogue .cat-section h2{font-family:'Cinzel',serif;font-size:20px;font-weight:400;letter-spacing:2px;margin:0 0 5px}
.plan-catalogue .cat-section h2 a{color:#1C1C1C;text-decoration:none;border-bottom:2px solid #C9A84C;padding-bottom:4px}
.plan-catalogue .cat-section .cat-meta{font-size:13px;color:#999;margin:0 0 12px}
.plan-catalogue .cat-section h3{font-family:'Cinzel',serif;font-size:16px;font-weight:400;color:#D4B96B;letter-spacing:1px;margin:20px 0 5px;padding-left:15px;border-left:3px solid #C9A84C}
.plan-catalogue .cat-section h3 a{color:#D4B96B;text-decoration:none}
.plan-catalogue .product-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:8px;margin:10px 0 15px}
.plan-catalogue .product-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fafafa;border-radius:4px;font-size:13.5px;gap:15px}
.plan-catalogue .product-item:hover{background:#f0efe8}
.plan-catalogue .product-item a{color:#333;text-decoration:none;flex:1;margin-right:10px;line-height:1.4}
.plan-catalogue .product-item a:hover{color:#C9A84C}
.plan-catalogue .product-badges{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0;min-width:120px}
.plan-catalogue .badge{display:inline-block;padding:2px 7px;border-radius:3px;font-size:10px;font-weight:600;letter-spacing:.3px;white-space:nowrap}
.plan-catalogue .badge-stock{background:#e8f5e9;color:#2e7d32}
.plan-catalogue .badge-outstock{background:#fce4ec;color:#c62828}
.plan-catalogue .badge-sale{background:#fff3e0;color:#e65100}
.plan-catalogue .product-price{font-weight:700;color:#1C1C1C;font-size:13px;white-space:nowrap;text-align:right}
@media(max-width:768px){.plan-catalogue .plan-toc ul{column-count:2}.plan-catalogue .product-list{grid-template-columns:1fr}}

/* SALE BADGE - En promo label on product images */
.badge-container .callout.badge.badge-square .badge-inner.on-sale{background:linear-gradient(135deg,#C9A84C,#D4B96B)!important;color:#0A0A0A!important;padding:0px 8px}
.badge-container .callout.badge.badge-square .badge-inner.on-sale .onsale{color:#0A0A0A!important;font-family:"Raleway",sans-serif;font-size:9px;font-weight:600;letter-spacing:1px;text-transform:uppercase}
.badge-container .callout.badge.badge-square{border-radius:3px}.badge-container .callout.badge{backface-visibility:hidden;display:table;height:22.8px;pointer-events:none;width:2.8em;z-index:20}

/* BLOG CATEGORIES - Homepage listing */
.blog-cats-home{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:30px 20px 10px;max-width:1000px;margin:0 auto}
.blog-cats-home a{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border:1px solid rgba(201,168,76,.4);border-radius:30px;color:#D4B96B;font-family:'Raleway',sans-serif;font-size:13px;font-weight:500;letter-spacing:.5px;text-decoration:none;transition:all .3s ease}
.blog-cats-home a:hover{background:linear-gradient(135deg,#C9A84C,#D4B96B);color:#0A0A0A;border-color:transparent}
.blog-cats-home a span{background:rgba(201,168,76,.15);color:#C9A84C;font-size:11px;font-weight:700;padding:2px 8px;border-radius:12px;transition:all .3s ease}
.blog-cats-home a:hover span{background:rgba(0,0,0,.2);color:#0A0A0A}

/* Bandeau de l'accueil : Flatsome masque l'image d'un bloc parallaxe tant que flatsome.js
   (fin de page) n'a pas activé l'effet → image affichée vers 2,5 s. Flatsome masque aussi le conteneur. On les affiche tout de suite,
   la parallaxe prend le relais ensuite. L'image prioritaire (fetchpriority) est celle du bandeau. */
.home [data-parallax]:not(.parallax-active):has(> .bg[fetchpriority="high"]),
.home [data-parallax]:not(.parallax-active) .bg[fetchpriority="high"] {
    opacity: 1;
}

/* Easy TOC dans les articles .art-blog : ne pas hériter du style des listes du blog (chevron, filets) — 2026-09-24 */
.art-blog #ez-toc-container ul{margin:0;padding:0}
.art-blog #ez-toc-container ul ul{margin-left:1.5em}
.art-blog #ez-toc-container ul li{padding:0;border-bottom:0;font-size:inherit;color:inherit}
.art-blog #ez-toc-container ul li::before{content:none}
.art-blog #ez-toc-container a{border-bottom:0}

/* ==========================================================================
   Articles de blog .art-blog — refonte v2 (2026-09-24)
   Surcharge le bloc .art-blog d'origine. Retour arrière : supprimer ce bloc.
   ========================================================================== */
.art-blog{--pde-noir:#0A0A0A;--pde-anthracite:#1C1C1C;--pde-or:#C9A84C;--pde-or-clair:#D4B96B;--pde-or-texte:#8C6D1F;--pde-texte:#2E2E2E;--pde-texte-2:#4A4A4A;--pde-discret:#6B6B6B;--pde-filet:#E6E6E6;
  font-size:17px;color:var(--pde-texte);line-height:1.8;max-width:820px}
.art-blog p{margin:0 0 18px}
.art-blog strong{color:var(--pde-anthracite);font-weight:600}

/* Liens : or foncé lisible sur blanc (contraste > 4,5:1), soulignement or */
.art-blog a{color:var(--pde-or-texte);border-bottom:1px solid rgba(201,168,76,.55)}
.art-blog a:hover{color:var(--pde-anthracite);border-bottom-color:var(--pde-or)}
.art-blog a:focus-visible{outline:2px solid var(--pde-or);outline-offset:3px;border-radius:2px}
.art-blog ul li a{color:var(--pde-or-texte)}

/* Chapô et ligne de date */
.art-blog .blog-intro{font-size:22px;color:#3A3A3A;line-height:1.6;max-width:760px;margin:10px auto 18px}
.art-blog .blog-intro + p[style]{color:var(--pde-discret) !important;letter-spacing:.3px}

/* Titres */
.art-blog h2{color:var(--pde-anthracite);font-size:25px;margin:60px 0 20px;line-height:1.35}
.art-blog h3{display:block;background:none;color:var(--pde-anthracite);font-size:19px;letter-spacing:.5px;line-height:1.4;
  padding:2px 0 2px 16px;border-left:3px solid var(--pde-or);border-radius:0;margin:38px 0 14px}

/* Listes */
.art-blog ul li{color:var(--pde-texte);font-size:16.5px;border-bottom-color:var(--pde-filet)}
.art-blog ol{padding-left:22px;margin:0 0 20px}
.art-blog ol li{margin-bottom:10px;padding-left:4px}
.art-blog ol li::marker{color:var(--pde-or-texte);font-family:'Cinzel',serif}

/* Encadré conseil : neutre, filet or (plus de fond crème) */
.art-blog .blog-tip{background:#fff;border:1px solid var(--pde-filet);border-left:3px solid var(--pde-or);border-radius:4px}
.art-blog .blog-tip p{font-size:16px;color:var(--pde-texte)}

/* Encadré « L'essentiel » : bloc sombre signature */
.art-blog .blog-tip.blog-essentiel{background:var(--pde-noir);border:1px solid var(--pde-or);border-radius:6px;padding:28px 32px;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.art-blog .blog-essentiel p{color:#D8D8D8;line-height:1.9}
.art-blog .blog-essentiel strong{color:var(--pde-or-clair)}
.art-blog .blog-essentiel p > strong:first-child{display:block;font-family:'Cinzel',serif;font-weight:400;font-size:17px;letter-spacing:2px;text-transform:uppercase;color:var(--pde-or);margin-bottom:8px}
.art-blog .blog-essentiel .blog-tip-icon{font-size:26px}

/* Cartes : blanches, filet or en tête */
.art-blog .blog-card{background:#fff;border:1px solid var(--pde-filet);border-top:2px solid var(--pde-or);border-radius:4px;transition:box-shadow .3s,transform .3s}
.art-blog .blog-card:hover{border-color:var(--pde-filet);border-top-color:var(--pde-or);box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-2px)}
.art-blog .blog-card h4{font-size:16px}
.art-blog .blog-card p{font-size:15.5px;color:var(--pde-texte-2);line-height:1.7}
.art-blog .blog-rule{background:#FAFAFA}

/* Tableaux */
.art-blog .blog-table{font-size:15.5px}
.art-blog .blog-table td{color:var(--pde-texte);border-bottom-color:var(--pde-filet)}
.art-blog .blog-table tr:nth-child(even) td{background:#FAFAFA}
.art-blog .blog-table tr:hover td{background:#F4F1EA}

/* Figures */
.art-blog figure img{box-shadow:0 12px 32px rgba(0,0,0,.14)}
.art-blog figcaption{color:var(--pde-discret) !important;font-style:italic}

/* Sommaire Easy TOC aux couleurs de la charte */
.art-blog div#ez-toc-container{display:block;width:100%;box-sizing:border-box;background:#fff;border:1px solid var(--pde-filet);border-top:3px solid var(--pde-or);border-radius:4px;box-shadow:none;padding:22px 28px;margin:30px 0 10px}
.art-blog div#ez-toc-container .ez-toc-title{font-family:'Cinzel',serif;font-size:16px;letter-spacing:2px;text-transform:uppercase;color:var(--pde-anthracite);font-weight:400}
.art-blog div#ez-toc-container ul li a{color:var(--pde-texte-2);font-size:15px;line-height:1.9}
.art-blog div#ez-toc-container ul li a:hover{color:var(--pde-or-texte)}
.art-blog div#ez-toc-container ul li a::before{color:var(--pde-or-texte)}

/* Appel à l'action : un bouton principal plein, les suivants en contour */
.art-blog .blog-cta h3{border-left:0;padding:0;text-align:center}
.art-blog .blog-cta a.cta-btn{margin:6px}
.art-blog .blog-cta a.cta-btn:first-of-type{background:var(--pde-or);color:var(--pde-noir)}
.art-blog .blog-cta a.cta-btn:first-of-type:hover{background:var(--pde-or-clair);border-color:var(--pde-or-clair)}
.art-blog .blog-cta a.cta-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}

/* Mobile */
@media (max-width:768px){
  .art-blog{font-size:16px}
  .art-blog .blog-intro{font-size:19px}
  .art-blog h2{font-size:20px;letter-spacing:1px;margin-top:45px}
  .art-blog h3{font-size:17px}
  .art-blog .blog-tip.blog-essentiel{padding:22px 20px}
  .art-blog div#ez-toc-container{padding:18px 18px}
  .art-blog .blog-cta{padding:30px 18px}
  .art-blog .blog-cta a.cta-btn{display:block;margin:10px 0}
}

/* En-tête des articles : titre en Cinzel, pastille de date masquée (la date figure sous le titre) */
.single-post .entry-header .entry-title{font-family:'Cinzel',serif;color:#1C1C1C;font-size:34px;line-height:1.3;letter-spacing:.5px;font-weight:400}
.single-post .entry-image .badge.post-date{display:none}
@media (max-width:768px){.single-post .entry-header .entry-title{font-size:24px}}
.art-blog .blog-essentiel p > strong:first-child + br{display:none}
.entry-meta .posted-on time.entry-date.updated{display:inline !important}

/* ===== Catégories du blog : bandeau d'en-tête (template-parts/posts/partials/archive-title.php) ===== */
.blog-archive.page-wrapper:has(> .pde-cat-hero) { padding-top: 0; }
.archive-page-header.pde-cat-hero {
	background-color: #0A0A0A;
	background-image: radial-gradient(ellipse at 50% 0%, rgba(201,168,76,.16), rgba(10,10,10,0) 62%);
	border-bottom: 1px solid rgba(201,168,76,.35);
	padding-top: 58px;
	padding-bottom: 46px;
	margin-bottom: 44px;
	color: #fff;
}
.pde-cat-hero .pde-cat-eyebrow {
	font-family: 'Cinzel', Georgia, serif;
	font-size: 13px;
	letter-spacing: .3em;
	text-transform: uppercase;
	color: #C9A84C;
	margin-bottom: 16px;
}
.pde-cat-hero h1.page-title {
	font-family: 'Cinzel', Georgia, serif;
	font-weight: 500;
	font-size: clamp(26px, 3.2vw, 44px);
	line-height: 1.25;
	letter-spacing: .02em;
	text-transform: none;
	color: #fff;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
}
.pde-cat-hero .pde-cat-page {
	display: block;
	font-family: 'Cormorant Garamond', Georgia, serif;
	font-style: italic;
	font-size: .55em;
	color: #D4B96B;
	letter-spacing: .04em;
	margin-top: 6px;
}
.pde-cat-hero .pde-cat-rule {
	width: 72px;
	height: 1px;
	background: #C9A84C;
	margin: 24px auto;
}
.pde-cat-hero .taxonomy-description {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0;
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	line-height: 1.8;
	color: rgba(255,255,255,.82);
}
.pde-cat-hero .taxonomy-description p:last-child { margin-bottom: 0; }
.pde-cat-hero .taxonomy-description a {
	color: #D4B96B;
	text-decoration: underline;
	text-decoration-color: rgba(212,185,107,.45);
	text-underline-offset: 3px;
}
.pde-cat-hero .taxonomy-description a:hover { color: #fff; text-decoration-color: #fff; }
.pde-cat-hero .pde-cat-nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	max-width: 980px;
	margin: 30px auto 0;
}
.pde-cat-hero .pde-cat-nav a {
	display: inline-block;
	padding: 7px 16px;
	border: 1px solid rgba(201,168,76,.45);
	border-radius: 99px;
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: rgba(255,255,255,.88);
	transition: background-color .2s, color .2s, border-color .2s;
}
.pde-cat-hero .pde-cat-nav a:hover,
.pde-cat-hero .pde-cat-nav a.is-current {
	background-color: #C9A84C;
	border-color: #C9A84C;
	color: #0A0A0A;
}
@media (max-width: 549px) {
	.archive-page-header.pde-cat-hero { padding-top: 40px; padding-bottom: 34px; margin-bottom: 30px; }
	.pde-cat-hero .pde-cat-eyebrow { font-size: 11px; letter-spacing: .22em; }
	.pde-cat-hero .taxonomy-description { font-size: 15px; line-height: 1.7; text-align: left; }
	.pde-cat-hero .pde-cat-nav { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; padding-right: 32px; scrollbar-width: none; -webkit-overflow-scrolling: touch; -webkit-mask-image: linear-gradient(to right, #000 82%, transparent); mask-image: linear-gradient(to right, #000 82%, transparent); }
	.pde-cat-hero .pde-cat-nav::-webkit-scrollbar { display: none; }
	.pde-cat-hero .pde-cat-nav a { flex: 0 0 auto; font-size: 11px; padding: 6px 13px; }
}