/* ============================================
   CLEPIED — CUSTOM CSS v16.0-CLEAN
   Nettoyage Avril 2026
   Supprimé : ancienne barre nav PS, hooks displayNav/displayMyAccountBlock,
              ctb-cart-hook, ctb-badge, ctb-icon-img, ctb-modal téléphone,
              clepied-logo-zone, clepied-search/cs-pill,
              doublons hamburger + layer_cart
   ============================================ */


/* ─────────────────────────────────────────────
   1. FONTS & RESET
───────────────────────────────────────────── */

/*
═══════════════════════════════════════════════════════════
MODIFICATION RICHARD — 2026-03-19 21:00
Raison : Self-hosting fonts (élimination Google CDN 3000ms, autonomie totale, performance)
Rollback : Supprimer @font-face ci-dessous + restaurer @import Google Fonts commenté
═══════════════════════════════════════════════════════════

ANCIEN CODE (NE PAS SUPPRIMER) :
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400&family=Montserrat:wght@200;300;400&display=swap');

NOUVEAU CODE (ACTIF) :
*/
body, #page, .columns-container { background: #ffffff !important; }
body {
    cursor: pointer;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300 !important;
}

/* Cormorant Garamond 300 */
@font-face {
    font-family: 'Cormorant Garamond';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/cormorant-garamond-v21-latin-300.woff2') format('woff2');
}

/* Cormorant Garamond 400 (regular) */
@font-face {
    font-family: 'Cormorant Garamond';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/cormorant-garamond-v21-latin-regular.woff2') format('woff2');
}

/* Montserrat 200 */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url('../fonts/montserrat-v31-latin-200.woff2') format('woff2');
}

/* Montserrat 300 */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/montserrat-v31-latin-300.woff2') format('woff2');
}

/* Montserrat 400 (regular) */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/montserrat-v31-latin-regular.woff2') format('woff2');
}

/* Roboto Condensed 300 */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/roboto-condensed-v27-latin-300.woff2') format('woff2');
}

/* FIN MODIFICATION RICHARD 2026-03-19 21:00 */
body, #page, .columns-container { background: #ffffff !important; }
body { cursor: pointer; }

/* ─────────────────────────────────────────────
   2. CONTAINER ÉLARGI
───────────────────────────────────────────── */
@media (min-width: 1200px) {
    .container {
        max-width: 1400px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}


/* ─────────────────────────────────────────────
   3. MASQUAGE NAV BAR ORIGINELLE PS
   (la barre .nav du thème default-bootstrap)
───────────────────────────────────────────── */
div#page .header-container header#header div.nav {
    display: none !important;
}

/* Masque aussi #header_logo natif PS — remplacé par ctb-center */
#header_logo {
    display: none !important;
}


/* ─────────────────────────────────────────────
   4. HEADER PRINCIPAL
───────────────────────────────────────────── */
#header {
    position: relative;
    background: none !important;
}

/* Supprime le ::before glass effect (héritage ancienne topbar) */
header .nav::before,
#header::before {
    display: none !important;
}

.header-container {
    background: transparent !important;

}

/* Layout flex du header (hors nav) */
header > div:not(.nav) .container {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
}

@media (min-width: 1280px) {
    header > div:not(.nav) .row {
        padding: 6px 40px 0px !important;
    }
}



header > div:not(.nav) .row::before,
header > div:not(.nav) .row::after {
    display: none !important;
}
header > div:not(.nav) .row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    position: relative !important;
    padding: 0px 40px !important;
    margin: 0 !important;
    height: auto !important;
}



/* col-sm-4.clearfix — wrapper natif PS autour du panier */
.col-sm-4.clearfix {
    position: absolute !important;
    left: 0px !important;
    top: 12px !important;
    width: auto !important;
    float: none !important;
    height: auto !important;
    overflow: visible !important;
    padding-left: 0 !important;
    z-index: 100 !important;
}

/* Search bar centré mobile */
#search_block_top {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 420px !important;
    margin: 0 auto 0px auto !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    position: static !important;
    order: 2 !important;
}
@media (min-width: 1280px) {
    header > div:not(.nav) .container {
        background: #ffffff !important;
    }
}

/* ─────────────────────────────────────────────
   5. BARRE DE RECHERCHE CAPSULE
───────────────────────────────────────────── */
form#searchbox #search_query,
#search_block_top .form-control,
#search_block_top input[type="text"] {
    border: 1px solid #d0d0d0 !important;
    border-radius: 50px !important;
    padding: 0px 20px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300 !important;
    font-size: 1.1rem !important;
    height: 35px !important;
    background: rgba(255, 255, 255, 0.60) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    color: #000000 !important;
    outline: none !important;
    box-sizing: border-box !important;
    width: 100% !important;
}
form#searchbox #search_query:focus,
#search_block_top .form-control:focus {
    border-color: #0a0a0a !important;
    background: #ffffff !important;
}
form#searchbox #search_query::placeholder {
    color: #aaaaaa !important;
    letter-spacing: 0.1em !important;
}
#search_block_top .btn.button-search {
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    width: 50px !important;
    height: 100% !important;
    right: 0px !important;

}
form#searchbox #search_query {
    border: none !important;
    background: none !important;
    font-size: 1.1rem !important;
    width: 85% !important;
}

/* Fix loupe search — neutralise FontAwesome + centre SVG inline */
#search_block_top .btn.button-search:before {
    content: none !important;
    display: none !important;
}
#search_block_top .btn.button-search span {
    display: none !important;
}
#search_block_top .btn.button-search {
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    width: 50px !important;
    height: 100% !important;
    right: 0px !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}
#search_block_top .btn.button-search svg {
    stroke: #888888;
    stroke-width: 1.5;
    transition: stroke 0.2s ease;
}
#search_block_top .btn.button-search:hover svg {
    stroke: #000000;
}

/* ─────────────────────────────────────────────
   6. MOBILE (max-width: 767px)
───────────────────────────────────────────── */
@media (max-width: 767px) {
    body#order ul.step {
        padding: 0 0 10px 0 !important;
        margin-bottom: 16px !important;
    }

    body#order ul.step li.step_todo span,
    body#order ul.step li.step_done a {
        font-family: 'Roboto Condensed', sans-serif !important;
        font-size: 8px !important;
        letter-spacing: 0 !important;
    }

    body#order ul.step li em {
        font-size: 13px !important;
        margin-bottom: 0 !important;
    }

    body#order ul.step li.step_current span {
        font-family: 'Roboto Condensed', sans-serif !important;
        font-size: 8px !important;
        letter-spacing: 0 !important;
        border-bottom: 1px solid #1D1D1D !important;
        padding-bottom: 2px !important;
        display: inline-block !important;
    }

    body#order ul.step li.step_current em {
        font-size: 14px !important;
    }
}

/* ─────────────────────────────────────────────
   7. MOBILE + TABLETTE (max-width: 1279px)
───────────────────────────────────────────── */

/* "Votre panier" — toutes tailles */
#header .cart_block::before {
    content: "Votre panier" !important;
    display: block !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    color: #1D1D1D !important;
    padding: 16px 16px 8px 16px !important;
    border-bottom: 1px solid #9c7d31 !important;
    margin-bottom: 4px !important;
}

@media (max-width: 1279px) {
    #header .cart_block {
        position: fixed !important;
        top: 90px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 300px !important;
        z-index: 9000 !important;
    }

    #search_block_top input[type="text"],
    form#searchbox #search_query {
        font-size: 16px !important;
        line-height: normal !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}
/* ─────────────────────────────────────────────
   8. DESKTOP SEARCH (min-width: 1280px)
───────────────────────────────────────────── */
@media (min-width: 1280px) {
    #search_block_top {
        position: absolute !important;
        right: 6px !important;
        top: 2px !important;
        left: auto !important;
        width: 40px !important;
        max-width: none !important;
        margin: 0 !important;
        padding-top: 0px !important;
        order: unset !important;
        flex: none !important;
        z-index: 100 !important;
        overflow: visible !important;
        transition: width 0.5s ease !important;
    }

    #search_block_top:hover,
    #search_block_top:focus-within {
        width: 400px !important;
    }

    #search_block_top form {
        width: 100% !important;
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        height: 35px !important;
    }

    #search_block_top input {
        width: 280px !important;
        transform: scaleX(0) !important;
        transform-origin: right !important;
        transition: transform 0.5s ease !important;
        padding-right: 50px !important;
    }

    #search_block_top.jolisearch form#searchbox input#search_query_top {
        font-size: 15px !important;
        font-weight: 300 !important;
    }

    #search_block_top:hover input,
    #search_block_top:focus-within input {
        transform: scaleX(1) !important;
    }

    #search_block_top button {
        position: absolute !important;
        right: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 40px !important;
        height: 40px !important;
        background: transparent !important;
        border: none !important;
        cursor: pointer !important;
        z-index: 2 !important;
        flex-shrink: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    #search_block_top button span,
    #search_block_top button:before,
    #search_block_top button i {
        display: none !important;
    }

    /* Icône search : notre SVG serveur, cache le SVG inline JoliSearch */
    #search_block_top.jolisearch .btn.button-search {
        background: url('/themes/clepied-theme/img/icones-clepied/search.svg')
                    no-repeat center transparent !important;
        background-size: 22px 22px !important;
    }

    #search_block_top .btn.button-search svg {
        display: none !important;
    }
}
@media (min-width: 1280px) {
    #header .cart_block {
        position: absolute !important;
        top: 45px !important;
        left: 0 !important;
        transform: none !important;
        width: 300px !important;
        z-index: 9100 !important;
    }
}

/* ─────────────────────────────────────────────
   9. FIX HAMBURGER OHM iOS
───────────────────────────────────────────── */
#om-bknlulfjpj {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;
    -webkit-transform: translate3d(0,0,0) !important;
    transform: translate3d(0,0,0) !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
}


/* ─────────────────────────────────────────────
   10. HAMBURGER + MENU LATÉRAL
───────────────────────────────────────────── */
/* Logo dans le menu */
.menu-logo {
    height: 60px;
    width: auto;
    display: block;
    margin-bottom: 16px;
}




.hamburger-btn {
    position: fixed;
    top: 44px;
    right: 0px;
    width: 44px;
    height: 44px;
    background: transparent;
    border: none;
    cursor: pointer;
    z-index: 10001;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #000000;
    transition: opacity 0.2s ease;
}

@media (min-width: 1280px) {
    .hamburger-btn {
        top: 130px; /* À ajuster — mesure le header desktop dans l'inspecteur */
        right: 8px;
    }
}
.hamburger-btn:hover { opacity: 0.6; }
.hamburger-btn svg { width: 28px; height: 28px; }

.menu-overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s ease;
    z-index: 9998;
}
.menu-overlay.active {
    opacity: 1;
    visibility: visible;
}

.side-menu {
    position: fixed;
    top: 0;
    right: -100%;
    left: auto !important;
    width: 85%;
    max-width: 420px;
    height: 100%;
    background: #ffffff;
    z-index: 9999;
    transition: right 0.5s ease;
    overflow-y: auto;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
}
.side-menu.active { right: 0; }

.menu-close {
    position: absolute;
    top: 15px; left: 15px;
    width: 40px; height: 40px;
    background: transparent; border: none;
    cursor: pointer;
    z-index: 10000;
    display: flex;
    align-items: center; justify-content: center;
    color: #000000;
    transition: opacity 0.2s ease;
}
.menu-close:hover { opacity: 0.6; }

.menu-content { padding: 70px 30px 40px 30px; }

.menu-intro {
    margin-bottom: 35px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e0e0e0;
}
.menu-intro h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 28px;
    font-weight: 400;
    margin: 0 0 12px 0;
    color: #000000;
}
.menu-intro p {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6;
    color: #666666;
    margin: 0;
}

.menu-section { margin-bottom: 30px; }
.menu-section h3 {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    color: var(--color-or) !important;
    margin: 0 0 15px 0 !important;
}

.menu-section ul { list-style: none; padding: 0; margin: 0; }
.menu-section li { margin: 0; }
.menu-section a {
    display: block;
    padding: 12px 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #000000;
    text-decoration: none;
    border-bottom: 1px solid #f0f0f0;
    transition: padding-left 0.2s ease, color 0.2s ease;
}
.menu-section a:hover {
    padding-left: 10px;
    color: var(--color-or) !important;
}

body.menu-open { overflow: hidden; }

@media (min-width: 768px) {
  
    .side-menu { max-width: 460px; }
    .menu-content { padding: 80px 40px 50px 40px; }
    .menu-intro h2 { font-size: 32px; }
    .menu-section a { font-size: 16px; }
}


/* ─────────────────────────────────────────────
   11. VARIABLES PALETTE PREMIUM
───────────────────────────────────────────── */
:root {
    --color-cta:          #bb2349;
    --color-cta-hover:    #951b3a;
    --color-or:           #9c7d31;
    --color-anthracite:   #1D1D1D;
    --color-texte:        #333333;
    --color-gris:         #6B6B6B;
    --color-filet:        #E8E8E8;
    --font-condensed: 'Roboto Condensed', 'Arial Narrow', sans-serif;
}


/* ─────────────────────────────────────────────
   12. ÉPURATION ORNEMENTS NATIFS PRESTASHOP
───────────────────────────────────────────── */

/* Suppression box-shadow natifs */
.ajax_block_product,
.product-container,
.block,
.block_content,
.cart_block,
.layer_cart_product,
.shopping_cart .cart_block,
.dropdown-menu,
.ac_results,
#layer_cart .layer_cart_product,
#layer_cart .button-container,
.alert,
.panel,
.well {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

/* Suppression border-radius natifs */
.ajax_block_product,
.product-container,
.btn, button,
.button,
.exclusive,
.ajax_add_to_cart_button,
input[type="submit"],
input[type="text"],
input[type="email"],
input[type="password"],
select,
textarea,
.alert,
.panel,
.well,
.dropdown-menu,
.pagination > li > a,
.pagination > li > span {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}

/* Suppression dégradés natifs sur boutons */
.btn,
button,
.button,
.exclusive,
.ajax_add_to_cart_button,
input[type="submit"],
.btn-primary,
.btn-default {
    background-image: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

/* Suppression bordures trop lourdes sur blocs */
.block,
.block_content {
    border: none !important;
}

/* Suppression titres de blocs chargés */
.block .title_block,
.block h4 {
    background: none !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    color: var(--color-anthracite) !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    font-size: 12px !important;
    padding-left: 0 !important;
    border-bottom: 1px solid var(--color-or) !important;
    padding-bottom: 8px !important;
    margin-bottom: 15px !important;
}

/* Suppression fond gris sur colonnes latérales */
#left_column .block,
#right_column .block {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

.product_attributes,
.box-cart-bottom {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}


/* ─────────────────────────────────────────────
   13. BOUTONS CTA — FRAMBOISE #bb2349
───────────────────────────────────────────── */

/* Supprime le chariot FontAwesome natif */
#add_to_cart button.exclusive::before,
.exclusive::before {
    content: none !important;
    display: none !important;
}

.box-info-product .exclusive span {
    border: none !important;
    border-radius: 0 !important;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-bottom: none !important;
    text-shadow: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: normal !important;
    padding: 0 !important;
    color: #ffffff !important;
    display: block !important;
    background: transparent !important;
}

#add_to_cart button.exclusive,
.box-info-product button.exclusive,
button.exclusive {
    display: block !important;
    width: 100% !important;
    background: var(--color-anthracite) !important;
    background-image: none !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    font-family: var(--font-action) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    padding: 12px 20px !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
}
#add_to_cart button.exclusive:hover,
.box-info-product button.exclusive:hover,
button.exclusive:hover {
    background: #000000 !important;
}

#add_to_cart,
p#add_to_cart {
    padding: 0 !important;
    margin: 0 0 15px 0 !important;
    clear: both !important;
}

.box-info-product .exclusive::after {
    display: none !important;
    content: none !important;
}


/* ─────────────────────────────────────────────
   14. BADGE PANIER
───────────────────────────────────────────── */
.shopping_cart .ajax_cart_quantity {
    background: var(--color-cta) !important;
}


/* ─────────────────────────────────────────────
   15. FILETS STRUCTURELS OR
───────────────────────────────────────────── */
#breadcrumb {
    border-bottom: 1px solid var(--color-or) !important;
    padding-bottom: 10px !important;
    margin-bottom: 20px !important;
}

body#category .page-heading,
body#product  .page-heading {
    border-bottom: 1px solid var(--color-or) !important;
    padding-bottom: 12px !important;
    margin-bottom: 20px !important;
}

.pagination > .active > a,
.pagination > .active > span {
    background: var(--color-anthracite) !important;
    border-color: var(--color-anthracite) !important;
    color: #ffffff !important;
}
.pagination > li > a:hover {
    border-color: var(--color-or) !important;
    color: var(--color-anthracite) !important;
    background: transparent !important;
}


/* ─────────────────────────────────────────────
   16. MESSAGES SYSTÈME ÉPURÉS
───────────────────────────────────────────── */
.alert-success,
.confirmation,
div.confirmation {
    background: #f9f9f9 !important;
    color: #1a5c35 !important;
    border: none !important;
    border-left: 3px solid #4a9e6b !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 12px 16px !important;
}
.alert-danger,
.error,
div.error {
    background: #f9f9f9 !important;
    color: #7a1a1a !important;
    border: none !important;
    border-left: 3px solid var(--color-cta) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 12px 16px !important;
}
.alert-warning,
.warning,
div.warning {
    background: #f9f9f9 !important;
    color: #5c4a1a !important;
    border: none !important;
    border-left: 3px solid var(--color-or) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 12px 16px !important;
}
.alert-info {
    background: #f9f9f9 !important;
    color: var(--color-gris) !important;
    border: none !important;
    border-left: 3px solid var(--color-filet) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 12px 16px !important;
}


/* ─────────────────────────────────────────────
   17. MODALE PANIER #layer_cart
───────────────────────────────────────────── */

/* Titre "Produit ajouté" */
#layer_cart .layer_cart_product .title {
    color: var(--color-or) !important;
    font: 400 16px / 22px var(--font-serif) !important;
    margin-bottom: 15px !important;
}
#layer_cart .layer_cart_cart .title {
    color: var(--color-or) !important;
    font: 400 16px / 22px var(--font-serif) !important;
    border-bottom: 1px solid var(--color-filet) !important;
    padding-bottom: 10px !important;
    margin-bottom: 12px !important;
}
#layer_cart .layer_cart_product .product-image-container {
    max-width: none !important;
    border: none !important;
}
#layer_cart .continue {
    display: none !important;
}

/* Position modale */
#layer_cart {
    display: none;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    width: 84% !important;
    max-height: 85vh !important;
    overflow-y: auto !important;
    z-index: 9999 !important;
    background: #ffffff;
    border: 1px solid #e8e8e8;
    box-shadow: 0 8px 24px rgba(0,0,0,0.15);
}
.layer_cart_overlay {
    display: none;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 9998 !important;
    background: rgba(0,0,0,0.4);
}

/* Bouton Commander modale */
a.button.button-medium,
.button.button-medium {
    background: var(--color-cta) !important;
    background-image: none !important;
    filter: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    transition: background 0.2s ease !important;
}
a.button.button-medium:hover,
.button.button-medium:hover {
    background: var(--color-cta-hover) !important;
    background-image: none !important;
    filter: none !important;
    border: none !important;
}
.button.button-medium span {
    border: none !important;
    padding: 12px 20px !important;
    color: #ffffff !important;
    font-size: 13px !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    font-family: var(--font-action) !important;
}
.button.button-medium span i.right {
    display: none !important;
}


/* ─────────────────────────────────────────────
   18. PAGE PRODUIT — BOX INFO
───────────────────────────────────────────── */
.box-info-product {
    background: transparent !important;
    border: none !important;
    border-left: 1px solid var(--color-filet) !important;
    padding-left: 20px !important;
}


/* ─────────────────────────────────────────────
   19. PAGE PRODUIT — QUANTITÉ / POINTURE
───────────────────────────────────────────── */
body#product #quantity_wanted_p {
    border: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    padding: 0 !important;
}
body#product input#quantity_wanted {
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    background: transparent !important;
    width: 40px !important;
    text-align: center !important;
    padding: 4px !important;
}
body#product .selector,
body#product #uniform-group_2 {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}
body#product .button-minus,
body#product .button-plus {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--color-anthracite) !important;
    padding: 0 8px !important;
}

/* Remplace icônes FontAwesome +/- par Unicode */
body#product .button-minus span i,
body#product .button-plus span i {
    font-size: 0 !important;
}
body#product .button-minus span i::before {
    content: "−" !important;
    font-size: 20px !important;
    font-family: var(--font-sans) !important;
    font-style: normal !important;
}
body#product .button-plus span i::before {
    content: "+" !important;
    font-size: 20px !important;
    font-family: var(--font-sans) !important;
    font-style: normal !important;
}
body#product .selector span {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 4px 20px 4px 0 !important;
    font-size: 16px !important;
}
body#product .selector {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    overflow: visible !important;
    position: relative !important;
}
body#product .selector::after {
    content: "" !important;
    position: absolute !important;
    right: 4px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 8px !important;
    height: 6px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236B6B6B'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    pointer-events: none !important;
}


/* ─────────────────────────────────────────────
   20. PAGE PRODUIT — DESCRIPTION LIRE PLUS
───────────────────────────────────────────── */
body#product #short_description_content {
    max-height: 120px !important;
    overflow: hidden !important;
    position: relative !important;
    transition: max-height 0.4s ease !important;
}
body#product #short_description_content.expanded {
    max-height: 2000px !important;
}
body#product #short_description_content::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 40px !important;
    background: linear-gradient(transparent, #ffffff) !important;
    pointer-events: none !important;
}
body#product #short_description_content.expanded::after {
    display: none !important;
}
body#product #btn-lire-plus {
    display: block !important;
    text-align: center !important;
    position: relative !important;
    margin-top: 16px !important;
    margin-bottom: 12px !important;
    padding: 8px 0 !important;
    font-family: var(--font-sans) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: var(--color-gris) !important;
    cursor: pointer !important;
    background: none !important;
    border: none !important;
}
body#product #btn-lire-plus::before,
body#product #btn-lire-plus::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    width: 28% !important;
    height: 1px !important;
    background: var(--color-filet) !important;
}
body#product #btn-lire-plus::before { left: 0 !important; }
body#product #btn-lire-plus::after  { right: 0 !important; }
body#product #btn-lire-plus .fleche {
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 5px solid transparent !important;
    border-right: 5px solid transparent !important;
    border-top: 5px solid var(--color-gris) !important;
    margin: 4px auto 0 !important;
}
body#product #btn-lire-plus .fleche-up {
    border-top: none !important;
    border-bottom: 5px solid var(--color-gris) !important;
    margin: 0 auto 4px !important;
}


/* ─────────────────────────────────────────────
   21. PAGE PRODUIT — SUPPRESSION PARTAGE / IMPRESSION
───────────────────────────────────────────── */
body#product p.socialsharing_product { display: none !important; }
body#product li.print,
body#product li#favoriteproducts_block_extra_added,
body#product li#favoriteproducts_block_extra_removed {
    display: none !important;
}


/* ─────────────────────────────────────────────
   22. PAGE PRODUIT — MINIATURES
───────────────────────────────────────────── */
body#product #thumbs_list li {
    border: none !important;
    overflow: hidden !important;
}
body#product #thumbs_list li a {
    border: none !important;
    background: transparent !important;
}
body#product #thumbs_list li img {
    border: none !important;
    transition: transform 0.4s ease-out !important;
}
body#product #thumbs_list li a:hover img,
body#product #thumbs_list li a.shown img {
    transform: scale(1.04) !important;
}


/* ─────────────────────────────────────────────
   23. PAGE PRODUIT — FLÈCHES MINIATURES
───────────────────────────────────────────── */
body#product #view_scroll_left,
body#product #view_scroll_right {
    font-size: 0 !important;
    color: transparent !important;
}
body#product #view_scroll_left::before,
body#product #view_scroll_right::before {
    font-family: var(--font-sans) !important;
    font-size: 25px !important;
    color: var(--color-gris) !important;
    line-height: 1 !important;
    transition: color 0.2s ease !important;
}
body#product #view_scroll_left::before { content: "‹" !important; }
body#product #view_scroll_right::before { content: "›" !important; }
body#product #view_scroll_left:hover::before,
body#product #view_scroll_right:hover::before {
    color: var(--color-anthracite) !important;
}


ol.breadcrumb {
    display: block !important;
    white-space: nowrap !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 0 15px 0 !important;
    margin: 0 0 15px 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}
ol.breadcrumb::-webkit-scrollbar {
    display: none !important;
}
ol.breadcrumb li {
    display: inline-block !important;
    font-family: var(--font-condensed) !important;
    font-size: 11px !important;
    font-weight: 300 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    vertical-align: middle !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
}
ol.breadcrumb a {
    display: inline !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    position: static !important;
    color: var(--color-gris) !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    border: none !important;
    z-index: auto !important;
}
ol.breadcrumb a::before,
ol.breadcrumb a::after {
    display: none !important;
    content: none !important;
}
ol.breadcrumb a:hover {
    color: var(--color-anthracite) !important;
}
ol.breadcrumb .navigation-pipe {
    display: none !important;
}
ol.breadcrumb > li + li::before {
    content: none !important;
    display: none !important;
}
ol.breadcrumb li:last-child {
    max-width: 400px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    display: inline-block !important;
    vertical-align: middle !important;
}
ol.breadcrumb li:not(:last-child)::after {
    content: "|" !important;
    color: var(--color-or) !important;
    margin-left: 6px !important;
    font-size: 10px !important;
    display: inline !important;
    font-weight: 300 !important;
}

/* ══════════════════════════════════════════════════════
   TOPBAR CLEPIED — Architecture v2.0 (Avril 2026)
   Remplace toute l'ancienne nav PS
   ══════════════════════════════════════════════════════ */


/* ─────────────────────────────────────────────
   25. #CLEPIED-TOPBAR — STRUCTURE PRINCIPALE
───────────────────────────────────────────── */
#clepied-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    height: 48px;
    position: static;
    box-sizing: border-box;
    width: 100%;
    background: #1D1D1D;
    color: #ffffff;
}

.header-container {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 9000 !important;
}

@media (min-width: 1280px) {
    #clepied-topbar {
        background: #ffffff !important;
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        color: #1D1D1D;
        height: 36px;
        padding: 0 24px 0 4px;
    }
}
#clepied-topbar .col-sm-4.clearfix {
    position: static !important;
    width: auto !important;
    float: none !important;
    padding-left: 0 !important;
    overflow: visible !important;
}

@media (min-width: 1280px) {
    header > div:not(.nav) {
        position: relative;
        z-index: 200;
    }

    #clepied-logo-zone {
        position: relative;
        z-index: 100;
    }
}
@media (max-width: 1279px) {
    #clepied-topbar {
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
        width: 100vw;
        box-sizing: border-box;
        padding: 0 16px;
    }
}

/* ─────────────────────────────────────────────
   26. COLONNES CTB
───────────────────────────────────────────── */
.ctb-left,
.ctb-right {
    display: flex;
    align-items: center;
    gap: 20px;
    flex: 1;
}
.ctb-right {
    justify-content: flex-end;
}
.ctb-center {
    flex: 0 0 auto;
}

/* Desktop : ctb-center masqué (logo dans zone dédiée si sticky actif) */
@media (min-width: 1280px) {
    .ctb-center {
        display: none;
    }
}
.ctb-left,
.ctb-right {
    display: flex;
    align-items: center;
    flex: 1;
}
.ctb-right {
    justify-content: flex-end;
}

/* Espacement universel — gap non supporté iOS < 14.5 */
.ctb-left > * + *,
.ctb-right > * + * {
    margin-left: 14px;
}
@media (max-width: 1279px) {
    .ctb-left,
    .ctb-right {
        gap: 10px;
    }
}
@media (max-width: 1279px) {
    .ctb-left > * + *,
    .ctb-right > * + * {
        margin-left: 10px;
    }
}
/* ─────────────────────────────────────────────
   27. ICÔNES CTB
───────────────────────────────────────────── */
.ctb-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    transition: opacity 0.2s ease;
    background: none;
    border: none;
    padding: 0;
    line-height: 1;
}
.ctb-icon:hover,
.ctb-icon:focus {
    opacity: 0.55;
    outline: none;
}
.ctb-icon svg {
    width: 22px;
    height: 22px;
    display: block;
}

/* Compte connecté = icône dorée + filet */
.ctb-icon.ctb-logged img {
    filter: invert(49%) sepia(35%) saturate(700%)
            hue-rotate(5deg) brightness(80%) !important;
}
.ctb-icon.ctb-logged {
    border-bottom: 1px solid var(--color-or);
    padding-bottom: 2px;
}

/* Mobile : icônes CTB blanches sur fond sombre */
@media (max-width: 1279px) {
    .ctb-icon img {
        filter: brightness(0) invert(1);
    }
}
/* ─────────────────────────────────────────────
   28. LOGO DANS CTB-CENTER (mobile)
───────────────────────────────────────────── */
.ctb-logo-img {
    height: 38px;
    width: auto;
    display: block;
    filter: brightness(0) invert(1);
    transition: opacity 0.2s ease;
}

@media (min-width: 1280px) {
    .ctb-logo-img {
        /* Desktop : fond blanc → logo noir */
        filter: brightness(0);
    }
}


/* ─────────────────────────────────────────────
   29. PANIER NATIF PS — DROPDOWN (LEGO B)
   Architecture validée : overflow visible,
   PS AJAX intact, pas de visibility:hidden
   ══════════════════════════════════════════════════════ */

/* Spans AJAX : cachés visuellement, présents pour PS */
.ctb-icon .ajax_cart_product_txt,
.ctb-icon .ajax_cart_product_txt_s,
.ctb-icon .ajax_cart_total,
.ctb-icon .ajax_cart_no_product {
    display: none !important;
}

/* Dropdown */
.cart_block {
    position: absolute !important;
    
    left: 0 !important;
    width: 300px !important;
    background: #ffffff !important;
    border: 1px solid #e8e8e8 !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10) !important;
    z-index: 9100 !important;
    border-radius: 0 !important;
    display: none;
}
.cart_block.exclusive {
    display: none;
}

/* Produits dans le dropdown */
.cart_block .cart_block_list { padding: 16px !important; }
.cart_block dl.products {
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
}
.cart_block dl.products dt {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    list-style: none !important;
}
.cart_block .cart-images img {
    width: 56px !important;
    height: 56px !important;
    object-fit: cover !important;
    flex-shrink: 0 !important;
}
.cart_block .cart-info {
    flex: 1 !important;
    min-width: 0 !important;
}
.cart_block .cart_block_product_name {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 300 !important;
    color: #1D1D1D !important;
    text-decoration: none !important;
    display: block !important;
    margin-bottom: 4px !important;
}
.cart_block .product-atributes a {
    font-size: 11px !important;
    color: #6B6B6B !important;
    text-decoration: none !important;
}
.cart_block .price {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #1D1D1D !important;
    display: block !important;
    margin-top: 4px !important;
}
.cart_block .remove_link a {
    color: #cccccc !important;
    font-size: 16px !important;
    text-decoration: none !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
}
.cart_block .remove_link a:hover { color: #bb2349 !important; }

/* Total */
.cart_block .cart-prices {
    padding: 10px 0 !important;
    border-top: 1px solid #f0f0f0 !important;
    margin-bottom: 12px !important;
}
.cart_block .cart-prices-line {
    display: flex !important;
    justify-content: space-between !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    color: #6B6B6B !important;
    padding: 3px 0 !important;
}
.cart_block .cart-prices-line.last-line {
    font-weight: 500 !important;
    color: #1D1D1D !important;
    font-size: 13px !important;
}

/* Bouton Commander */
.cart_block .cart-buttons { margin: 0 !important; }
.cart_block .cart-buttons .button {
    display: block !important;
    width: 100% !important;
    background: #bb2349 !important;
    background-image: none !important;
    color: #ffffff !important;
    text-align: center !important;
    padding: 11px 0 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transition: background 0.2s ease !important;
}
.cart_block .cart-buttons .button:hover { background: #951b3a !important; }
.cart_block .cart-buttons .button span {
    border: none !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-size: 12px !important;
}
.cart_block .cart-buttons .button .icon-chevron-right { display: none !important; }

/* Panier vide */
.cart_block .cart_block_no_products {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    color: #6B6B6B !important;
    text-align: center !important;
    padding: 12px 0 !important;
    margin: 0 !important;
}
/* ── PANIER : icône SVG + badge quantité ─────────────────── */

/* Cache le texte natif PS — garde les spans AJAX dans le DOM */
.shopping_cart > a b {
    display: none !important;
}
.shopping_cart > a .ajax_cart_product_txt,
.shopping_cart > a .ajax_cart_product_txt_s,
.shopping_cart > a .ajax_cart_total,
.shopping_cart > a .ajax_cart_no_product {
    display: none !important;
}

/* Icône panier via ::before */
.shopping_cart > a {
    position: relative;
    display: flex;
    align-items: center;
}
.shopping_cart > a::before {
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    background: url('/themes/clepied-theme/img/icones-clepied/panier.svg')
                no-repeat center;
    background-size: contain;
    /* Mobile fond sombre : icône blanche */
    filter: brightness(0) invert(1);
}

/* Desktop : icône noire */
@media (min-width: 1280px) {
    .shopping_cart > a::before {
        filter: brightness(0);
    }
}

/* Badge quantité */
.shopping_cart > a .ajax_cart_quantity {
    position: absolute;
    top: -7px;
    right: -8px;
    background: #bb2349;
    color: #ffffff;
    font-size: 10px;
    font-weight: 600;
    min-width: 16px;
    height: 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 3px;
    line-height: 1;
    pointer-events: none;
}


/* ══════════════════════════════════════════════════════
   PANIER — overrides blockcart.css + redesign premium
   ══════════════════════════════════════════════════════ */

/* Neutralise le layout natif PS */
#header .shopping_cart {
    padding-top: 0 !important;
    float: none !important;
    position: relative !important;
}
.shopping_cart {
    width: auto !important;
}

/* Neutralise le fond sombre natif sur le lien */
.shopping_cart > a:first-child {
    background: transparent !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    color: inherit !important;
    text-shadow: none !important;
    overflow: visible !important;
}

/* Cache le texte natif PS */
.shopping_cart > a:first-child b {
    display: none !important;
}
.shopping_cart > a:first-child .ajax_cart_product_txt,
.shopping_cart > a:first-child .ajax_cart_product_txt_s,
.shopping_cart > a:first-child .ajax_cart_total,
.shopping_cart > a:first-child .ajax_cart_no_product {
    display: none !important;
}

/* Icône panier SVG */
.shopping_cart > a:first-child::before {
    content: '' !important;
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    background: url('/themes/clepied-theme/img/icones-clepied/panier.svg')
                no-repeat center !important;
    background-size: contain !important;
    filter: brightness(0) invert(1); /* blanc sur mobile fond sombre */
}
@media (min-width: 1280px) {
    .shopping_cart > a:first-child::before {
        filter: brightness(0) !important; /* noir sur desktop */
    }
}

/* Badge quantité */
.shopping_cart > a:first-child .ajax_cart_quantity {
    position: absolute !important;
    top: 0px !important;
    right: -20px !important;
    background: #bb2349 !important;
    color: #ffffff !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    min-width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 3px !important;
    line-height: 1 !important;
    pointer-events: none !important;
}

/* ── DROPDOWN REDESIGN PREMIUM ───────────────────────── */
#header .cart_block {
    background: #ffffff !important;
    color: #1D1D1D !important;
    border: 1px solid #9c7d31 !important; /* liséret or */
    box-shadow: 0 8px 24px rgba(0,0,0,0.10) !important;
    

    width: 300px !important;
    border-radius: 0 !important;
}
#header .cart_block a {
    color: #1D1D1D !important;
}
#header .cart_block a:hover {
    color: #9c7d31 !important;
}
#header .cart_block .price {
    color: #1D1D1D !important;
}
#header .cart_block dt {
    background: none !important;
}
#header .cart_block .cart-prices {
    background: none !important;
    border-top: 0px solid #E8E8E8 !important;
}
#header .cart_block .cart-buttons {
    background: #f9f9f9 !important;
    border-top: 1px solid #E8E8E8 !important;
}
#header .cart_block .cart-buttons a#button_order_cart span {
    background: #bb2349 !important;
    border: none !important;
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}
#header .cart_block .cart-buttons a#button_order_cart:hover span {
    background: #951b3a !important;
    border: none !important;
}
#header .cart_block .product-atributes a {
    color: #6B6B6B !important;
}
#header .cart_block .product-atributes a:hover {
    color: #9c7d31 !important;
}
@media (min-width: 1280px) {
    #header .cart_block {
        right: auto !important;
        left: 0 !important;
    }
}
#header .cart_block .cart-buttons {
    background: transparent !important;
    border-top: none !important;
    padding: 12px 16px 16px !important;
}



#header .cart_block .title_block,
#header .cart_block h4 {
    display: none !important;
}
.cart_block .product-atributes a::before {
    content: "Pointure : ";
    color: #6B6B6B;
    font-size: 11px;
}
/* ── LOGO DESKTOP sticky + glass ─────────────────────── */
#clepied-logo-zone {
    display: none;
}

@media (min-width: 1280px) {
    #clepied-logo-zone {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0px 0;
        background: rgba(255, 255, 255, 0.92);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        border-bottom: 0px solid #f0f0f0;
    }

    #clepied-logo-zone img {
        height: 110px;
        width: auto;
    }
}
/* ─────────────────────────────────────────────
   30. STICKY ATC — FICHE PRODUIT
───────────────────────────────────────────── */

body#product #clepied-sticky-atc {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 8500;
    text-align: center;
    pointer-events: none;
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
body#product #clepied-sticky-atc.visible {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

/* MOBILE : bandeau noir pleine largeur */
@media (max-width: 767px) {
    body#product #clepied-sticky-atc a {
        pointer-events: all;
        display: block;
        width: 100%;
        background: #1D1D1D;
        color: #ffffff !important;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 300;
        font-size: 13px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        text-decoration: none !important;
        padding: 12px 16px;
        box-shadow: none;
    }
}

/* TABLETTE PAYSAGE + DESKTOP : bouton noir carré — scroll to top */
@media (min-width: 768px) {
    body#product #clepied-sticky-atc {
        bottom: 24px;
    }
    body#product #clepied-sticky-atc a {
        pointer-events: all;
        display: inline-block;
        background: #1D1D1D;
        color: #ffffff !important;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 300;
        font-size: 13px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        text-decoration: none !important;
        padding: 10px 32px;
        border-radius: 0;
        box-shadow: none;
    }
}

#attributes {
    scroll-margin-top: 90px;
}

/* Liens desktop/mobile selon contexte */
@media (max-width: 767px) {
    #clepied-sticky-link-desktop { display: none !important; }
}
@media (min-width: 768px) {
    #clepied-sticky-link-mobile { display: none !important; }
}
/* ─────────────────────────────────────────────
   30b. NEUTRALISATION GLOBALE — SPANS BOUTONS
   Espace client (sections 31-39)
   Résout : PS global.css injecte padding + dégradé
   sur tout .button span / .button-medium span
───────────────────────────────────────────── */

body#my-account .button span,
body#history .button span,
body#order-detail .button span,
body#order-follow .button span,
body#order-slip .button span,
body#addresses .button span,
body#address .button span,        /* ← ajouter cette ligne */
body#identity .button span,
body#module-registrationfields-myinfo .button span,
body#discount .button span {
    background: none !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    color: inherit !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    text-transform: inherit !important;
    box-shadow: none !important;
    text-shadow: none !important;
    display: inline !important;
}
/* ─────────────────────────────────────────────
   31. PAGE MON COMPTE — RELOOKING 2026
───────────────────────────────────────────── */

/* Titre page */
body#my-account .page-heading {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 300;
    font-size: 32px;
    color: #1D1D1D;
    border-bottom: 1px solid var(--color-or);
    padding-bottom: 16px;
    margin-bottom: 32px;
}

/* Grille des blocs */
body#my-account ul.myaccount-link-list {
    list-style: none;
    padding: 0;
    margin: 0 0 24px 0;
}


body#my-account ul.myaccount-link-list li a {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 12px;
    color: #1D1D1D !important;
    text-decoration: none !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    transition: padding-left 0.2s ease, color 0.2s ease;
}

body#my-account ul.myaccount-link-list li a:hover {
    padding-left: 20px;
    color: var(--color-or) !important;
}

body#my-account ul.myaccount-link-list li a i {
    font-size: 18px;
    color: var(--color-or);
    width: 22px;
    text-align: center;
    flex-shrink: 0;
}

body#my-account ul.myaccount-link-list li a:hover i {
    color: #1D1D1D;
}

/* Neutralisation CSS natif my-account.css */
body#my-account ul.myaccount-link-list li a {
    position: relative; /* requis pour le natif — on garde */
}

body#my-account ul.myaccount-link-list li a i {
    position: static !important; /* écrase le position:absolute natif */
    padding: 0 0 0 8px !important;
    height: auto !important;
    border: none !important;
    border-radius: 0 !important;
}

body#my-account ul.myaccount-link-list li a span {
    display: inline !important;
    padding: 0 !important;
    margin-left: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
}
body#my-account ul.myaccount-link-list li {
    position: static !important;
}
/* Texte d'accueil */
body#my-account p.info-account {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #6B6B6B !important;
    line-height: 1.7 !important;
    margin-bottom: 32px !important;
}

/* Footer lien Accueil */
body#my-account .footer_links {
    list-style: none !important;
    padding: 28px 0 0 0 !important;
    margin: 0 !important;
    display: flex;
    gap: 12px;
}
body#my-account .footer_links li {
    margin: 0 !important;
}
body#my-account .footer_links .btn {
    background: transparent !important;
    border: 1px solid #1D1D1D !important;
    border-radius: 0 !important;
    color: #1D1D1D !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    padding: 8px 18px !important;
    box-shadow: none !important;
    transition: background 0.2s ease, color 0.2s ease !important;
}
body#my-account .footer_links .btn:hover {
    background: #1D1D1D !important;
    color: #ffffff !important;
}
body#my-account .footer_links .btn span {
    color: inherit !important;
    border: none !important;
}
body#my-account .footer_links .btn i {
    color: inherit !important;
    margin-right: 4px;
}
/* ─────────────────────────────────────────────
   32. PAGE HISTORIQUE COMMANDES — RELOOKING 2026
   body#history
───────────────────────────────────────────── */

/* --- Titre --- */
body#history .page-heading {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 300;
    font-size: 32px;
    color: #1D1D1D;
    border-bottom: 1px solid var(--color-or);
    padding-bottom: 16px;
    margin-bottom: 8px;
    text-transform: none;
}

/* --- Sous-titre --- */
body#history .info-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: #6B6B6B;
    letter-spacing: 0.05em;
    margin-bottom: 28px;
    font-style: normal;
}

/* --- Table : neutralisation Bootstrap --- */
body#history #order-list {
    border: none !important;
    border-collapse: collapse;
    width: 100%;
}

body#history #order-list td,
body#history #order-list th {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: 1px solid #ececec !important;
}

/* --- En-têtes colonnes --- */
body#history #order-list thead tr {
    border-bottom: 1px solid #1D1D1D !important;
}

body#history #order-list thead th {
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #1D1D1D;
    background: none !important;
    padding: 0 12px 14px 12px;
}

/* --- Lignes : suppression du zèbre Bootstrap --- */
body#history #order-list tbody tr,
body#history #order-list tbody tr.alternate_item {
    background: none !important;
    transition: background 0.15s ease;
}
body#history #order-list tbody tr:hover {
    background: #fafafa !important;
}

/* --- Cellules --- */
body#history #order-list tbody td {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    color: #333333;
    padding: 14px 12px !important;
    vertical-align: middle !important;
}

/* --- Référence commande --- */
body#history .history_link a.color-myaccount {
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.08em;
    color: #1D1D1D !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}
body#history .history_link a.color-myaccount:hover {
    color: var(--color-or) !important;
}

/* --- Date --- */
body#history .history_date {
    color: #6B6B6B !important;
    font-size: 11px !important;
    font-weight: 400 !important;
}

/* --- Prix --- */
body#history .history_price .price {
    font-weight: 600;
    color: #1D1D1D;
    font-size: 12px;
}

/* --- Statut : mini-pill raffinée (couleurs PS conservées) --- */
body#history .history_state span.label {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 9px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    padding: 4px 9px !important;
    border-radius: 2px !important;
    text-shadow: none !important;
    opacity: 0.82;
    display: inline-block !important;
    line-height: 1.5 !important;
    white-space: nowrap;
}

/* --- Bouton Détails --- */
body#history .history_detail .btn.button-small {
    background: #1D1D1D !important;
    border: none !important;
    border-radius: 0 !important;
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    padding: 7px 14px !important;
    box-shadow: none !important;
    transition: background 0.2s ease !important;
}
body#history .history_detail .btn.button-small:hover {
    background: #6B6B6B !important;
}
body#history .history_detail .btn.button-small i {
    color: #ffffff !important;
}

/* --- Lien Commander à nouveau --- */
body#history .history_detail .link-button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    letter-spacing: 0.05em !important;
    color: #6B6B6B !important;
    text-decoration: none !important;
    margin-left: 10px;
    white-space: nowrap;
    transition: color 0.2s ease !important;
}
body#history .history_detail .link-button:hover {
    color: #1D1D1D !important;
}
body#history .history_detail .link-button i {
    font-size: 11px;
    margin-right: 3px;
}

/* --- Lien PDF --- */
body#history .history_invoice .link-button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.06em !important;
    color: var(--color-or) !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}
body#history .history_invoice .link-button:hover {
    color: #1D1D1D !important;
}

/* --- Footer liens (Retour / Accueil) --- */
body#history .footer_links {
    list-style: none !important;
    padding: 28px 0 0 0 !important;
    margin: 0 !important;
    display: flex;
    gap: 12px;
}
body#history .footer_links li {
    margin: 0 !important;
}
body#history .footer_links .btn {
    background: transparent !important;
    border: 1px solid #1D1D1D !important;
    border-radius: 0 !important;
    color: #1D1D1D !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    padding: 8px 18px !important;
    box-shadow: none !important;
    transition: background 0.2s ease, color 0.2s ease !important;
}
body#history .footer_links .btn:hover {
    background: #1D1D1D !important;
    color: #ffffff !important;
}
body#history .footer_links .btn i {
    color: inherit !important;
    margin-right: 4px;
}
body#history .history_detail .btn.button-small span {
    border: none !important;
}
/* ─────────────────────────────────────────────
   33. PAGE DÉTAIL COMMANDE — RELOOKING 2026
   body#order-detail
   + bloc inline body#history (#block-order-detail)
   + bloc inline body#order-slip (#block-order-detail)
───────────────────────────────────────────── */

/* --- Neutralisation box Bootstrap --- */
body#order-detail .box,
body#history #block-order-detail .box,
body#order-slip #block-order-detail .box {
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 20px 0 !important;
    border-bottom: 1px solid #ececec !important;
}

/* --- Header commande : référence + bouton --- */
body#order-detail .box.box-small,
body#history #block-order-detail .box.box-small,
body#order-slip #block-order-detail .box.box-small {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 20px 0 !important;
    margin-bottom: 0;
}

body#order-detail .box.box-small p.dark,
body#history #block-order-detail .box.box-small p.dark,
body#order-slip #block-order-detail .box.box-small p.dark {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.06em;
    color: #1D1D1D;
    flex: 1;
    min-width: 0;
    padding-left: 16px !important;
}

body#order-detail .box.box-small p.dark strong,
body#history #block-order-detail .box.box-small p.dark strong,
body#order-slip #block-order-detail .box.box-small p.dark strong {
    font-weight: 600;
}

body#order-detail .box.box-small .button-medium,
body#history #block-order-detail .box.box-small .button-medium,
body#order-slip #block-order-detail .box.box-small .button-medium {
    background: #1D1D1D !important;
    border: none !important;
    border-radius: 0 !important;
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    padding: 10px 20px !important;
    box-shadow: none !important;
    transition: background 0.2s ease !important;
    float: none !important;
}
body#order-detail .box.box-small .button-medium:hover,
body#history #block-order-detail .box.box-small .button-medium:hover,
body#order-slip #block-order-detail .box.box-small .button-medium:hover {
    background: #6B6B6B !important;
}
body#order-detail .box.box-small .button-medium span,
body#history #block-order-detail .box.box-small .button-medium span,
body#order-slip #block-order-detail .box.box-small .button-medium span {
    border: none !important;
    color: inherit !important;
}
body#order-detail .box.box-small .button-medium i,
body#history #block-order-detail .box.box-small .button-medium i,
body#order-slip #block-order-detail .box.box-small .button-medium i {
    color: #ffffff !important;
    margin-left: 5px;
}

/* --- Info-order : transporteur / paiement / facture --- */
body#order-detail .info-order,
body#history #block-order-detail .info-order,
body#order-slip #block-order-detail .info-order {
    padding: 20px 0 !important;
}

body#order-detail .info-order p,
body#history #block-order-detail .info-order p,
body#order-slip #block-order-detail .info-order p {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    color: #333333;
    margin-bottom: 8px;
    line-height: 1.6;
}

body#order-detail .info-order p strong.dark,
body#history #block-order-detail .info-order p strong.dark,
body#order-slip #block-order-detail .info-order p strong.dark {
    font-weight: 600;
    color: #1D1D1D;
    margin-right: 6px;
}

body#order-detail .info-order .color-myaccount,
body#history #block-order-detail .info-order .color-myaccount,
body#order-slip #block-order-detail .info-order .color-myaccount {
    color: #6B6B6B !important;
}

body#order-detail .info-order a,
body#history #block-order-detail .info-order a,
body#order-slip #block-order-detail .info-order a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.05em !important;
    color: var(--color-or) !important;
    text-decoration: none !important;
}
body#order-detail .info-order a:hover,
body#history #block-order-detail .info-order a:hover,
body#order-slip #block-order-detail .info-order a:hover {
    color: #1D1D1D !important;
}
body#order-detail .info-order i,
body#history #block-order-detail .info-order i,
body#order-slip #block-order-detail .info-order i {
    margin-right: 4px;
    color: var(--color-or);
}

/* --- Titres de section --- */
body#order-detail h1.page-heading,
body#order-detail h3.page-heading,
body#history #block-order-detail h1.page-heading,
body#history #block-order-detail h3.page-heading,
body#order-slip #block-order-detail h1.page-heading,
body#order-slip #block-order-detail h3.page-heading {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 300 !important;
    font-size: 22px !important;
    color: #1D1D1D !important;
    border: none !important;
    border-bottom: 1px solid #ececec !important;
    padding: 28px 0 12px 0 !important;
    margin-bottom: 0 !important;
    text-transform: none !important;
    background: none !important;
}

/* --- Tables génériques : neutralisation Bootstrap --- */
body#order-detail .table-bordered,
body#order-detail .detail_step_by_step,
body#history #block-order-detail .table-bordered,
body#history #block-order-detail .detail_step_by_step,
body#order-slip #block-order-detail .table-bordered,
body#order-slip #block-order-detail .detail_step_by_step {
    border: none !important;
    border-collapse: collapse !important;
    width: 100%;
    margin-top: 0 !important;
}

body#order-detail .table-bordered td,
body#order-detail .table-bordered th,
body#order-detail .detail_step_by_step td,
body#order-detail .detail_step_by_step th,
body#history #block-order-detail .table-bordered td,
body#history #block-order-detail .table-bordered th,
body#history #block-order-detail .detail_step_by_step td,
body#history #block-order-detail .detail_step_by_step th,
body#order-slip #block-order-detail .table-bordered td,
body#order-slip #block-order-detail .table-bordered th,
body#order-slip #block-order-detail .detail_step_by_step td,
body#order-slip #block-order-detail .detail_step_by_step th {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: 1px solid #ececec !important;
}

body#order-detail .table-bordered thead th,
body#order-detail .detail_step_by_step thead th,
body#history #block-order-detail .table-bordered thead th,
body#history #block-order-detail .detail_step_by_step thead th,
body#order-slip #block-order-detail .table-bordered thead th,
body#order-slip #block-order-detail .detail_step_by_step thead th {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: #1D1D1D !important;
    background: none !important;
    padding: 0 12px 12px 12px !important;
    border-bottom: 1px solid #1D1D1D !important;
}

body#order-detail .table-bordered tbody td,
body#order-detail .detail_step_by_step tbody td,
body#history #block-order-detail .table-bordered tbody td,
body#history #block-order-detail .detail_step_by_step tbody td,
body#order-slip #block-order-detail .table-bordered tbody td,
body#order-slip #block-order-detail .detail_step_by_step tbody td {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    color: #333333 !important;
    padding: 14px 12px !important;
    vertical-align: middle !important;
    background: none !important;
}

body#order-detail .table-bordered tbody tr,
body#order-detail .detail_step_by_step tbody tr,
body#history #block-order-detail .table-bordered tbody tr,
body#history #block-order-detail .detail_step_by_step tbody tr,
body#order-slip #block-order-detail .table-bordered tbody tr,
body#order-slip #block-order-detail .detail_step_by_step tbody tr {
    background: none !important;
}

body#order-detail .table-bordered tfoot td,
body#history #block-order-detail .table-bordered tfoot td,
body#order-slip #block-order-detail .table-bordered tfoot td {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    padding: 12px 12px !important;
    border-bottom: 1px solid #ececec !important;
    background: none !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}

body#order-detail .table-bordered tfoot .totalprice td,
body#history #block-order-detail .table-bordered tfoot .totalprice td,
body#order-slip #block-order-detail .table-bordered tfoot .totalprice td {
    font-weight: 600 !important;
    color: #1D1D1D !important;
    border-top: 1px solid #1D1D1D !important;
}

/* --- Statut pills --- */
body#order-detail span.label,
body#history #block-order-detail span.label,
body#order-slip #block-order-detail span.label {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 9px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    padding: 4px 9px !important;
    border-radius: 2px !important;
    text-shadow: none !important;
    opacity: 0.82;
    display: inline-block !important;
    line-height: 1.5 !important;
    white-space: nowrap;
}

/* --- Blocs adresses --- */
body#order-detail .adresses_bloc,
body#history #block-order-detail .adresses_bloc,
body#order-slip #block-order-detail .adresses_bloc {
    padding: 0;
    margin-top: 0;
}

body#order-detail .adresses_bloc .address.box,
body#history #block-order-detail .adresses_bloc .address.box,
body#order-slip #block-order-detail .adresses_bloc .address.box {
    border: 1px solid #ececec !important;
    padding: 20px 24px !important;
    margin-bottom: 0;
}

body#order-detail .adresses_bloc h3.page-subheading,
body#history #block-order-detail .adresses_bloc h3.page-subheading,
body#order-slip #block-order-detail .adresses_bloc h3.page-subheading {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #1D1D1D !important;
    letter-spacing: 0.03em !important;
    text-transform: none !important;
    border: none !important;
    padding: 0 0 10px 0 !important;
    margin-bottom: 10px !important;
    border-bottom: 1px solid #ececec !important;
}

body#order-detail .adresses_bloc .address li,
body#history #block-order-detail .adresses_bloc .address li,
body#order-slip #block-order-detail .adresses_bloc .address li {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    color: #555555;
    line-height: 1.8;
    list-style: none;
}

/* --- Messages : expéditeur --- */
body#order-detail .detail_step_by_step tbody td strong.dark,
body#history #block-order-detail .detail_step_by_step tbody td strong.dark,
body#order-slip #block-order-detail .detail_step_by_step tbody td strong.dark {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #1D1D1D !important;
}

/* --- Formulaire message (#sendOrderMessage) --- */
body#order-detail #sendOrderMessage p,
body#history #block-order-detail #sendOrderMessage p,
body#order-slip #block-order-detail #sendOrderMessage p {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    color: #6B6B6B;
    margin-bottom: 16px;
}

body#order-detail #sendOrderMessage label,
body#history #block-order-detail #sendOrderMessage label,
body#order-slip #block-order-detail #sendOrderMessage label {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #1D1D1D !important;
    margin-bottom: 6px;
}

body#order-detail #sendOrderMessage textarea,
body#order-detail #sendOrderMessage select,
body#history #block-order-detail #sendOrderMessage textarea,
body#history #block-order-detail #sendOrderMessage select,
body#order-slip #block-order-detail #sendOrderMessage textarea,
body#order-slip #block-order-detail #sendOrderMessage select {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    color: #333333 !important;
    border: 1px solid #d0d0d0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    resize: vertical;
}
body#order-detail #sendOrderMessage textarea:focus,
body#order-detail #sendOrderMessage select:focus,
body#history #block-order-detail #sendOrderMessage textarea:focus,
body#history #block-order-detail #sendOrderMessage select:focus,
body#order-slip #block-order-detail #sendOrderMessage textarea:focus,
body#order-slip #block-order-detail #sendOrderMessage select:focus {
    border-color: #1D1D1D !important;
    outline: none !important;
    box-shadow: none !important;
}

body#order-detail #sendOrderMessage .button-medium,
body#history #block-order-detail #sendOrderMessage .button-medium,
body#order-slip #block-order-detail #sendOrderMessage .button-medium {
    background: #1D1D1D !important;
    border: none !important;
    border-radius: 0 !important;
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    padding: 10px 24px !important;
    box-shadow: none !important;
    transition: background 0.2s ease !important;
}
body#order-detail #sendOrderMessage .button-medium:hover,
body#history #block-order-detail #sendOrderMessage .button-medium:hover,
body#order-slip #block-order-detail #sendOrderMessage .button-medium:hover {
    background: #6B6B6B !important;
}
body#order-detail #sendOrderMessage .button-medium span,
body#history #block-order-detail #sendOrderMessage .button-medium span,
body#order-slip #block-order-detail #sendOrderMessage .button-medium span {
    border: none !important;
    color: inherit !important;
}

/* --- Formulaire retour (#returnOrderMessage) --- */
body#order-detail #returnOrderMessage p,
body#history #block-order-detail #returnOrderMessage p,
body#order-slip #block-order-detail #returnOrderMessage p {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #6B6B6B !important;
    margin-bottom: 16px !important;
    line-height: 1.7 !important;
}

body#order-detail #returnOrderMessage textarea,
body#history #block-order-detail #returnOrderMessage textarea,
body#order-slip #block-order-detail #returnOrderMessage textarea {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    color: #333333 !important;
    border: 1px solid #d0d0d0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    resize: vertical;
}
body#order-detail #returnOrderMessage textarea:focus,
body#history #block-order-detail #returnOrderMessage textarea:focus,
body#order-slip #block-order-detail #returnOrderMessage textarea:focus {
    border-color: #1D1D1D !important;
    outline: none !important;
    box-shadow: none !important;
}

body#order-detail #returnOrderMessage .button,
body#history #block-order-detail #returnOrderMessage .button,
body#order-slip #block-order-detail #returnOrderMessage .button {
    background: transparent !important;
    border: 1px solid #1D1D1D !important;
    border-radius: 0 !important;
    color: #1D1D1D !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    padding: 10px 24px !important;
    box-shadow: none !important;
    transition: background 0.2s ease, color 0.2s ease !important;
}
body#order-detail #returnOrderMessage .button:hover,
body#history #block-order-detail #returnOrderMessage .button:hover,
body#order-slip #block-order-detail #returnOrderMessage .button:hover {
    background: #1D1D1D !important;
    color: #ffffff !important;
}

/* --- Global : span boutons small (ne pas scoper) --- */
.button.button-small span {
    display: block;
    padding: 3px 8px;
    border: none !important;
}
/* ─────────────────────────────────────────────
   34. PAGE PANIER / COMMANDE — RELOOKING 2026
   body#order
───────────────────────────────────────────── */

/* --- Titre H1 --- */
body#order #cart_title {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 300 !important;
    font-size: 22px !important;
    color: #1D1D1D !important;
    border: none !important;
    border-bottom: 1px solid var(--color-or) !important;
    padding-bottom: 14px !important;
    margin-bottom: 28px !important;
    text-transform: none !important;
    background: none !important;
    line-height: 1.4 !important;
}

body#order #cart_title .heading-counter {
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #6B6B6B;
    margin-top: 6px;
}

/* --- Barre de progression steps --- */
body#order ul.step {
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    margin-bottom: 24px !important;
    overflow: visible !important;
    display: flex !important;
    padding: 0 0 12px 0 !important;
    border-bottom: 1px solid #ececec !important;
}

body#order ul.step li {
    float: none !important;
    flex: 1 !important;
    width: auto !important;
    background: none !important;
    background-image: none !important;
    filter: none !important;
    border: none !important;
    border-radius: 0 !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
}

body#order ul.step li a,
body#order ul.step li span,
body#order ul.step li.step_current span,
body#order ul.step li.step_current_end span,
body#order ul.step li.step_todo span,
body#order ul.step li.step_done a {
    display: block !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    text-shadow: none !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #342f2f !important;
    position: static !important;
    box-shadow: none !important;
}

/* Suppression des flèches PNG */
body#order ul.step li a:after,
body#order ul.step li span:after,
body#order ul.step li.step_current span:after,
body#order ul.step li.step_todo span:after,
body#order ul.step li.step_done a:after,
body#order ul.step li#step_end span:after {
    display: none !important;
    background: none !important;
    content: none !important;
}

/* Numéro em */
body#order ul.step li em {
    display: block !important;
    font-style: normal !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 20px !important;
    font-weight: 300 !important;
    letter-spacing: 0 !important;
    color: #d0d0d0 !important;
    margin-bottom: 4px !important;
}

/* Étape active */
body#order ul.step li.step_current {
    background: none !important;
    background-image: none !important;
    filter: none !important;
    border: none !important;
}

body#order ul.step li.step_current span {
    color: #1D1D1D !important;
    border-bottom: 1px solid #1D1D1D !important;
    padding-bottom: 2px !important;
    display: inline-block !important;
}

body#order ul.step li.step_current em {
    color: var(--color-or) !important;
}

/* Étapes inactives */
body#order ul.step li.step_todo span,
body#order ul.step li.step_done a {
    color: #888888 !important;
}

body#order ul.step li.step_done {
    background: none !important;
    background-image: none !important;
    filter: none !important;
    border: none !important;
}

/* Steps mobile */
@media (max-width: 767px) {
    body#order ul.step {
        padding: 0 0 10px 0 !important;
        margin-bottom: 16px !important;
    }

    body#order ul.step li a,
    body#order ul.step li span,
    body#order ul.step li.step_current span,
    body#order ul.step li.step_current_end span,
    body#order ul.step li.step_todo span,
    body#order ul.step li.step_done a {
        font-size: 9px !important;
        letter-spacing: 0.05em !important;
    }

    body#order ul.step li em {
        font-size: 15px !important;
        margin-bottom: 2px !important;
    }

    body#order ul.step li.step_current span {
        border-bottom: 1px solid #1D1D1D !important;
        padding-bottom: 2px !important;
        display: inline-block !important;
    }
}

/* --- Dernier produit ajouté --- */
body#order .cart_last_product {
    border: none !important;
    border-left: 2px solid var(--color-or) !important;
    padding: 12px 16px !important;
    margin-bottom: 24px !important;
    background: #fafafa !important;
    display: flex;
    align-items: center;
    gap: 16px;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body#order .cart_last_product_header .left {
    font-family: 'Montserrat', sans-serif;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--color-or);
}

body#order .cart_last_product_img img {
    width: 52px !important;
    height: 52px !important;
    object-fit: cover;
}

body#order .cart_last_product_content .product-name a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #1D1D1D !important;
    text-decoration: none !important;
}

body#order .cart_last_product_content small a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    color: #6B6B6B !important;
    text-decoration: none !important;
}

/* --- Table panier : neutralisation Bootstrap --- */
body#order #cart_summary {
    border: none !important;
    border-collapse: collapse !important;
    width: 100%;
}

body#order #cart_summary td,
body#order #cart_summary th {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: 1px solid #ececec !important;
}

body#order #cart_summary thead th {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: #1D1D1D !important;
    background: none !important;
    padding: 0 12px 14px 12px !important;
    border-bottom: 1px solid #1D1D1D !important;
}

body#order #cart_summary tbody td {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    color: #333333 !important;
    padding: 16px 12px !important;
    vertical-align: middle !important;
    background: none !important;
}

body#order #cart_summary tbody tr {
    background: none !important;
}

/* --- Nom produit --- */
body#order .cart_description .product-name a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #1D1D1D !important;
    text-decoration: none !important;
}

body#order .cart_description .cart_ref,
body#order .cart_description small a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    color: #6B6B6B !important;
    text-decoration: none !important;
}

/* --- Badge disponibilité --- */
body#order .cart_avail .label-success {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 9px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    background: none !important;
    border: none !important;
    color: #5a9a5a !important;
    padding: 0 !important;
    text-shadow: none !important;
}

/* --- Prix --- */
body#order .cart_unit .price,
body#order .cart_total .price {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #1D1D1D !important;
    list-style: none !important;
}

/* --- Boutons quantité +/- --- */
body#order .cart_quantity_button .btn {
    background: none !important;
    border: 1px solid #d0d0d0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 3px 7px !important;
    color: #1D1D1D !important;
    transition: background 0.15s ease !important;
}
body#order .cart_quantity_button .btn:hover {
    background: #1D1D1D !important;
    border-color: #1D1D1D !important;
    color: #ffffff !important;
}
body#order .cart_quantity_button .btn span {
    border: none !important;
}
body#order .cart_quantity_input {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    text-align: center;
    border: 1px solid #d0d0d0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    width: 36px !important;
}

/* --- Icône suppression --- */
body#order .cart_quantity_delete i {
    color: #b0b0b0 !important;
    font-size: 14px;
    transition: color 0.2s ease;
}
body#order .cart_quantity_delete:hover i {
    color: #bb2349 !important;
}

/* --- tfoot totaux --- */
body#order #cart_summary tfoot td {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    color: #333333 !important;
    padding: 12px 12px !important;
    background: none !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: 1px solid #ececec !important;
}

body#order #cart_summary tfoot .cart_total_price td {
    font-weight: 600 !important;
    color: #1D1D1D !important;
}

body#order #cart_summary tfoot #total_price_container {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1D1D1D !important;
    border-top: 1px solid #1D1D1D !important;
}

/* --- Bons de réduction --- */
body#order #cart_voucher fieldset {
    border: none !important;
    padding: 0 !important;
}

body#order #cart_voucher h4 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #6B6B6B !important;
    margin-bottom: 10px !important;
}

body#order #cart_voucher .discount_name {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    border: 1px solid #d0d0d0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    width: 140px !important;
    display: inline-block !important;
}
body#order #cart_voucher .discount_name:focus {
    border-color: #1D1D1D !important;
    outline: none !important;
}

body#order #cart_voucher .button-small {
    background: none !important;
    border: 1px solid #1D1D1D !important;
    border-radius: 0 !important;
    color: #1D1D1D !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    padding: 7px 14px !important;
    box-shadow: none !important;
    transition: background 0.2s ease, color 0.2s ease !important;
    vertical-align: middle !important;
}
body#order #cart_voucher .button-small:hover {
    background: #1D1D1D !important;
    color: #ffffff !important;
}

/* --- Blocs adresses --- */
body#order .order_delivery .address.box {
    border: none !important;
    border-left: 1px solid #ececec !important;
    border-radius: 0 !important;
    background: none !important;
    padding: 16px 20px !important;
    box-shadow: none !important;
}

body#order .order_delivery h3.page-subheading {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #1D1D1D !important;
    text-transform: none !important;
    border: none !important;
    border-bottom: 1px solid #ececec !important;
    padding-bottom: 10px !important;
    margin-bottom: 12px !important;
    letter-spacing: 0.02em !important;
}

body#order .order_delivery h3.page-subheading .address_alias {
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    font-weight: 400;
    color: #6B6B6B;
    letter-spacing: 0.05em;
    display: block;
    margin-top: 4px;
}

body#order .order_delivery .address li {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    color: #555555 !important;
    line-height: 1.8 !important;
    list-style: none !important;
}

/* --- Bouton Commander --- */
body#order .standard-checkout {
    background: #1D1D1D !important;
    border: none !important;
    border-radius: 0 !important;
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
    padding: 10px 32px !important;
    box-shadow: none !important;
    transition: background 0.2s ease !important;
    float: none !important;
}
body#order .standard-checkout:hover {
    background: #6B6B6B !important;
}
body#order .standard-checkout span {
    border: none !important;
}
body#order .standard-checkout i {
    color: #ffffff !important;
    margin-left: 6px;
}

/* --- Lien Continue shopping --- */
body#order .button-exclusive {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #6B6B6B !important;
    background: none !important;
    border: none !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    box-shadow: none !important;
}
body#order .button-exclusive:hover {
    color: #1D1D1D !important;
}
body#order .button-exclusive i {
    margin-right: 5px;
}

/* --- Navigation wrapper --- */
body#order .cart_navigation {
    margin-top: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
}
@media (max-width: 767px) {
    body#order .standard-checkout span {
        padding: 3px 3px !important;
    }
}


/* ─────────────────────────────────────────────
   SECTION 34b — STEP BAR body#authentication
   Clone de body#order ul.step
───────────────────────────────────────────── */

body#authentication ul.step {
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    margin-bottom: 24px !important;
    overflow: visible !important;
    display: flex !important;
    padding: 0 0 12px 0 !important;
    border-bottom: 1px solid #ececec !important;
}

body#authentication ul.step li {
    float: none !important;
    flex: 1 !important;
    width: auto !important;
    background: none !important;
    background-image: none !important;
    filter: none !important;
    border: none !important;
    border-radius: 0 !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
}

body#authentication ul.step li a,
body#authentication ul.step li span,
body#authentication ul.step li.step_current span,
body#authentication ul.step li.step_current_end span,
body#authentication ul.step li.step_todo span,
body#authentication ul.step li.step_done a {
    display: block !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    text-shadow: none !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #342f2f !important;
    position: static !important;
    box-shadow: none !important;
}

body#authentication ul.step li a:after,
body#authentication ul.step li span:after,
body#authentication ul.step li.step_current span:after,
body#authentication ul.step li.step_todo span:after,
body#authentication ul.step li.step_done a:after,
body#authentication ul.step li#step_end span:after {
    display: none !important;
    background: none !important;
    content: none !important;
}

body#authentication ul.step li em {
    display: block !important;
    font-style: normal !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 20px !important;
    font-weight: 300 !important;
    letter-spacing: 0 !important;
    color: #d0d0d0 !important;
    margin-bottom: 4px !important;
}

body#authentication ul.step li.step_current {
    background: none !important;
    background-image: none !important;
    filter: none !important;
    border: none !important;
}

body#authentication ul.step li.step_current span {
    color: #1D1D1D !important;
    border-bottom: 1px solid #1D1D1D !important;
    padding-bottom: 2px !important;
    display: inline-block !important;
}

body#authentication ul.step li.step_current em {
    color: var(--color-or) !important;
}

body#authentication ul.step li.step_todo span,
body#authentication ul.step li.step_done a {
    color: #888888 !important;
}

body#authentication ul.step li.step_done {
    background: none !important;
    background-image: none !important;
    filter: none !important;
    border: none !important;
}

@media (max-width: 767px) {
    body#authentication ul.step {
        padding: 0 0 10px 0 !important;
        margin-bottom: 16px !important;
    }
    body#authentication ul.step li a,
    body#authentication ul.step li span,
    body#authentication ul.step li.step_current span,
    body#authentication ul.step li.step_current_end span,
    body#authentication ul.step li.step_todo span,
    body#authentication ul.step li.step_done a {
        font-size: 9px !important;
        letter-spacing: 0.05em !important;
    }
    body#authentication ul.step li em {
        font-size: 15px !important;
        margin-bottom: 2px !important;
    }
    body#authentication ul.step li.step_current span {
        border-bottom: 1px solid #1D1D1D !important;
        padding-bottom: 2px !important;
        display: inline-block !important;
    }
}
/* ─────────────────────────────────────────────
   35. PAGE RETOUR PRODUIT — RELOOKING 2026
   body#order-follow
───────────────────────────────────────────── */

body#order-follow .page-heading {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 300 !important;
    font-size: 32px !important;
    color: #1D1D1D !important;
    border: none !important;
    border-bottom: 1px solid var(--color-or) !important;
    padding-bottom: 16px !important;
    margin-bottom: 24px !important;
    text-transform: none !important;
    background: none !important;
}

body#order-follow .info-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    color: #6B6B6B !important;
    letter-spacing: 0.05em !important;
    margin-bottom: 24px !important;
}

body#order-follow .alert-warning {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #333333 !important;
    background: #fafafa !important;
    border: none !important;
    border-left: 2px solid var(--color-or) !important;
    border-radius: 0 !important;
    padding: 14px 16px !important;
    box-shadow: none !important;
}

body#order-follow .footer_links {
    list-style: none !important;
    padding: 28px 0 0 0 !important;
    margin: 0 !important;
    display: flex;
    gap: 12px;
}

body#order-follow .footer_links li {
    margin: 0 !important;
}

body#order-follow .footer_links .btn {
    background: transparent !important;
    border: 1px solid #1D1D1D !important;
    border-radius: 0 !important;
    color: #1D1D1D !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    padding: 8px 18px !important;
    box-shadow: none !important;
    transition: background 0.2s ease, color 0.2s ease !important;
}

body#order-follow .footer_links .btn:hover {
    background: #1D1D1D !important;
    color: #ffffff !important;
}

body#order-follow .footer_links .btn span {
    border: none !important;
}

body#order-follow .footer_links .btn i {
    color: inherit !important;
    margin-right: 4px;
}
/* --- Message info retour --- */
body#order-follow p.return-info-message {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #333333 !important;
    background: #fafafa !important;
    border: none !important;
    border-left: 2px solid var(--color-or) !important;
    border-radius: 0 !important;
    padding: 14px 16px !important;
    margin-bottom: 28px !important;
    line-height: 1.7 !important;
}
body#order-follow p.return-info-message a {
    color: var(--color-or) !important;
    text-decoration: none !important;
}
body#order-follow p.return-info-message a:hover {
    color: #1D1D1D !important;
    text-decoration: underline !important;
}

/* --- Table retours : neutralisation Bootstrap --- */
body#order-follow #order-list {
    border: none !important;
    border-collapse: collapse !important;
    width: 100%;
}

body#order-follow #order-list td,
body#order-follow #order-list th {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: 1px solid #ececec !important;
}

body#order-follow #order-list thead tr {
    border-bottom: 1px solid #1D1D1D !important;
}

body#order-follow #order-list thead th {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: #1D1D1D !important;
    background: none !important;
    padding: 0 12px 14px 12px !important;
}

body#order-follow #order-list tbody tr {
    background: none !important;
    transition: background 0.15s ease;
}
body#order-follow #order-list tbody tr:hover {
    background: #fafafa !important;
}

body#order-follow #order-list tbody td {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    color: #333333 !important;
    padding: 14px 12px !important;
    vertical-align: middle !important;
    background: none !important;
}

/* --- Liens référence retour / commande --- */
body#order-follow #order-list td a.color-myaccount {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.06em !important;
    color: #1D1D1D !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}
body#order-follow #order-list td a.color-myaccount:hover {
    color: var(--color-or) !important;
}

/* --- Statut pill --- */
body#order-follow #order-list span.label {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 9px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    padding: 4px 9px !important;
    border-radius: 2px !important;
    text-shadow: none !important;
    opacity: 0.85;
    display: inline-block !important;
    line-height: 1.5 !important;
    white-space: nowrap;
}

/* --- Lien PDF slip (quand disponible) --- */
body#order-follow #order-list td.history_invoice a.link-button {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.06em !important;
    color: var(--color-or) !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}
body#order-follow #order-list td.history_invoice a.link-button:hover {
    color: #1D1D1D !important;
}
/* ─────────────────────────────────────────────
   36. PAGE AVOIRS — RELOOKING 2026
   body#order-slip
───────────────────────────────────────────── */

body#order-slip .page-heading {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 300 !important;
    font-size: 32px !important;
    color: #1D1D1D !important;
    border: none !important;
    border-bottom: 1px solid var(--color-or) !important;
    padding-bottom: 16px !important;
    margin-bottom: 24px !important;
    text-transform: none !important;
    background: none !important;
}

body#order-slip .info-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    color: #6B6B6B !important;
    letter-spacing: 0.05em !important;
    margin-bottom: 24px !important;
}

/* Table */
body#order-slip #order-list {
    border: none !important;
    border-collapse: collapse !important;
}

body#order-slip #order-list thead tr {
    background: none !important;
    border-bottom: 1px solid #1D1D1D !important;
}

body#order-slip #order-list thead th {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: #1D1D1D !important;
    background: none !important;
    border: none !important;
    padding: 10px 12px !important;
}

body#order-slip #order-list tbody tr {
    background: none !important;
    border: none !important;
    border-bottom: 1px solid #ececec !important;
    transition: background 0.15s ease !important;
}

body#order-slip #order-list tbody tr:hover {
    background: #fafafa !important;
}

body#order-slip #order-list tbody td {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #333333 !important;
    border: none !important;
    padding: 10px 12px !important;
    vertical-align: middle !important;
}

body#order-slip #order-list .bold {
    font-weight: 500 !important;
    color: #1D1D1D !important;
}

/* Lien numéro de commande */
body#order-slip #order-list .color-myaccount {
    color: var(--color-or) !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

body#order-slip #order-list .color-myaccount:hover {
    text-decoration: underline !important;
}

/* Lien PDF — icône dorée + texte raffiné */
body#order-slip #order-list .link-button {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: var(--color-or) !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

body#order-slip #order-list .link-button:hover {
    color: #1D1D1D !important;
}

body#order-slip #order-list .link-button .icon-file-text {
    color: var(--color-or) !important;
    font-size: 16px !important;
    transition: color 0.2s ease !important;
}

body#order-slip #order-list .link-button:hover .icon-file-text {
    color: #1D1D1D !important;
}

/* Footer links */
body#order-slip .footer_links {
    list-style: none !important;
    padding: 28px 0 0 0 !important;
    margin: 0 !important;
    display: flex;
    gap: 12px;
}

body#order-slip .footer_links li {
    margin: 0 !important;
}

body#order-slip .footer_links .btn {
    background: transparent !important;
    border: 1px solid #1D1D1D !important;
    border-radius: 0 !important;
    color: #1D1D1D !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    padding: 8px 18px !important;
    box-shadow: none !important;
    transition: background 0.2s ease, color 0.2s ease !important;
}

body#order-slip .footer_links .btn:hover {
    background: #1D1D1D !important;
    color: #ffffff !important;
}

body#order-slip .footer_links .btn span {
    border: none !important;
}


/* ─────────────────────────────────────────────
   37. PAGE MES ADRESSES — RELOOKING 2026
   body#addresses
───────────────────────────────────────────── */

body#addresses .page-heading {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 300 !important;
    font-size: 32px !important;
    color: #1D1D1D !important;
    border: none !important;
    border-bottom: 1px solid var(--color-or) !important;
    padding-bottom: 16px !important;
    margin-bottom: 24px !important;
    text-transform: none !important;
    background: none !important;
}

body#addresses .addresses > p {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #555555 !important;
    margin-bottom: 6px !important;
}

body#addresses .addresses > p strong {
    font-weight: 600 !important;
    color: #1D1D1D !important;
}

body#addresses .addresses .p-indent {
    font-size: 11px !important;
    color: #888888 !important;
    margin-bottom: 28px !important;
}

/* Cartes adresses */
body#addresses .address .box {
    list-style: none !important;
    padding: 20px 22px !important;
    margin: 0 !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
    transition: border-color 0.2s ease !important;
}

body#addresses .address .box:hover {
    border-color: var(--color-or) !important;
}

/* Titre de la carte */
body#addresses .address .box .page-subheading {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #1D1D1D !important;
    border: none !important;
    border-bottom: 1px solid #ececec !important;
    padding-bottom: 10px !important;
    margin-bottom: 12px !important;
    background: none !important;
}

/* Lignes d'adresse */
body#addresses .address .box li {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #444444 !important;
    line-height: 1.7 !important;
    border: none !important;
    padding: 0 !important;
    background: none !important;
}

/* Nom en légèrement plus marqué */
body#addresses .address .box .address_name {
    font-weight: 500 !important;
    color: #1D1D1D !important;
}

/* Ligne des boutons */
body#addresses .address .box .address_update {
    margin-top: 16px !important;
    padding-top: 14px !important;
    border-top: 1px solid #ececec !important;
    display: flex !important;
    gap: 8px !important;
}

/* Bouton Mettre à jour — outline noir */
body#addresses .address .box .address_update a.btn:first-child {
    background: transparent !important;
    border: 1px solid #1D1D1D !important;
    border-radius: 0 !important;
    color: #1D1D1D !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    padding: 6px 14px !important;
    box-shadow: none !important;
    transition: background 0.2s ease, color 0.2s ease !important;
}

body#addresses .address .box .address_update a.btn:first-child:hover {
    background: #1D1D1D !important;
    color: #ffffff !important;
}

/* Bouton Supprimer — outline framboise discret */
body#addresses .address .box .address_update a.btn:last-child {
    background: transparent !important;
    border: 1px solid #cc3333 !important;
    border-radius: 0 !important;
    color: #cc3333 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    padding: 6px 14px !important;
    box-shadow: none !important;
    transition: background 0.2s ease, color 0.2s ease !important;
}

body#addresses .address .box .address_update a.btn:last-child:hover {
    background: #cc3333 !important;
    color: #ffffff !important;
}

body#addresses .address .box .address_update a.btn span {
    border: none !important;
}

/* Bouton Ajouter une adresse */
body#addresses .main-page-indent .btn {
    background: transparent !important;
    border: 1px solid #1D1D1D !important;
    border-radius: 0 !important;
    color: #1D1D1D !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    padding: 10px 22px !important;
    box-shadow: none !important;
    transition: background 0.2s ease, color 0.2s ease !important;
    margin-top: 12px !important;
}

body#addresses .main-page-indent .btn:hover {
    background: #1D1D1D !important;
    color: #ffffff !important;
}

body#addresses .main-page-indent .btn span {
    border: none !important;
}

/* Footer links */
body#addresses .footer_links {
    list-style: none !important;
    padding: 20px 0 0 0 !important;
    margin: 0 !important;
    display: flex;
    gap: 12px;
}

body#addresses .footer_links .btn {
    background: transparent !important;
    border: 1px solid #1D1D1D !important;
    border-radius: 0 !important;
    color: #1D1D1D !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    padding: 8px 18px !important;
    box-shadow: none !important;
    transition: background 0.2s ease, color 0.2s ease !important;
}

body#addresses .footer_links .btn:hover {
    background: #1D1D1D !important;
    color: #ffffff !important;
}

body#addresses .footer_links .btn span {
    border: none !important;
}
/* ─────────────────────────────────────────────
   37b. PAGE FORMULAIRE ADRESSE — RELOOKING 2026
   body#address (ajout / modification)
───────────────────────────────────────────── */

/* Suppression box natif PS */
body#address .box {
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    background: none !important;
    border-radius: 0 !important;
}

/* Titre */
body#address .page-subheading {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 300 !important;
    font-size: 32px !important;
    color: #1D1D1D !important;
    border: none !important;
    border-bottom: 1px solid var(--color-or) !important;
    padding-bottom: 16px !important;
    margin-bottom: 28px !important;
    text-transform: none !important;
    background: none !important;
    letter-spacing: 0 !important;
}

/* Sous-titre et note champs requis */
body#address p.info-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    color: #6B6B6B !important;
    margin-bottom: 4px !important;
}

body#address p.required,
body#address p.inline-infos {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    color: #999999 !important;
    margin-bottom: 20px !important;
}

/* Labels */
body#address .form-group label {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #1D1D1D !important;
    margin-bottom: 6px !important;
}

/* Inputs texte */
body#address .form-control {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #1D1D1D !important;
    background: #ffffff !important;
    border: none !important;
    border-bottom: 1px solid #d0d0d0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 8px 0 !important;
    height: auto !important;
    transition: border-color 0.2s ease !important;
}

body#address .form-control:focus {
    border-bottom-color: var(--color-or) !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Form groups */
body#address .form-group {
    margin-bottom: 22px !important;
}

/* Sélecteur pays / état (uniform) */
body#address .selector span {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    color: #444444 !important;
    background: #ffffff !important;
    border: none !important;
    border-bottom: 1px solid #d0d0d0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Bouton Enregistrer */
body#address button[name="submitAddress"] {
    background: #1D1D1D !important;
    border: 1px solid #1D1D1D !important;
    border-radius: 0 !important;
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
    padding: 12px 32px !important;
    box-shadow: none !important;
    transition: background 0.2s ease, color 0.2s ease !important;
    margin-top: 8px !important;
}

body#address button[name="submitAddress"]:hover {
    background: transparent !important;
    color: #1D1D1D !important;
}

body#address button[name="submitAddress"] span {
    border: none !important;
    color: inherit !important;
}

/* Footer link */
body#address .footer_links {
    list-style: none !important;
    padding: 28px 0 0 0 !important;
    margin: 0 !important;
    display: flex;
    gap: 12px;
}

body#address .footer_links .btn {
    background: transparent !important;
    border: 1px solid #1D1D1D !important;
    border-radius: 0 !important;
    color: #1D1D1D !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    padding: 8px 18px !important;
    box-shadow: none !important;
    transition: background 0.2s ease, color 0.2s ease !important;
}

body#address .footer_links .btn:hover {
    background: #1D1D1D !important;
    color: #ffffff !important;
}

body#address .footer_links .btn span {
    border: none !important;
    color: inherit !important;
}
/* ─────────────────────────────────────────────
   38. PAGE IDENTITÉ — RELOOKING 2026
   body#identity
───────────────────────────────────────────── */

/* Suppression du box natif PS */
body#identity .box {
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    background: none !important;
}

/* Titre */
body#identity .page-subheading {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 300 !important;
    font-size: 32px !important;
    color: #1D1D1D !important;
    border: none !important;
    border-bottom: 1px solid var(--color-or) !important;
    padding-bottom: 16px !important;
    margin-bottom: 28px !important;
    text-transform: none !important;
    background: none !important;
    letter-spacing: 0 !important;
}

/* Intro */
body#identity .info-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    color: #6B6B6B !important;
    margin-bottom: 4px !important;
}

body#identity .required:not(.form-group) {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    color: #999999 !important;
    margin-bottom: 28px !important;
}

/* Labels */
body#identity .form-group label,
body#identity fieldset > div > label {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #1D1D1D !important;
    margin-bottom: 6px !important;
}

/* Astérisque champ requis */
body#identity .required label::before {
    content: '' !important;
}
body#identity label.required {
    color: #1D1D1D !important;
}

/* Inputs texte */
body#identity .form-control {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #1D1D1D !important;
    background: #ffffff !important;
    border: none !important;
    border-bottom: 1px solid #d0d0d0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 8px 0 !important;
    height: auto !important;
    transition: border-color 0.2s ease !important;
}

body#identity .form-control:focus {
    border-bottom-color: var(--color-or) !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Form groups */
body#identity .form-group {
    margin-bottom: 22px !important;
}

/* Label Titre + radios */
body#identity fieldset > div:first-child > label:first-child {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #1D1D1D !important;
    display: block !important;
    margin-bottom: 10px !important;
}

body#identity .radio-inline label {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #444444 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

/* Sélecteurs date de naissance */
body#identity .selector span {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    color: #444444 !important;
    background: #ffffff !important;
    border: none !important;
    border-bottom: 1px solid #d0d0d0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Checkbox newsletter */
body#identity .checkbox label {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    color: #555555 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

/* Bouton Enregistrer */
body#identity button[name="submitIdentity"] {
    background: #1D1D1D !important;
    border: 1px solid #1D1D1D !important;
    border-radius: 0 !important;
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
    padding: 12px 32px !important;
    box-shadow: none !important;
    transition: background 0.2s ease, color 0.2s ease !important;
    margin-top: 8px !important;
}

body#identity button[name="submitIdentity"]:hover {
    background: transparent !important;
    color: #1D1D1D !important;
}

body#identity button[name="submitIdentity"] span {
    border: none !important;
}

/* Footer links */
body#identity .footer_links {
    list-style: none !important;
    padding: 28px 0 0 0 !important;
    margin: 0 !important;
    display: flex;
    gap: 12px;
}

body#identity .footer_links .btn {
    background: transparent !important;
    border: 1px solid #1D1D1D !important;
    border-radius: 0 !important;
    color: #1D1D1D !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    padding: 8px 18px !important;
    box-shadow: none !important;
    transition: background 0.2s ease, color 0.2s ease !important;
}

body#identity .footer_links .btn:hover {
    background: #1D1D1D !important;
    color: #ffffff !important;
}

body#identity .footer_links .btn span {
    border: none !important;
}
body#identity button[name="submitIdentity"] span {
    padding: 3px 3px !important;
    border: none !important;
    color: #ffffff !important;
}

body#identity button[name="submitIdentity"]:hover span {
    color: #1D1D1D !important;
}

@media (max-width: 767px) {
    body#identity button[name="submitIdentity"] span {
        padding: 3px 3px !important;
    }
}
/* ─────────────────────────────────────────────
   39. PAGE BONS DE RÉDUCTION — RELOOKING 2026
   body#discount
───────────────────────────────────────────── */

body#discount .page-heading {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 300 !important;
    font-size: 32px !important;
    color: #1D1D1D !important;
    border: none !important;
    border-bottom: 1px solid var(--color-or) !important;
    padding-bottom: 16px !important;
    margin-bottom: 28px !important;
    text-transform: none !important;
    background: none !important;
}

/* Table */
body#discount .discount {
    border: none !important;
    border-collapse: collapse !important;
    width: 100% !important;
}

body#discount .discount thead tr {
    background: none !important;
    border-bottom: 1px solid #1D1D1D !important;
}

body#discount .discount thead th {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: #1D1D1D !important;
    background: none !important;
    border: none !important;
    padding: 10px 12px !important;
}

body#discount .discount tbody tr {
    border: none !important;
    border-bottom: 1px solid #ececec !important;
    transition: background 0.15s ease !important;
}

body#discount .discount tbody tr:hover {
    background: #fafafa !important;
}

body#discount .discount tbody td {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #333333 !important;
    border: none !important;
    padding: 12px !important;
    vertical-align: middle !important;
}

/* Code bon — mis en valeur en doré */
body#discount .discount tbody .discount_code {
    font-weight: 600 !important;
    color: var(--color-or) !important;
    letter-spacing: 0.05em !important;
}

/* Valeur — légèrement mis en avant */
body#discount .discount tbody .discount_value {
    font-weight: 500 !important;
    color: #1D1D1D !important;
}

/* Icône cumulable */
body#discount .discount tbody .icon-ok {
    color: var(--color-or) !important;
    margin-right: 4px !important;
}

/* Footer links */
body#discount .footer_links {
    list-style: none !important;
    padding: 28px 0 0 0 !important;
    margin: 0 !important;
    display: flex;
    gap: 12px;
}

body#discount .footer_links .btn {
    background: transparent !important;
    border: 1px solid #1D1D1D !important;
    border-radius: 0 !important;
    color: #1D1D1D !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    padding: 8px 18px !important;
    box-shadow: none !important;
    transition: background 0.2s ease, color 0.2s ease !important;
}

body#discount .footer_links .btn:hover {
    background: #1D1D1D !important;
    color: #ffffff !important;
}

body#discount .footer_links .btn span {
    border: none !important;
}
/* ─────────────────────────────────────────────
   MODULE EXTRA-FIELDS — Informations personnelles
   body#module-registrationfields-myinfo
───────────────────────────────────────────── */

/* Box wrapper */
body#module-registrationfields-myinfo #identity.box {
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    background: none !important;
    border-radius: 0 !important;
}

/* Labels */
body#module-registrationfields-myinfo label.rf_input_label {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #1D1D1D !important;
    margin-bottom: 8px !important;
    display: block !important;
    line-height: 1.6 !important;
}

/* Inputs texte */
body#module-registrationfields-myinfo .form-control {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #1D1D1D !important;
    background: #ffffff !important;
    border: none !important;
    border-bottom: 1px solid #d0d0d0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 8px 0 !important;
    height: auto !important;
    transition: border-color 0.2s ease !important;
}
body#module-registrationfields-myinfo .form-control:focus {
    border-bottom-color: var(--color-or) !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Form groups */
body#module-registrationfields-myinfo .form-group {
    margin-bottom: 22px !important;
}

/* Alerts info — restyle premium */
body#module-registrationfields-myinfo .alert-info {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #555555 !important;
    background: #fafafa !important;
    border: none !important;
    border-left: 2px solid var(--color-or) !important;
    border-radius: 0 !important;
    padding: 14px 16px !important;
    box-shadow: none !important;
    line-height: 1.7 !important;
}

/* Bouton Sauvegarder */
body#module-registrationfields-myinfo button#updateFields {
    background: #1D1D1D !important;
    border: 1px solid #1D1D1D !important;
    border-radius: 0 !important;
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
    padding: 12px 32px !important;
    box-shadow: none !important;
    transition: background 0.2s ease, color 0.2s ease !important;
}
body#module-registrationfields-myinfo button#updateFields:hover {
    background: transparent !important;
    color: #1D1D1D !important;
}

/* Footer links */
body#module-registrationfields-myinfo .footer_links {
    list-style: none !important;
    padding: 28px 0 0 0 !important;
    margin: 0 !important;
    display: flex;
    gap: 12px;
}
body#module-registrationfields-myinfo .footer_links li {
    margin: 0 !important;
}
body#module-registrationfields-myinfo .footer_links .btn {
    background: transparent !important;
    border: 1px solid #1D1D1D !important;
    border-radius: 0 !important;
    color: #1D1D1D !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    padding: 8px 18px !important;
    box-shadow: none !important;
    transition: background 0.2s ease, color 0.2s ease !important;
}
body#module-registrationfields-myinfo .footer_links .btn:hover {
    background: #1D1D1D !important;
    color: #ffffff !important;
}
/* ─────────────────────────────────────────────
   MODULE PRODUCT QUESTIONS
   body#module-prodquestions-myquestions
───────────────────────────────────────────── */

/* Titre */
body#module-prodquestions-myquestions h3.page-product-heading {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 300 !important;
    font-size: 32px !important;
    color: #1D1D1D !important;
    border: none !important;
    border-bottom: 1px solid var(--color-or) !important;
    padding-bottom: 16px !important;
    margin-bottom: 28px !important;
    text-transform: none !important;
    background: none !important;
}

/* Table : neutralisation Bootstrap */
body#module-prodquestions-myquestions .table-bordered {
    border: none !important;
    border-collapse: collapse !important;
    width: 100%;
}

body#module-prodquestions-myquestions .table-bordered td,
body#module-prodquestions-myquestions .table-bordered th {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: 1px solid #ececec !important;
}

body#module-prodquestions-myquestions .table-bordered thead tr {
    border-bottom: 1px solid #1D1D1D !important;
}

body#module-prodquestions-myquestions .table-bordered thead th {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: #1D1D1D !important;
    background: none !important;
    padding: 0 12px 14px 12px !important;
}

body#module-prodquestions-myquestions .table-bordered tbody tr {
    background: none !important;
    transition: background 0.15s ease;
}
body#module-prodquestions-myquestions .table-bordered tbody tr:hover {
    background: #fafafa !important;
}

body#module-prodquestions-myquestions .table-bordered tbody td {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    color: #333333 !important;
    padding: 14px 12px !important;
    vertical-align: middle !important;
    background: none !important;
}

/* Lien produit */
body#module-prodquestions-myquestions .table-bordered td a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    color: var(--color-or) !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}
body#module-prodquestions-myquestions .table-bordered td a:hover {
    color: #1D1D1D !important;
    text-decoration: none !important;
}

/* Pagination */
body#module-prodquestions-myquestions #prodquestions-nav-pre {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    color: #6B6B6B !important;
    margin-top: 20px !important;
}
/* =============================================
   SECTION 40 — FICHE PRODUIT : BLOC PRIX
   ============================================= */

/* Prix principal */
body#product span#our_price_display {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 300;
    color: #1D1D1D;
    letter-spacing: 0.02em;
}

/* Badge -10% */
body#product p#reduction_percent {
    display: inline-flex;
    align-items: center;
    background-color: var(--color-or);
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.08em;
    padding: 3px 7px;
    border-radius: 2px;
    margin: 4px 6px 0 0;
    vertical-align: middle;
}

body#product p#reduction_percent span#reduction_percent_display {
    color: #ffffff;
}

/* Ancien prix barré */
body#product p#old_price {
    display: inline-block !important;
    vertical-align: middle;
    margin: 0;
}

body#product p#old_price span.price {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #999;
    text-decoration: line-through;
}
body#product p#reduction_percent {
    background-color: var(--color-or) !important;
    border: none !important;
}

body#product label[for="quantity_wanted"] {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #1D1D1D;
}
body#product label.attribute_label {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #1D1D1D;
}
body#product select#group_2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 0.05em;
    color: #1D1D1D;
} 
body#product p#add_to_cart button.exclusive {
    background-color: #1D1D1D !important;
    border: none !important;
    width: 100% !important;
    padding: 16px 20px !important;
    border-radius: 0 !important;
}

body#product p#add_to_cart button.exclusive span {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300 !important;
    font-size: 13px !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
    color: #fff !important;
}

body#product p#add_to_cart button.exclusive:hover {
    background-color: #333 !important;
}

/* ============================================================
   SECTION 40 — body#pagenotfound
   ============================================================ */

body#pagenotfound {
    background: 
                url('/themes/clepied-theme/img/404.webp') center top / cover no-repeat fixed !important;
    min-height: 100vh;
}
body#pagenotfound #page {
    background: transparent !important;
}
body#pagenotfound .columns-container,
body#pagenotfound #columns,
body#pagenotfound .row,
body#pagenotfound #center_column {
    background: transparent !important;
}

body#pagenotfound .pagenotfound {
    text-align: center;
    padding: 140px 20px 60px;
    max-width: 640px;
    margin: 0 auto;
}

body#pagenotfound .pagenotfound h1 {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 300;
    font-size: 52px;
    line-height: 1.15;
    color: #ffffff;
    letter-spacing: 0.08em;
    text-transform: none;
    margin-bottom: 0;
    position: relative;
    padding-bottom: 20px;
}

body#pagenotfound .pagenotfound h1::after {
    content: '';
    display: block;
    width: 48px;
    height: 1px;
    background: var(--color-or);
    margin: 18px auto 0;
}

body#pagenotfound .pagenotfound p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 13px;
    line-height: 1.9;
    color: rgba(255,255,255,0.80);
    letter-spacing: 0.05em;
    margin: 24px 0 36px;
}

body#pagenotfound .pagenotfound h3 {
    display: none;
}

body#pagenotfound .pagenotfound form.std {
    background: rgba(0,0,0,0.35);
    padding: 24px 28px;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

body#pagenotfound .pagenotfound form.std fieldset {
    border: none;
    background: transparent;
    padding: 0;
}

body#pagenotfound .pagenotfound form.std label {
    display: none;
}

body#pagenotfound .pagenotfound form.std > fieldset > div {
    display: flex;
    align-items: flex-end;
    gap: 0;
    border-bottom: 1px solid rgba(255,255,255,0.5);
}

body#pagenotfound .pagenotfound #search_query {
    flex: 1;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 0.05em;
    padding: 8px 12px 8px 0 !important;
    border-radius: 0 !important;
}

body#pagenotfound .pagenotfound #search_query::placeholder {
    color: rgba(255,255,255,0.4);
    font-style: italic;
}

body#pagenotfound .pagenotfound button[name="Submit"] {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--color-or) !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 8px 0 8px 12px !important;
    cursor: pointer;
}

body#pagenotfound .pagenotfound button[name="Submit"] span {
    color: var(--color-or) !important;
}

body#pagenotfound .pagenotfound button[name="Submit"]:hover span {
    color: #ffffff !important;
}

body#pagenotfound .pagenotfound .buttons {
    margin-top: 40px;
}

body#pagenotfound .pagenotfound .buttons a {
    display: inline-block;
    border: 1px solid rgba(255,255,255,0.5) !important;
    background: transparent !important;
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    padding: 12px 28px !important;
    border-radius: 0 !important;
    transition: background 0.2s ease, border-color 0.2s ease;
}

body#pagenotfound .pagenotfound .buttons a:hover {
    background: rgba(255,255,255,0.1) !important;
    border-color: #ffffff !important;
}

body#pagenotfound .pagenotfound .buttons a span {
    color: #ffffff !important;
}

body#pagenotfound .pagenotfound .buttons a:hover span {
    color: #ffffff !important;
}

body#pagenotfound #clepied-logo-zone {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-bottom: none !important;
}

body#pagenotfound #clepied-logo-zone img {
    filter: invert(1);
}
@media (min-width: 1280px) {
    body#pagenotfound .pagenotfound {
        padding-top: 60px;
    }
}
@media (max-width: 767px) {
    body#pagenotfound .pagenotfound {
        padding-top: 100px;
    }
    
    body#pagenotfound .pagenotfound h1 {
        font-size: 36px;
    }
    
    body#pagenotfound .pagenotfound p {
        font-size: 12px;
        margin: 16px 0 24px;
    }
}


/* =============================================
   SECTION 41 — GUIDE DES TAILLES PANEL
   ============================================= */

/* Trigger */
body#product a#clepied-guide-tailles-trigger {
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-or);
    text-decoration: none;
    margin-bottom: 8px;
}
body#product a#clepied-guide-tailles-trigger:hover {
    color: #1D1D1D;
}

/* Overlay */
#clepied-guide-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.45);
    z-index: 1100;
}
#clepied-guide-overlay.active {
    display: block;
}

/* Panel */
#clepied-guide-panel {
    position: fixed;
    top: 0;
    left: 0;
    width: 520px;
    max-width: 100vw;
    height: 100vh;
    background: #fff;
    z-index: 1101;
    transform: translateX(-100%);
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    overflow-y: auto;
    padding: 48px 40px;
    box-sizing: border-box;
}
#clepied-guide-panel.active {
    transform: translateX(0);
}

/* Fermer */
#clepied-guide-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #1D1D1D;
    line-height: 1;
    padding: 4px 8px;
}

/* Contenu */
#clepied-guide-content h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 28px;
    font-weight: 400;
    color: #1D1D1D;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--color-or);
}
#clepied-guide-content .guide-intro,
#clepied-guide-content .guide-conseil,
#clepied-guide-content .guide-note {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.7;
    color: #444;
    margin-bottom: 16px;
}
#clepied-guide-content .guide-conseil strong {
    color: #1D1D1D;
    font-weight: 500;
}
#clepied-guide-content .guide-label {
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #1D1D1D;
    margin: 24px 0 12px;
}
#clepied-guide-content .guide-label span {
    color: var(--color-or);
}

/* Table */
#clepied-guide-content .guide-table {
    width: 100%;
    max-width: 300px;
    border-collapse: collapse;
    margin-bottom: 24px;
}
#clepied-guide-content .guide-table th {
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #1D1D1D;
    padding: 10px 16px;
    border-bottom: 1px solid #1D1D1D;
    text-align: center;
}
#clepied-guide-content .guide-table td {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 300;
    color: #1D1D1D;
    padding: 9px 16px;
    text-align: center;
    border-bottom: 1px solid #f0f0f0;
}
#clepied-guide-content .guide-table tr:hover td {
    background: #fafafa;
}

/* Mobile */
@media (max-width: 1279px) {
    #clepied-guide-panel {
        width: 100vw;
        padding: 40px 24px;
    }
}
/* Image mesure */
#clepied-guide-content .guide-svg-mesure {
    width: 100%;
    max-width: 280px;
    display: block;
    margin: 20px auto;
}

/* Steps */
#clepied-guide-content ol.guide-steps {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.7;
    color: #444;
    padding-left: 18px;
    margin-bottom: 24px;
}
#clepied-guide-content ol.guide-steps li {
    margin-bottom: 8px;
}
#clepied-guide-content ol.guide-steps strong {
    color: #1D1D1D;
    font-weight: 500;
}

/* Bloc pédimètre */
#clepied-guide-content .guide-pedimetre {
    border-top: 1px solid #f0f0f0;
    margin-top: 24px;
    padding-top: 20px;
}
#clepied-guide-content .guide-pedimetre p {
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #1D1D1D;
    margin-bottom: 10px;
}
#clepied-guide-content .guide-pedimetre-link {
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.08em;
    color: #fff;
    background: #1D1D1D;
    padding: 10px 18px;
    text-decoration: none;
    text-transform: uppercase;
    margin-bottom: 8px;
}
#clepied-guide-content .guide-pedimetre-link:hover {
    background: var(--color-or);
}
#clepied-guide-content .guide-pedimetre-note {
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    font-weight: 300;
    color: #999;
    margin-top: 6px;
}
#clepied-guide-overlay {
    z-index: 10000;
}

#clepied-guide-panel {
    z-index: 10001;
    padding-top: 80px; /* à ajuster selon hauteur topbar */
}
#clepied-guide-content .clepied-guide-close-bottom {
    display: block;
    width: 100%;
    margin-top: 32px;
    padding: 14px;
    background: none;
    border: 1px solid #1D1D1D;
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    cursor: pointer;
    color: #1D1D1D;
}
#clepied-guide-content .clepied-guide-close-bottom:hover {
    background: #1D1D1D;
    color: #fff;
}

/* =============================================
   SECTION 43 — FICHE PRODUIT : ZONE DESCRIPTION
   ============================================= */

/* H1 titre produit */
body#product .pb-center-column h1 {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 300 !important;
    font-size: 26px !important;
    line-height: 1.25;
    letter-spacing: 0.01em;
    color: #1D1D1D;
    text-transform: none;
    margin-bottom: 14px;
}

/* Référence produit */
body#product p#product_reference {
    margin-bottom: 4px;
}
body#product p#product_reference label {
    font-size: 0;
}
body#product p#product_reference label::before {
    content: "Modèle";
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 11px;
    letter-spacing: 0.06em;
    color: #6B6B6B;
}
body#product p#product_reference span.editable {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 12px;
    letter-spacing: 0.04em;
    color: #6B6B6B;
}
/* État produit */
body#product p#product_condition {
    margin-bottom: 8px;
}
body#product p#product_condition label {
    font-size: 0;
}
body#product p#product_condition span.editable {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 10px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #9c7d31;
}
/* Marque fabricant */
body#product p.clp-manufacturer {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 10px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #6B6B6B;
    margin-bottom: 12px;
}
body#product p.clp-manufacturer a {
    color: #6B6B6B;
    text-decoration: none;
}
body#product p.clp-manufacturer a:hover {
    color: #9c7d31;
}
/* Écrasement couleurs inline ancienne charte dans descriptions */
body#product #short_description_content a,
body#product #short_description_content span[style*="color"] {
    color: var(--color-or) !important;
    text-decoration: none;
    border-bottom: 1px solid var(--color-or);
}
body#product #short_description_content a:hover,
body#product #short_description_content span[style*="color"]:hover {
    color: #1D1D1D !important;
    border-bottom-color: #1D1D1D;
}
body#product #short_description_content {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 13px;
    line-height: 1.8;
    color: #333333;
}
body#product #short_description_content::after {
    height: 80px !important;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 60%, rgba(255,255,255,1) 100%) !important;
}
body#product #short_description_content strong {
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body#product span.span_link {
    display: none !important;
}
body#product #btn-lire-plus {
    display: inline-block !important;
    text-align: center !important;
    margin: 16px auto !important;
    padding: 6px 18px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: #6B6B6B !important;
    cursor: pointer !important;
    background: none !important;
    border: 1px solid #d0d0d0 !important;
    transition: border-color 0.2s ease, color 0.2s ease !important;
}
body#product #btn-lire-plus:hover {
    border-color: #1D1D1D !important;
    color: #1D1D1D !important;
}
body#product #btn-lire-plus::before,
body#product #btn-lire-plus::after {
    display: none !important;
}
body#product #btn-lire-plus .fleche {
    display: none !important;
}
/* Image principale produit */
body#product #image-block {
    overflow: hidden;
}
body#product #view_full_size {
    display: block;
    overflow: hidden;
    cursor: zoom-in;
}
body#product #bigpic {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.4s ease;
}
body#product #bigpic:hover {
    transform: scale(1.03);
}




/* Masquer Précédent / Suivant texte brut */
body#product #view_scroll_left,
body#product #view_scroll_right {
    font-size: 0 !important;
}
/* Carrousel produits similaires */
body#product .block_description {
    display: none;
}
body#product #bxslider .product-name a {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 11px;
    letter-spacing: 0.03em;
    color: #1D1D1D;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
body#product #bxslider .product-name a:hover {
    color: var(--color-or);
}
body#product #bxslider span.price {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 13px;
    color: #1D1D1D;
}
body#product #bxslider .product_image img {
    transition: transform 0.4s ease;
}
body#product #bxslider .product_image:hover img {
    transform: scale(1.04);
}
body#product #bxslider .item {
    overflow: hidden;
}

/* Flèche navigation carrousel */
body#product .bx-next {
    background: none;
    color: var(--color-or);
    font-size: 24px;
    font-weight: 300;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}
body#product .bx-next:hover {
    opacity: 1;
    background: none;
}
body#product .bx-controls-direction a {
    width: 30px !important;
    height: 30px !important;
    background: none !important;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}
body#product .bx-controls-direction a:hover {
    opacity: 1 !important;
}
body#product .bx-controls-direction a::before {
    color: var(--color-or) !important;
    font-size: 18px !important;
    line-height: 30px !important;
}

/* =============================================
   SECTION 44 — MODULE QUESTIONS PRODUIT
   ============================================= */

/* Titre section */
body#product .page-product-heading {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 300;
    font-size: 20px;
    letter-spacing: 0.05em;
    color: #1D1D1D;
    text-transform: uppercase;

    padding-bottom: 12px;
    margin-bottom: 24px;
    background: none;
}

/* Infos auteur */
body#product .answInf {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 11px;
    letter-spacing: 0.06em;
    color: #6B6B6B;
    margin-bottom: 8px;
}
body#product .answInf strong,
body#product .answInf b {
    color: #1D1D1D;
    font-weight: 400;
}

/* Texte questions/réponses */
body#product .answBox p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 13px;
    line-height: 1.7;
    color: #333;
}

/* Bloc réponse admin — légère distinction */
body#product .answBox-response {
    padding-left: 20px;
    border-left: 2px solid var(--color-or);
    margin-top: 12px;
}

/* Titre formulaire */
body#product .title-rev {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #1D1D1D;
    margin-bottom: 20px;
}

/* Bouton "cacher l'" — remplacé par × */
body#product .cancel-button-custom {
    background: none !important;
    border: 1px solid #d0d0d0 !important;
    padding: 4px 10px !important;
    float: right;
}
body#product .cancel-button-custom b {
    font-size: 0 !important;
}
body#product .cancel-button-custom::after {
    content: "×";
    font-size: 18px;
    color: #6B6B6B;
    font-weight: 300;
}

/* Labels formulaire */
body#product #add-question-form label {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #1D1D1D;
    margin-bottom: 6px;
    display: block;
}

/* Inputs */
body#product .input-custom,
body#product .textarea-custom {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 13px;
    color: #1D1D1D;
    border: 1px solid #d0d0d0 !important;
    border-radius: 0 !important;
    padding: 10px 12px !important;
    width: 100% !important;
    box-shadow: none !important;
    transition: border-color 0.2s ease;
}
body#product .input-custom:focus,
body#product .textarea-custom:focus {
    border-color: #1D1D1D !important;
    outline: none !important;
}

/* Bouton submit */
body#product .add-button-custom {
    background: #1D1D1D !important;
    border: none !important;
    border-radius: 0 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300 !important;
    font-size: 11px !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
    color: #fff !important;
    padding: 14px 32px !important;
    box-shadow: none !important;
    transition: background 0.2s ease !important;
}
body#product .add-button-custom:hover {
    background: #333 !important;
}

/* Astérisques requis */
body#product .prodquestions-req {
    color: var(--color-or);
}
/* Pagination numéro */
body#product .pages span.nums b {
    background: var(--color-or) !important;
    color: #fff !important;
}

/* Bouton "Poser une question" */
body#product .btn-primary-prodquestions {
    background: none !important;
    border: 1px solid var(--color-or) !important;
    border-radius: 0 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300 !important;
    font-size: 11px !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: var(--color-or) !important;
    padding: 10px 24px !important;
    transition: background 0.2s ease, color 0.2s ease !important;
}
body#product .btn-primary-prodquestions:hover {
    background: var(--color-or) !important;
    color: #fff !important;
}
body#product .btn-primary-prodquestions b {
    font-weight: 300 !important;
}
body#product .btn-primary-prodquestions b {
    color: var(--color-or) !important;
}
body#product .btn-primary-prodquestions:hover b {
    color: #fff !important;
}
body#product .add-button-custom,
body#product .btn-success-custom {
    background: none !important;
    border: 1px solid var(--color-or) !important;
    color: var(--color-or) !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300 !important;
    font-size: 11px !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    padding: 12px 32px !important;
    transition: background 0.2s ease, color 0.2s ease !important;
}
body#product .add-button-custom:hover,
body#product .btn-success-custom:hover {
    background: var(--color-or) !important;
    color: #fff !important;
}
body#product #add-question-form {
    border: none !important;
    padding: 0 !important;
}
body#product .cancel-button-custom {
    background: none !important;
    border: none !important;
    padding: 0 !important;
}
body#product .cancel-button-custom::after {
    content: "×";
    font-size: 24px;
    font-weight: 300;
    color: #6B6B6B;
    transition: color 0.2s ease;

}
body#product .cancel-button-custom:hover::after {
    color: #1D1D1D;
}
body#product .input-custom,
body#product .textarea-custom {
    border: none !important;
    border-bottom: 1px solid #d0d0d0 !important;
    border-radius: 0 !important;
    padding: 10px 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transition: border-color 0.2s ease !important;
}
body#product .input-custom:focus,
body#product .textarea-custom:focus {
    border-bottom-color: #1D1D1D !important;
    outline: none !important;
}

/* Captcha garde son cadre complet */
body#product #inpCaptchaReviewQuestion {
    border: 1px solid #d0d0d0 !important;
    padding: 6px 10px !important;
    width: auto !important;
    min-width: 120px !important;
}
/* États d'erreur et validation — version premium */
body#product .errorTxtAdd {
    color: #bb2349 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 300 !important;
    letter-spacing: 0.06em !important;
    padding: 4px 0 !important;
}
body#product .error-current-input {
    background: transparent !important;
    border-bottom-color: #bb2349 !important;
}
body#product .error-label,
body#product .error-label p {
    color: #bb2349 !important;
}
body#product #succes-question {
    border: 1px solid var(--color-or) !important;
    color: var(--color-or) !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300 !important;
    font-size: 12px !important;
    letter-spacing: 0.06em !important;
}
body#product .prodquestions-req {
    color: var(--color-or) !important;
}
/* =============================================
   SECTION 45 — TABLEAU CARACTÉRISTIQUES
   ============================================= */

body#product .table-data-sheet {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-top: 16px;
}
body#product .table-data-sheet tr {
    border-bottom: 1px solid var(--color-filet) !important;
}
body#product .table-data-sheet tr.odd {
    background: transparent !important;
}
body#product .table-data-sheet tr.even {
    background: #fafafa !important;
}
body#product .table-data-sheet td {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300 !important;
    font-size: 12px !important;
    color: #333 !important;
    padding: 12px 16px !important;
    border: none !important;
    vertical-align: middle !important;
}
body#product .table-data-sheet td:first-child {
    font-weight: 400 !important;
    color: #1D1D1D !important;
    width: 35% !important;
    text-transform: uppercase !important;
    font-size: 10px !important;
    letter-spacing: 0.08em !important;
}

/* =============================================
   SECTION 46 — DESCRIPTION LONGUE / EN SAVOIR PLUS
   ============================================= */

/* Texte courant */
body#product section.page-product-box .rte p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 13px;
    line-height: 1.8;
    color: #333;
    margin-bottom: 12px;
}

/* Titres h1 dans la description longue */
body#product section.page-product-box .rte h1 {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 300;
    font-size: 22px;
    color: #1D1D1D;
    margin-bottom: 16px;
    text-transform: none;
}

/* Titres h2 */
body#product section.page-product-box .rte h2 {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 300;
    font-size: 18px;
    color: #1D1D1D;
    margin: 24px 0 12px;
}

/* Images — limiter la taille */
body#product section.page-product-box .rte img {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    display: block;
    margin: 20px auto;
}

/* Écraser le rouge inline #d0121a */
body#product section.page-product-box .rte span[style*="color"] {
    color: var(--color-or) !important;
}

/* Tableau Bootstrap dans description longue */
body#product section.page-product-box .rte table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 24px 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 300;
}
body#product section.page-product-box .rte table td,
body#product section.page-product-box .rte table th {
    padding: 10px 14px !important;
    border: none !important;
    border-bottom: 1px solid var(--color-filet) !important;
    color: #333 !important;
    vertical-align: middle !important;
}
body#product section.page-product-box .rte table tr:first-child td,
body#product section.page-product-box .rte table th {
    font-weight: 400 !important;
    color: #1D1D1D !important;
    text-transform: uppercase !important;
    font-size: 10px !important;
    letter-spacing: 0.08em !important;
    border-bottom: 1px solid #1D1D1D !important;
}
body#product section.page-product-box .rte table tr:nth-child(even) {
    background: #fafafa !important;
}

/* =============================================
   SECTION 47 — TÉLÉCHARGEMENT
   ============================================= */

body#product .page-product-box .row .col-lg-4 h4 a {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 400;
    font-size: 18px;
    color: #1D1D1D;
    text-decoration: none;
}
body#product .page-product-box .row .col-lg-4 h4 a:hover {
    color: var(--color-or);
}
body#product .page-product-box .row .col-lg-4 p.text-muted {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 10px;
    letter-spacing: 0.1em;
    color: #6B6B6B !important;
    margin-bottom: 16px;
}
body#product .page-product-box .row .col-lg-4 .btn-default {
    background: none !important;
    border: 1px solid var(--color-or) !important;
    border-radius: 0 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300 !important;
    font-size: 11px !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: var(--color-or) !important;
    padding: 10px 20px !important;
    transition: background 0.2s ease, color 0.2s ease !important;
}
body#product .page-product-box .row .col-lg-4 .btn-default:hover {
    background: var(--color-or) !important;
    color: #fff !important;
}
body#product .page-product-box .row .col-lg-4 .btn-default i {
    display: none !important;
}
body#product .page-product-box .row .col-lg-4 hr {
    border: none !important;
    border-top: 1px solid var(--color-filet) !important;
    margin-top: 20px !important;
}


/* =============================================
   SECTION 48 — CARROUSEL "10 AUTRES MODÈLES"
   ============================================= */

/* Masquer boutons ATC dans ce carrousel */
body#product section.blockproductscategory .no-print {
    display: none !important;
}

/* Nom produit */
body#product section.blockproductscategory .product-name a {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 11px;
    letter-spacing: 0.03em;
    color: #1D1D1D;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
body#product section.blockproductscategory .product-name a:hover {
    color: var(--color-or);
}

/* Hover image */
body#product section.blockproductscategory .product-image {
    display: block;
    overflow: hidden;
}
body#product section.blockproductscategory .product-image img {
    transition: transform 0.4s ease;
    display: block;
    width: 100%;
}
body#product section.blockproductscategory .product-image:hover img {
    transform: scale(1.04);
}

/* Flèches */
body#product section.blockproductscategory .bx-controls-direction a {
    background: none !important;
    border: none !important;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}
body#product section.blockproductscategory .bx-controls-direction a:hover {
    opacity: 1 !important;
}
body#product section.blockproductscategory .bx-controls-direction a::before {
    color: var(--color-or) !important;
    font-size: 18px !important;
}
/* Badge promotion */
.sale-label {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 9px !important;
    font-weight: 400 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: var(--color-or) !important;
    background: transparent !important;
    border: 1px solid var(--color-or) !important;
    text-shadow: none !important;
    padding: 5px 5px !important;
    width: auto !important;
    text-align: center !important;
    display: inline-block !important;
    position: absolute !important;
    right: 8px !important;
    top: 12px !important;
    transform: none !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    z-index: 1 !important;
}
.sale-label::before,
.sale-label::after {
    display: none !important;
    content: none !important;
}

/* ============================================================
   SECTION 40 — HERO CATÉGORIE
   body#category
   ============================================================ */

body#category .content_scene_cat_bg.clp-cat-hero {
    position: relative;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    min-height: 280px !important;
    display: flex;
    align-items: flex-end;
    background-color: #1D1D1D;
}

body#category .clp-cat-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
}

body#category .clp-cat-hero-content {
    position: relative;
    z-index: 2;
    padding: 20px 24px;
    width: 100%;
}

body#category .clp-cat-hero-content .page-heading {
    color: #fff !important;
    font-size: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    text-shadow: 0 1px 4px rgba(0,0,0,0.5);
}

body#category .clp-cat-hero-content .page-heading .cat-name {
    color: #fff !important;
}

/* Mobile */
@media (max-width: 1279px) {
    body#category .content_scene_cat_bg.clp-cat-hero {
        min-height: 220px !important;
    }
    body#category .clp-cat-hero-content .page-heading {
        font-size: 18px !important;
    }
}
body#category #subcategories ul {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
    padding: 12px !important;
    margin: 0 !important;
    list-style: none !important;
    overflow: hidden !important;
}

body#category #subcategories ul li {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    height: auto !important;
    text-align: center !important;
    border: 1px solid #9c7d31 !important;
    padding: 10px 6px !important;
}
body#category #subcategories ul::before,
body#category #subcategories ul::after {
    display: none !important;
}

body#category #subcategories ul li a.subcategory-name {
    font-size: 13px !important;
    line-height: 1.3 !important;
    color: #1D1D1D !important;
    text-decoration: none !important;
    display: block !important;
    font-weight: 500 !important;
}

body#category #subcategories ul li a.subcategory-name:hover {
    color: #9c7d31 !important;
}
@media (max-width: 1279px) {
    body#category #columns {
        padding-bottom: 10px !important;
        padding-top: 0 !important;
    }

    body#category #layered_block_left .title_block {
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }


}
body#category .content_scene_cat {
    border-top: none !important;
    margin: 0 0 26px 0 !important;
}
body#category .clp-cat-hero-content .page-heading .cat-name {
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
}

body#category .clp-cat-title {
    margin: 8px 0 4px 0 !important;
    padding: 0 !important;
    border: none !important;
}

body#category .clp-cat-title .cat-name {
    font-size: 20px !important;
    color: #bb2349 !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
}

body#category .clp-cat-title .cat-name-complement {
    font-size: 12px !important;
    color: #888 !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    display: block !important;
    margin-top: 4px !important;
}

@media (max-width: 1279px) {
    body#category .clp-cat-title .cat-name {
        font-size: 16px !important;
    }
    body#category .clp-cat-title .cat-name-complement {
        font-size: 11px !important;
    }
}
body#category .content_scene_cat .content_scene_cat_bg {
    padding: 0px 0px 0px 0px !important;
    background-color: transparent !important;
}


body#category #layered_block_left label,
body#category #layered_block_left label a {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300 !important;
    font-size: 12px !important;
}
/* Compteur produits — global */
body#category div.product-count {
    text-align: left !important;
    font-weight: 300 !important;
    font-size: 11px !important;
    margin-top: 4px !important;
    margin-bottom: 8px !important;
    color: #888 !important;
}

body#category #layered_block_left .layered_subtitle {
    display: inline-block !important;
    font-weight: 300 !important;
    font-size: 12px !important;
    color: var(--color-or) !important;
}
/* ============================================================
   CLEPIED OVERRIDE — Avril 2026
   Centralisation polices + poids typographique
   Rollback : supprimer ce bloc entier
   ============================================================ */

/* Police globale — remplace Arial et Open Sans partout */
body,
body input,
body select,
body textarea,
body button {
    font-family: 'Montserrat', sans-serif !important;
}

/* Poids par défaut allégé */
body {
    font-weight: 400 !important;
}

/* Éléments qui gardent un poids lisible — ni trop léger ni bold */
body label,
body .btn,
body .button,
body th,
body strong,
body b {
    font-weight: 400 !important;
}

/* Titres — poids modéré */
body h1, body h2, body h3,
body h4, body h5, body h6 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400 !important;
}

@media (max-width: 767px) {
    body#category .block .title_block:after,
    body#category .block h4:after {
        background: var(--color-or) !important;
        color: #ffffff !important;
        border-radius: 2px !important;
        font-size: 14px !important;
        font-weight: 300 !important;
        width: 24px !important;
        height: 24px !important;
        line-height: 24px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        text-align: center !important;
    }
}

body#category form.nbrItemPage {
    display: none !important;
}
body#category ul.product_list .button.lnk_view {
    display: none !important;
}
@media (max-width: 767px) {
    body#category ul.product_list .functional-buttons {
        display: none !important;
    }
}
    body#category ul.product_list .content_price {
        padding-top: 4px !important;
        margin-top: 0 !important;
    }
    body#category ul.product_list .price.product-price {
        font-weight: 300 !important;
        font-size: 18px !important;
        color: #9c7d31 !important;
    }
    body#category ul.product_list .content_price {
    margin-top: 2px !important;
    padding-top: 0 !important;
}

body#category ul.product_list .price-percent-reduction {
    display: none !important;
}
body#category ul.product_list .right-block h5 {
    margin-bottom: 2px !important;
    padding-bottom: 0 !important;
}
body#category p.subcategory-heading {
    color: var(--color-or) !important;
    font-weight: 300 !important;
    font-size: 16px !important;
}

body#authentication h1.page-heading {
    font-family: 'Montserrat', sans-serif !important;
    color: var(--color-or) !important;
    font-weight: 300 !important;
    font-size: 20px !important;
    padding: 0 !important;
    margin: 1px 0 12px 0 !important;
    border: none !important;
    overflow: visible !important;
}
@media (max-width: 767px) {
    body#authentication h1.page-heading {
        font-size: 18px !important;
        margin: 4px 0 8px 0 !important;
    }

    body#authentication .box {
        padding: 16px !important;
        margin-bottom: 12px !important;
    }

    body#authentication .box h3.page-subheading {
        font-size: 13px !important;
        margin-bottom: 8px !important;
        padding-bottom: 6px !important;
    }

    body#authentication .form-group {
        margin-bottom: 8px !important;
    }

    body#authentication .form-control {
        height: 36px !important;
        padding: 4px 10px !important;
        font-size: 13px !important;
    }

    body#authentication label {
        margin-bottom: 2px !important;
        font-size: 12px !important;
    }

    body#authentication .lost_password {
        margin: 4px 0 8px 0 !important;
    }

    body#authentication .lost_password a {
        font-size: 11px !important;
    }

    body#authentication #create-account_form p {
        font-size: 12px !important;
        margin-bottom: 8px !important;
    }
}

@media (max-width: 767px) {
    body#authentication #create-account_form.box,
    body#authentication #login_form.box {
        min-height: 0 !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
}
@media (max-width: 767px) {
    body#authentication ol.breadcrumb {
        padding-bottom: 2px !important;
    }
}


/* =============================================
   SECTION 49 — TUNNEL CONNEXION : COMMANDE RAPIDE
   body#authentication #opc_account_form
   Redesign formulaire création compte + champs extra
   ============================================= */

/* --- Titre "Commande rapide" --- */
body#authentication #opc_account_form h3.page-heading {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 300 !important;
    font-size: 20px !important;
    color: var(--color-or) !important;
    border: none !important;
    border-bottom: 1px solid #ececec !important;
    padding: 0 0 12px 0 !important;
    margin: 0 0 20px 0 !important;
    text-transform: none !important;
    background: none !important;
}

/* --- Sous-titre "Adresse de livraison" --- */
body#authentication #opc_account_form h3.page-heading.top-indent {
    margin-top: 28px !important;
    font-size: 16px !important;
    color: #1D1D1D !important;
}

/* --- Sous-titre adresse de facturation --- */
body#authentication #opc_account_form h3.page-subheading {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    color: #1D1D1D !important;
    border: none !important;
    border-bottom: 1px solid #ececec !important;
    padding: 0 0 10px 0 !important;
    margin: 20px 0 16px 0 !important;
    text-transform: none !important;
}

/* --- Box wrapper --- */
body#authentication .box {
    border: none !important;
    box-shadow: none !important;
    background: none !important;
    border-radius: 0 !important;
}

/* --- Labels --- */
body#authentication #opc_account_form label {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #1D1D1D !important;
    margin-bottom: 4px !important;
    display: block !important;
}

/* --- Inputs / selects --- */
body#authentication #opc_account_form .form-control {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #1D1D1D !important;
    background: #ffffff !important;
    border: none !important;
    border-bottom: 1px solid #d0d0d0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 8px 0 !important;
    height: auto !important;
    transition: border-color 0.2s ease !important;
}
body#authentication #opc_account_form .form-control:focus {
    border-bottom-color: var(--color-or) !important;
    outline: none !important;
    box-shadow: none !important;
}

/* --- Selector uniform (dropdowns date, pays) --- */
body#authentication #opc_account_form .selector {
    border: none !important;
    border-bottom: 1px solid #d0d0d0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #ffffff !important;
    width: 100% !important;
}
body#authentication #opc_account_form .selector span {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    color: #1D1D1D !important;
    background: none !important;
    width: 85% !important;
}

/* --- Form groups --- */
body#authentication #opc_account_form .form-group {
    margin-bottom: 18px !important;
}

/* --- Texte requis --- */
body#authentication #opc_account_form p.required {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    color: #888 !important;
    margin-bottom: 16px !important;
}

/* --- Champ requis sup --- */
body#authentication #opc_account_form sup {
    color: var(--color-or) !important;
}

/* --- Alerts info (blocs texte informatifs) --- */
body#authentication #opc_account_form .alert-info,
body#authentication #registration_fields .alert-info {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    color: #555555 !important;
    background: #fafafa !important;
    border: none !important;
    border-left: 2px solid var(--color-or) !important;
    border-radius: 0 !important;
    padding: 12px 16px !important;
    box-shadow: none !important;
    line-height: 1.7 !important;
}

/* --- Labels registrationfields (champs extra pointure etc.) --- */
body#authentication #registration_fields label.rf_input_label {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #1D1D1D !important;
    margin-bottom: 6px !important;
    display: block !important;
    line-height: 1.6 !important;
}

/* --- Inputs registrationfields --- */
body#authentication #registration_fields .form-control {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    color: #1D1D1D !important;
    background: #ffffff !important;
    border: none !important;
    border-bottom: 1px solid #d0d0d0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 8px 0 !important;
    height: auto !important;
}
body#authentication #registration_fields .form-control:focus {
    border-bottom-color: var(--color-or) !important;
    outline: none !important;
    box-shadow: none !important;
}

/* --- Fieldset registrationfields --- */
body#authentication #registration_fields {
    border: none !important;
    padding: 0 !important;
    margin-top: 8px !important;
}

body#authentication #opc_account_form p.required,
body#authentication p.required {
    color: #bb2349 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
}

body#order #carrier_area h1.page-heading {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 300 !important;
    font-size: 22px !important;
    color: var(--color-or) !important;
    border-bottom: 1px solid #ececec !important;
    padding-bottom: 14px !important;
    margin-bottom: 24px !important;
    overflow: visible !important;
}
/* =============================================
   SECTION 50 — TITRES ÉTAPES TUNNEL + MODULE PAIEMENT
   ============================================= */

/* --- H1 toutes étapes body#order (Adresses, Paiement...) --- */
body#order h1.page-heading {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 300 !important;
    font-size: 22px !important;
    color: var(--color-or) !important;
    border: none !important;
    border-bottom: 1px solid #ececec !important;
    padding-bottom: 14px !important;
    margin-bottom: 24px !important;
    overflow: visible !important;
    background: none !important;
}

/* --- body#module-cheque-payment : titre + step bar --- */
body#module-cheque-payment h1.page-heading {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 300 !important;
    font-size: 22px !important;
    color: var(--color-or) !important;
    border: none !important;
    border-bottom: 1px solid #ececec !important;
    padding-bottom: 14px !important;
    margin-bottom: 24px !important;
    overflow: visible !important;
    background: none !important;
}

body#module-cheque-payment ul.step {
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    margin-bottom: 24px !important;
    overflow: visible !important;
    display: flex !important;
    padding: 0 0 12px 0 !important;
    border-bottom: 1px solid #ececec !important;
}

body#module-cheque-payment ul.step li {
    float: none !important;
    flex: 1 !important;
    width: auto !important;
    background: none !important;
    background-image: none !important;
    filter: none !important;
    border: none !important;
    border-radius: 0 !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
}

body#module-cheque-payment ul.step li a,
body#module-cheque-payment ul.step li span,
body#module-cheque-payment ul.step li.step_current span,
body#module-cheque-payment ul.step li.step_todo span,
body#module-cheque-payment ul.step li.step_done a {
    display: block !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    text-shadow: none !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #888888 !important;
    position: static !important;
    box-shadow: none !important;
}

body#module-cheque-payment ul.step li a:after,
body#module-cheque-payment ul.step li span:after,
body#module-cheque-payment ul.step li.step_current span:after,
body#module-cheque-payment ul.step li.step_todo span:after,
body#module-cheque-payment ul.step li.step_done a:after {
    display: none !important;
    content: none !important;
}

body#module-cheque-payment ul.step li em {
    display: block !important;
    font-style: normal !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 20px !important;
    font-weight: 300 !important;
    color: #d0d0d0 !important;
    margin-bottom: 4px !important;
}

body#module-cheque-payment ul.step li.step_current span {
    color: #1D1D1D !important;
    border-bottom: 1px solid #1D1D1D !important;
    padding-bottom: 2px !important;
    display: inline-block !important;
}

body#module-cheque-payment ul.step li.step_current em {
    color: var(--color-or) !important;
}

body#module-cheque-payment ul.step li.step_done em {
    color: var(--color-or) !important;
}

@media (max-width: 767px) {
    body#module-cheque-payment ul.step li a,
    body#module-cheque-payment ul.step li span,
    body#module-cheque-payment ul.step li.step_current span,
    body#module-cheque-payment ul.step li.step_todo span,
    body#module-cheque-payment ul.step li.step_done a {
        font-size: 9px !important;
        letter-spacing: 0.05em !important;
    }
    body#module-cheque-payment ul.step li em {
        font-size: 15px !important;
    }
}

/* RÈGLE UNIVERSELLE — Step bar tunnel toutes pages */
ul#order_step {
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    margin-bottom: 24px !important;
    overflow: visible !important;
    display: flex !important;
    padding: 0 0 12px 0 !important;
    border-bottom: 1px solid #ececec !important;
}

ul#order_step li {
    float: none !important;
    flex: 1 !important;
    width: auto !important;
    background: none !important;
    background-image: none !important;
    filter: none !important;
    border: none !important;
    border-radius: 0 !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
}

ul#order_step li a,
ul#order_step li span {
    display: block !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    text-shadow: none !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #888888 !important;
    position: static !important;
    box-shadow: none !important;
}

ul#order_step li a:after,
ul#order_step li span:after {
    display: none !important;
    content: none !important;
}

ul#order_step li em {
    display: block !important;
    font-style: normal !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 20px !important;
    font-weight: 300 !important;
    color: #d0d0d0 !important;
    margin-bottom: 4px !important;
}

ul#order_step li.step_current span {
    color: #1D1D1D !important;
    border-bottom: 1px solid #1D1D1D !important;
    padding-bottom: 2px !important;
    display: inline-block !important;
}

ul#order_step li.step_current em,
ul#order_step li.step_done em {
    color: var(--color-or) !important;
}

@media (max-width: 767px) {
    ul#order_step li a,
    ul#order_step li span {
        font-size: 9px !important;
        letter-spacing: 0.05em !important;
    }
    ul#order_step li em {
        font-size: 15px !important;
    }
}
.footer-container { display: none }

body#product #views_block #view_scroll_left,
body#product #views_block #view_scroll_right {
    display: none !important;
}

body#product #views_block {
    margin-top: 5px !important;
}

body#product #thumbs_list_frame {
    width: auto !important;
    display: flex !important;
    gap: 6px !important;
    margin-top: 0 !important;
    justify-content: center !important;
}

body#product #thumbs_list_frame li {
    width: 8px !important;
    height: 8px !important;
    list-style: none !important;
}

body#product #thumbs_list_frame li a {
    display: block !important;
    width: 8px !important;
    height: 8px !important;
    background: #e0e0e0 !important;
    border: none !important;
    border-radius: 0 !important;
}

body#product #thumbs_list_frame li a.shown {
    background: var(--color-or) !important;
}

body#product #thumbs_list_frame li img {
    display: none !important;
}

body#product h1.page-heading {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 300 !important;
}

body#product .page-product-heading {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 300 !important;
    font-size: 22px !important;
    color: #1D1D1D !important;
    margin-bottom: 24px !important;
}

body#product .page-product-heading::after {
    content: '' !important;
    flex: 1 !important;
    height: 1px !important;
    background: var(--color-or) !important;
}
body#product .accessories-block .s_title_block {
    text-align: center !important;
}
body#product li.product-box .product-name {
    text-align: center !important;
}


/* ── PAYPAL CLS FIX ──────────────────────────────────────── */
/* 1. Réserve l'espace avant chargement iframe 4X */
body#product #ps_checkout-paypal-pay-later-message-product {
    min-height: 32px !important;
    height: 32px !important;
    overflow: hidden !important;
    display: block !important;
}
/* 2. Masque bloc logos CB/PayPal/Apple/Google (doublon) */
body#product #ps_checkout-payment-method-logo-block-container {
    display: none !important;
}

/* 3. Masque ancien bloc réassurance rose (remplacé par clp-reas) */
body#product .reassurance-block {
    display: none !important;
}
/* 4. Grayscale message PayPal 4X */
body#product #ps_checkout-paypal-pay-later-message-product {
    filter: grayscale(100%) !important;
}
/* ============================================
   FIN DU TEST
   Sélecteur validé : body#product.product-13708
   ============================================ */
   /* =============================================
/* =============================================
   SECTION XX — body#manufacturer
   Pages marques (Bordello, Pleaser, Demonia...)
   ============================================= */

body#manufacturer h1.page-heading {
    display: flex !important;
    align-items: center !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 300 !important;
    font-size: 32px !important;
    color: var(--color-or) !important;
    border: none !important;
    padding-bottom: 12px !important;
    margin-bottom: 20px !important;
    text-transform: none !important;
    background: none !important;
}

body#manufacturer h1.page-heading::after {
    content: '' !important;
    flex: 1 !important;
    height: 1px !important;
    background: var(--color-or) !important;
    margin-left: 20px !important;
}

body#manufacturer .description_box {
    border-top: none !important;
    border-bottom: none !important;
    padding-top: 20px;
    padding-bottom: 20px;
}

body#manufacturer form.nbrItemPage {
    display: none !important;
}

body#manufacturer ul.product_list .button.lnk_view {
    display: none !important;
}

body#manufacturer ul.product_list .price-percent-reduction {
    display: none !important;
}

@media (max-width: 1279px) {
    body#manufacturer ul.product_list .functional-buttons {
        display: none !important;
    }
}
body#manufacturer ul.product_list .price.product-price {
    font-weight: 300 !important;
    font-size: 18px !important;
    color: var(--color-or) !important;
}

body#manufacturer ul.product_list .content_price {
    padding-top: 4px !important;
    margin-top: 0 !important;
}

body#manufacturer ul.product_list .right-block h5 {
    margin-bottom: 2px !important;
    padding-bottom: 0 !important;
}

ul.product_list.grid > li .product-container .functional-buttons {
    background: none !important;
    padding: 0 !important;
}

/* Bloc Afficher / Grille / Liste */
.content_sortPagiBar .display li.display-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300 !important;
    font-size: 11px !important;
    color: var(--color-or) !important;
    padding: 7px 6px 0 0 !important;
}

.content_sortPagiBar .display li a {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300 !important;
    color: var(--color-or) !important;
    font-size: 11px !important;
}

.content_sortPagiBar .display li a i {
    color: var(--color-or) !important;
    opacity: 0.4 !important;
}

.content_sortPagiBar .display li.selected i {
    color: var(--color-or) !important;
    opacity: 1 !important;
}

.content_sortPagiBar .display li a:hover i {
    opacity: 0.7 !important;
}


/* ============================================================
   SECTION 41 — body#module-ambjolisearch-jolisearch
   ============================================================ */

body#module-ambjolisearch-jolisearch h1.page-heading {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 300 !important;
    font-size: 32px !important;
    color: #1D1D1D !important;
    letter-spacing: 0.06em !important;
    text-transform: none !important;
    border: none !important;
    padding-bottom: 16px !important;
    position: relative !important;
}

body#module-ambjolisearch-jolisearch h1.page-heading::after {
    content: '';
    display: block;
    width: 40px;
    height: 1px;
    background: var(--color-or);
    margin-top: 14px;
}

body#module-ambjolisearch-jolisearch h1.page-heading .lighter {
    color: var(--color-or) !important;
    font-style: italic;
    font-weight: 300;
}

body#module-ambjolisearch-jolisearch h1.page-heading .heading-counter {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 300 !important;
    color: #999 !important;
    letter-spacing: 0.08em !important;
    display: block !important;
    margin-top: 8px !important;
    text-transform: none !important;
}

/* Bloc catégories */
body#module-ambjolisearch-jolisearch #subcategories {
    margin-bottom: 32px;
}

body#module-ambjolisearch-jolisearch #subcategories .subcategory-heading {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: #999 !important;
    margin-bottom: 12px !important;
}

body#module-ambjolisearch-jolisearch #subcategories .subcategory-image {
    display: none !important;
}

body#module-ambjolisearch-jolisearch #subcategories ul {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
    padding: 12px 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

body#module-ambjolisearch-jolisearch #subcategories ul li {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    height: auto !important;
    text-align: center !important;
    border: 1px solid var(--color-or) !important;
    padding: 10px 6px !important;
}

body#module-ambjolisearch-jolisearch #subcategories ul li h5 {
    margin: 0 !important;
    padding: 0 !important;
}

body#module-ambjolisearch-jolisearch #subcategories ul li a.subcategory-name {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    color: #1D1D1D !important;
    text-decoration: none !important;
    display: block !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

body#module-ambjolisearch-jolisearch #subcategories ul li a.subcategory-name:hover {
    color: var(--color-or) !important;
}

/* Barre tri / affichage */
body#module-ambjolisearch-jolisearch .sortPagiBar {
    border-top: 1px solid #e8e8e8 !important;
    border-bottom: 1px solid #e8e8e8 !important;
    padding: 10px 0 !important;
    margin-bottom: 24px !important;
}

body#module-ambjolisearch-jolisearch .display li a,
body#module-ambjolisearch-jolisearch .display-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    font-weight: 300 !important;
    letter-spacing: 0.08em !important;
    color: #999 !important;
    text-transform: uppercase !important;
}

body#module-ambjolisearch-jolisearch .display li.selected a,
body#module-ambjolisearch-jolisearch .display li a:hover {
    color: var(--color-or) !important;
}

body#module-ambjolisearch-jolisearch #selectProductSort {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 300 !important;
    color: #1D1D1D !important;
    border: none !important;
    border-bottom: 1px solid #e8e8e8 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

/* Cartes produit */
body#module-ambjolisearch-jolisearch .product-container {
    border: none !important;
    background: transparent !important;
}

body#module-ambjolisearch-jolisearch .product-image-container {
    border: none !important;
}

body#module-ambjolisearch-jolisearch h5[itemprop="name"] {
    margin-top: 12px !important;
}

body#module-ambjolisearch-jolisearch a.product-name {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 17px !important;
    font-weight: 300 !important;
    color: #1D1D1D !important;
    letter-spacing: 0.02em !important;
    line-height: 1.5 !important;
}

body#module-ambjolisearch-jolisearch a.product-name:hover {
    color: var(--color-or) !important;
}

body#module-ambjolisearch-jolisearch p.product-desc {
    display: none !important;
}

body#module-ambjolisearch-jolisearch .right-block .price.product-price {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    color: var(--color-or) !important;
}

body#module-ambjolisearch-jolisearch .old-price.product-price {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    color: #bbb !important;
    text-decoration: line-through !important;
}

/* Badge -% supprimé */
body#module-ambjolisearch-jolisearch .price-percent-reduction {
    display: none !important;
}

/* Bouton Détails supprimé */
body#module-ambjolisearch-jolisearch .button-container {
    display: none !important;
}

/* Message fin de liste */
body#module-ambjolisearch-jolisearch .ias-noneleft {
    background: transparent !important;
    border: none !important;
    color: #999 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    font-weight: 300 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    padding: 24px 0 !important;
}

/* Messages alert */
body#module-ambjolisearch-jolisearch p.alert {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 300 !important;
    color: #1D1D1D !important;
    background: #f9f9f9 !important;
    border-left: 2px solid var(--color-or) !important;
    border-radius: 0 !important;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    padding: 12px 16px !important;
}
/* heading-counter : supprimer le filet */
body#module-ambjolisearch-jolisearch h1.page-heading::after {
    display: none !important;
}

/* Réduire l'espace nom → prix */
body#module-ambjolisearch-jolisearch h5[itemprop="name"] {
    margin-top: 0px !important;
    margin-bottom: 1px !important;
}

body#module-ambjolisearch-jolisearch .right-block .content_price,
body#module-ambjolisearch-jolisearch .right-block .price.product-price {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Desktop : cartouches catégorie sur 4 colonnes */
@media (min-width: 1280px) {
    body#module-ambjolisearch-jolisearch #subcategories ul {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}
body#module-ambjolisearch-jolisearch #subcategories ul::before,
body#module-ambjolisearch-jolisearch #subcategories ul::after {
    display: none !important;
}

/* État vide — fond photo */
body.jolisearch-empty {
    background: 
                url('/themes/clepied-theme/img/404.webp') center top / cover no-repeat fixed !important;
    min-height: 100vh;
}

body.jolisearch-empty #page,
body.jolisearch-empty #clepied-logo-zone,
body.jolisearch-empty .columns-container,
body.jolisearch-empty #columns,
body.jolisearch-empty .row,
body.jolisearch-empty #center_column {
    background: transparent !important;
}

body.jolisearch-empty h1.page-heading {
    color: #ffffff !important;
}

body.jolisearch-empty h1.page-heading .heading-counter {
    color: rgba(255,255,255,0.6) !important;
}

body.jolisearch-empty p.alert {
    background: rgba(0,0,0,0.35) !important;
    color: rgba(255,255,255,0.85) !important;
    border-left: 2px solid var(--color-or) !important;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

body.jolisearch-empty #clepied-logo-zone {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.jolisearch-empty #clepied-logo-zone img {
    filter: invert(1);
}
body.jolisearch-empty,
body.jolisearch-empty h1,
body.jolisearch-empty a,
body.jolisearch-empty p,
body.jolisearch-empty span,
body.jolisearch-empty li,
body.jolisearch-empty ol {
    color: #ffffff !important;
}
body#module-ambjolisearch-jolisearch.jolisearch-empty h1.page-heading {
    color: #ffffff !important;
}
body.jolisearch-empty p.alert {
    background: rgba(0,0,0,0.40) !important;
    border-left: 2px solid var(--color-or) !important;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
}