/* FONT------------------------------------------------------------------------------------------------------------ */
/* ==========================================================================
      ========================================================================== 
      ========================================================================== 
      ========================================================================== */


body,
h1,
h3,
h4,
h5,
p,
a,
span,
strong, button, input, select, textarea {
    font-family: 'nexa', sans-serif !important;
}

h2 {
    font-family: 'adlery-pro-swash', sans-serif !important;
    font-size: 3rem !important;
}

.titre-produit h1, .titre-categorie h1 {
    font-family: 'adlery-pro-swash', sans-serif !important;
    font-size: 5rem !important;
}

p {
    font-size: 18px !important;
    font-weight: 300;
}

.woocommerce .star-rating span {

    font-family: 'WooCommerce' !important;
}
#giftcard_code, .gift-card-content-editor input, .gift-card-content-editor textarea{
    padding:8px;
    border-radius:3px;
    font-weight: 600
}
.gift-cards_form h3:has(+ .gift-card-content-editor) {
    display: none;
}

.et_pb_text_0 .et_pb_text_inner h1{
	font-size:1vw!important;
	font-weight: 400!important;
}

.banner-text p,.banner-text span, .banner-text strong{
	font-size:20px!important;
}


@media screen and (max-width:1024px){
	.et_pb_text_0 .et_pb_text_inner h1{
	font-size:2.5vw!important;
	font-weight: 400!important;
}
}

@media screen and (max-width:767px){
	.et_pb_text_0 .et_pb_text_inner h1{
font-size: 5.5vw !important;
        font-weight: 400 !important;
        line-height: 1.5rem;
}
}

/* Hero logo Potion Sauvage */
.hero-logo img {
    width: 100%;
    height: auto;
    max-width: 560px;
    aspect-ratio: 1 / 1;
    display: block;
    margin: 0 auto;
}
img[title="Stickers-Potion-Sauvage-1"] {
    width: 100%;
    height: auto;
    max-width: 343px;
    aspect-ratio: 1 / 1;
    display: block;
    margin: 0 auto;
}

@media (max-width: 980px) {
img[title="Stickers-Potion-Sauvage-1"] {
        max-width: 55vw;
    }
}

@media (max-width: 767px) {
img[title="Stickers-Potion-Sauvage-1"]  {
        max-width: 72vw;
    }
}
/* FIN FONT------------------------------------------------------------------------------------------------------------ */
/* ==========================================================================
      ========================================================================== 
      ========================================================================== 
      ========================================================================== */














/*VARIABLES & ATOMIQUES------------------------------------------------------------------------------------------------------------ */
/* ==========================================================================
      ========================================================================== 
      ========================================================================== 
      ========================================================================== */

:root {
    --svm-orange: #CA7D30;
    --svm-light-yellow: #E7C370;
    --svm-light-green: #A9BE87;
    --svm-medium-green: #75875A;
    --svm-dark-green: #5B6449;
    --svm-light-brown: #BEB198;
    --svm-dark-brown: #5B564C;


    --svm-cream: #faf8f4;
    --svm-olive: #5c6b4f;
    --svm-olive-dark: #3d4a33;
    --svm-gold: #c9a96e;
    --svm-charcoal: #2c2c2c;
    --svm-text: #4a4a4a;
    --svm-drawer-width: 380px;
    --svm-mobile-drawer-width: 340px;
    --svm-ease: cubic-bezier(0.4, 0, 0.2, 1);

    /* 	variables pages woocommerce */
    --dash-primary: #2D5E3A;
    /* Vert nature - couleur principale */
    --dash-primary-light: #3A7A4D;
    --dash-primary-dark: #1E4028;
    --dash-accent: #D4A843;
    /* Doré/miel - accent */
    --dash-bg: #F5F3EF;
    /* Fond crème clair */
    --dash-sidebar-bg: #1E4028;
    /* Sidebar vert foncé */
    --dash-sidebar-text: #C8D8CC;
    --dash-sidebar-hover: #2D5E3A;
    --dash-sidebar-active: #D4A843;
    --dash-card-bg: #FFFFFF;
    --dash-text: #333333;
    --dash-text-light: #777777;
    --dash-border: #E2DED6;
    --dash-success: #28A745;
    --dash-warning: #F0AD4E;
    --dash-danger: #DC3545;
    --dash-radius: 12px;
    --dash-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    --dash-shadow-hover: 0 4px 20px rgba(0, 0, 0, 0.1);
    --dash-transition: all 0.25s ease;
}


/* FIN VARIABLES & ATOMIQUES------------------------------------------------------------------------------------------------------------ */
/* ==========================================================================
      ========================================================================== 
      ========================================================================== 
      ========================================================================== */















/* HEADER------------------------------------------------------------------------------------------------------------ */
/* ==========================================================================
      ========================================================================== 
      ========================================================================== 
      ========================================================================== */

/**
 * Savonniere Menu — CSS
 * Breakpoints : 1024px (tablet) / 767px (mobile) / 2560px (4K scale-up)
 * Base = valeurs fixes originales pour écrans desktop classiques
 */
.et-l.et-l--header{
	z-index: 9999!important;
    position: relative!important;
}


body.svm-drawer-open {
    overflow: hidden;
}

/* ── MASQUER LE HEADER DIVI NATIF ── */
#main-header,
#top-header,
.et-fixed-header,
#et-top-navigation,
.tc-header,
#page-container>.et_pb_section:first-child>.et_pb_row>.et_pb_column>.et_pb_menu,
header#main-header.et-fixed-header {
    display: none !important;
}

/* ══════════════════════════════════════
   ADMIN BAR OFFSET
══════════════════════════════════════ */
.admin-bar .svm-header {
    top: 32px;
}

.admin-bar .svm-overlay {
    top: 32px;
}

.admin-bar .svm-drawer {
    top: 32px;
    height: calc(100vh - 32px);
    height: calc(100dvh - 32px);
}

.admin-bar .svm-mobile-menu {
    top: 32px;
    height: calc(100vh - 32px);
    height: calc(100dvh - 32px);
}

.admin-bar .svm-toolbar {
    top: calc(50vh - 80px + 16px);
}

@media (max-width: 782px) {
    .admin-bar .svm-header {
        top: 46px;
    }

    .admin-bar .svm-overlay {
        top: 46px;
    }

    .admin-bar .svm-drawer {
        top: 46px;
        height: calc(100vh - 46px);
        height: calc(100dvh - 46px);
    }

    .admin-bar .svm-mobile-menu {
        top: 46px;
        height: calc(100vh - 46px);
        height: calc(100dvh - 46px);
    }

    .admin-bar .svm-toolbar {
        top: calc(50vh - 80px + 23px);
    }

}

/* ══════════════════════════════════════
   RESET SCOPE
══════════════════════════════════════ */
.svm-header *,
.svm-header *::before,
.svm-header *::after,
.svm-drawer *,
.svm-drawer *::before,
.svm-drawer *::after,
.svm-mobile-menu *,
.svm-mobile-menu *::before,
.svm-mobile-menu *::after,
.svm-toolbar *,
.svm-toolbar *::before,
.svm-toolbar *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* ══════════════════════════════════════
   HEADER
══════════════════════════════════════ */
.svm-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9400;
    background: transparent;
    border-bottom: 1px solid white;
    height: 72px;
    display: flex;
    align-items: center;
    padding: 0 5vw;

}

/* ── LOGO ── */
.svm-logo {
    position: absolute;
    z-index: 999;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    text-decoration: none;
    line-height: 1;
}

.svm-logo:hover {
    text-decoration: none;
}

.svm-logo img {
    height: 70px;
    width: auto;
    display: block;
}

/* ══════════════════════════════════════
   BURGER
══════════════════════════════════════ */
.svm-burger {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    border-radius: 8px;
    transition: background 0.2s ease;
    margin-left: auto;
    flex-direction: column;
    gap: 5px;
}

.svm-burger:hover {
    background: rgba(0, 0, 0, 0.04);
}

.svm-burger .bar {
    display: block;
    width: 24px;
    height: 2.5px;
    background: #b0b0b0;
    border-radius: 2px;
    transition: all 0.35s var(--svm-ease);
    transform-origin: center;
}

.svm-burger.active .bar:nth-child(1) {
    transform: translateY(7.5px) rotate(45deg);
    background: var(--svm-charcoal);
}

.svm-burger.active .bar:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
}

.svm-burger.active .bar:nth-child(3) {
    transform: translateY(-7.5px) rotate(-45deg);
    background: var(--svm-charcoal);
}

/* ══════════════════════════════════════
   NAV DESKTOP
══════════════════════════════════════ */
.svm-nav {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2.5vw;
}

.svm-nav>a,
.svm-dropdown>.svm-dropdown-label {

    font-size: 18px;
    font-weight: 300;
    color: var(--svm-dark-brown);
    text-decoration: none;
    padding: 0.6rem 0;
    border-radius: 6px;
    transition: all 0.25s ease;
    cursor: pointer;
    position: relative;

}

.svm-nav>a::after,
.svm-dropdown>.svm-dropdown-label::after {
    content: '';
    position: absolute;
    bottom: 4px;
    left: 0%;

    width: 0%;
    height: 2px;
    background: var(--svm-light-green);
    border-radius: 2px;
    transition: all 0.3s ease;
}

.svm-nav>a:hover,
.svm-dropdown:hover>.svm-dropdown-label {
    color: var(--svm-light-green);
}

.svm-nav>a:hover::after,
.svm-dropdown:hover>.svm-dropdown-label::after {
    width: 40%
}

/* ══════════════════════════════════════
   DROPDOWN
══════════════════════════════════════ */
.svm-dropdown {
    position: relative;
}

.svm-dropdown-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.svm-dropdown-label .arrow {
    font-size: 1rem;
    transition: transform 0.3s ease;
}

.svm-dropdown:hover .arrow {
    transform: rotate(180deg);
}

.svm-dropdown-panel {
    position: absolute;
    top: calc(100% + 8px);
    left: 50%;
    margin-left: -110px;
    border-left: 3px solid var(--svm-orange);
    background: white;
    border-radius: 12px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.04);
    padding: 0.5rem;
    min-width: 220px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    pointer-events: none;
}

.svm-dropdown-panel::before {
    content: '';
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    height: 12px;
}

.svm-dropdown:hover .svm-dropdown-panel,
.svm-dropdown.force-open .svm-dropdown-panel {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

/* ── DROPDOWN ITEMS ── */
.svm-sub-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.7rem 1rem;
    border-radius: 8px;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 500;
    color: var(--svm-dark-brownl);
    transition: all 0.2s ease;
    user-select: none;
    border: none;
    background: none;
    width: 100%;
    text-align: left;

}

.svm-sub-item:hover {
    background: var(--svm-cream);
    color: var(--svm-olive);
}

.svm-sub-item.active {
    background: var(--svm-cream);
    color: var(--svm-olive);
}

.svm-sub-item .dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.svm-sub-item .label-text {
    flex: 1;
}

.svm-sub-item .icon-arrow {
    font-size: 0.7rem;
    color: var(--svm-gold);
}

/* ══════════════════════════════════════
   OVERLAY
══════════════════════════════════════ */
.svm-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0);
    z-index: 9200;
    pointer-events: none;
    transition: background 0.35s var(--svm-ease);
}

.svm-overlay.visible {
    background: rgba(0, 0, 0, 0.35);
    pointer-events: all;
}

/* ══════════════════════════════════════
   DRAWERS
══════════════════════════════════════ */
.svm-drawer {
    position: fixed;
    top: 0;
    width: var(--svm-drawer-width);
    max-width: 85vw;
    height: 100vh;
    height: 100dvh;
    background: white;
    z-index: 9300;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    transition: transform 0.4s var(--svm-ease);
    background-image: url('https://potionsauvage.fr/wp-content/uploads/2026/02/filigrane-bulles-vertes.png');
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: bottom right;

}

.svm-drawer.svm-drawer-right {
    z-index: 9500
}

.svm-drawer.svm-drawer-left {
    padding: 12vh 2rem 2rem;
}

.svm-drawer-left {
    left: 0;
    box-shadow: none;
    transform: translateX(-100%);
}

.svm-drawer-left.open {
    transform: translateX(0);
    box-shadow: 4px 0 40px rgba(0, 0, 0, 0.15);
}

.svm-drawer-right {
    right: 0;
    box-shadow: none;
    transform: translateX(100%);
}

.svm-drawer-right.open {
    transform: translateX(0);
    box-shadow: -4px 0 40px rgba(0, 0, 0, 0.15);
}

.svm-drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding-bottom: 1.8rem;
    border-bottom: 1px solid var(--svm-dark-brown);
    flex-shrink: 0;
}

.svm-drawer-left .svm-drawer-header {
    justify-content: center;
    position: relative;
}

.svm-drawer-right .svm-drawer-header {
    padding-bottom: 1.5rem;
}

.svm-drawer-header h2 {

    font-size: 2.3rem;
    font-weight: 100;
    color: var(--svm-dark-brown);
    margin: 0;
    padding: 0;
}

.svm-close {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: none;
    background: var(--svm-cream);
    color: var(--svm-charcoal);
    font-size: 1.1rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    line-height: 1;
}


.svm-drawer-left .svm-drawer-header .svm-close {
    position: absolute;
    top: 5px;
    right: -5px;
    z-index: 9;
}

.svm-close:hover {
    background: #eee;
}

.svm-color-bar {
    width: 40px;
    height: 4px;
    border-radius: 4px;
    margin-bottom: 1.5rem;
    flex-shrink: 0;
}

.svm-drawer-body {
    flex: 1;
}

.svm-drawer-body p {
    line-height: 1.8;
    color: var(--svm-text);
    margin-bottom: 1.25rem;
    font-size: 0.95rem;
}

/* ── Image catégorie ── */
.svm-cat-image {
    width: 100%;
    border-radius: 12px;
    margin-bottom: 1.25rem;
    aspect-ratio: 16/9;
    object-fit: cover;
    display: block;
}

/* ── Grille produits WC ── */
.svm-wc-products {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    margin-top: 1rem;
}

.svm-wc-product {
    box-shadow: 0px 0px 10px #ececec;
    border-radius: 10px;
    padding: 0.75rem;
    text-align: center;
    transition: all 0.25s ease;
    cursor: pointer;
    text-decoration: none;
    color: inherit;
    display: block;
}

.svm-wc-product:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    text-decoration: none;
    color: inherit;
}

.svm-wc-product img {
    width: 100%;
    border-radius: 8px;
    aspect-ratio: 1;
    object-fit: cover;
    margin-bottom: 0.5rem;
}

.svm-wc-product .name {
font-family: 'adlery-pro-swash';
    font-size: 1.3rem;
    font-weight: 300;
    color: var(--svm-dark-brownl);
}

.svm-wc-product .price {
    font-size: 0.75rem;
    color: var(--svm-gold);
    font-weight: 600;
    margin-top: 0.2rem;
}

/* ── CTA ── */
.svm-cta {
    margin-top: auto;
    padding-top: 1.5rem;
    flex-shrink: 0;
}

.svm-cta a {
    display: block;
    text-align: center;
    padding: 0.60rem 0.85rem;
    background: var(--svm-orange);
    color: white;
    text-decoration: none;
    border: 1px solid var(--svm-orange);
    border-radius: 5px;
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: 0.5px;
    transition: all 0.25s ease;
}

.svm-cta a svg {
    margin-left: 10px;
}

.svm-cta a:hover {
    background: white;
    transform: translateY(-1px);
    text-decoration: none;
    color: var(--svm-orange);
}

/* ══════════════════════════════════════
   TOOLBAR DROIT
══════════════════════════════════════ */
.svm-toolbar {
    position: fixed;
    right: 0;
    top: calc(50vh - 80px);
    z-index: 9150;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 6px;
    background: white;
    border-radius: 12px 0 0 12px;
    box-shadow: -2px 2px 16px rgba(0, 0, 0, 0.08);
}

.svm-tb-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    border: none;
    background: none;
}

.svm-tb-btn:hover {
    background: var(--svm-cream);
}

.svm-tb-btn.active {
    background: var(--svm-olive);
}

.svm-tb-btn.active .svm-tb-icon {
    filter: brightness(0) invert(1);
}

.svm-tb-icon {
    width: 20px;
    height: 20px;
    display: block;
    transition: filter 0.2s ease;
}

.svm-icon-search {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c2c2c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") center/contain no-repeat;
}

.svm-icon-user {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c2c2c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") center/contain no-repeat;
}

.svm-icon-cart {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c2c2c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E") center/contain no-repeat;
}

.svm-badge {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 16px;
    height: 16px;
    background: var(--svm-gold);
    color: white;
    font-size: 0.6rem;
    font-weight: 700;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.svm-toolbar a {
    text-align: center;
    margin: 5px 0;
}

/* ══════════════════════════════════════
   DRAWER RECHERCHE
══════════════════════════════════════ */
.svm-search-box {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    border-radius: 5px;
    border: 1px solid var(--svm-light-brown);
    transition: border-color 0.2s ease;
}

.svm-search-box input {
    flex: 1;
    padding: 0.8rem 1rem 0.5rem border: none;

    background: transparent;

    font-size: 0.9rem;
    outline: none;


    color: var(--svm-dark-brownl);
}

.svm-search-box input:focus {
    border-color: var(--svm-olive);
}

.svm-search-box button {
    padding: 0.8rem 1.2rem;

    background: transparent;
    border: none;

    cursor: pointer;
    font-size: 0.9rem;

}

.svm-search-box button:hover {
    background: #ececec;
}

/* ── SEARCH RESULTS ── */
.svm-search-results {
    display: flex;
    flex-direction: column;
    gap: 0;
    overflow-y: auto;
    flex: 1;
}

.svm-search-results .svm-sr-status {
    text-align: center;
    padding: 2rem 1rem;
    color: var(--svm-text);
    font-size: 0.9rem;
}

.svm-search-results .svm-sr-status .sr-icon {
    font-size: 2rem;
    margin-bottom: 0.75rem;
}

.svm-search-results .svm-sr-count {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: var(--svm-gold);
    font-weight: 700;
    padding: 0.5rem 0 0.75rem;
}

.svm-sr-item {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.75rem 0.25rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    text-decoration: none;
    color: inherit;
    transition: background 0.2s ease;
    border-radius: 8px;
}

.svm-sr-item:hover {
    background: var(--svm-cream);
    text-decoration: none;
    color: inherit;
}

.svm-sr-item .sr-thumb {
    width: 52px;
    height: 52px;
    border-radius: 10px;
    background: var(--svm-cream);
    flex-shrink: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.svm-sr-item .sr-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.svm-sr-item .sr-thumb .sr-placeholder {
    font-size: 1.4rem;
}

.svm-sr-item .sr-info {
    flex: 1;
    min-width: 0;
}

.svm-sr-item .sr-name {
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--svm-charcoal);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.svm-sr-item .sr-cat {
    font-size: 0.72rem;
    color: var(--svm-text);
    margin-top: 0.1rem;
}

.svm-sr-item .sr-price {
    font-weight: 700;
    color: var(--svm-olive-dark);
    font-size: 0.85rem;
    white-space: nowrap;
    flex-shrink: 0;
}

.svm-sr-viewall {
    display: block;
    text-align: center;
    padding: 0.85rem;
    margin-top: 1rem;
    background: var(--svm-cream);
    color: var(--svm-olive) !important;
    text-decoration: none;
    border-radius: 10px;
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: all 0.25s ease;
}

.svm-sr-viewall:hover {
    background: #ede9e0;
    text-decoration: none;
}

@keyframes svmSpin {
    to {
        transform: rotate(360deg);
    }
}

.svm-sr-spinner {
    width: 24px;
    height: 24px;
    border: 3px solid #eee;
    border-top-color: var(--svm-olive);
    border-radius: 50%;
    animation: svmSpin 0.6s linear infinite;
    margin: 0 auto 0.75rem;
}

/* ══════════════════════════════════════
   DRAWER COMPTE
══════════════════════════════════════ */
.svm-avatar {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--svm-cream);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    margin-bottom: 1rem;
}

.svm-account h3 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.3rem;
    color: var(--svm-olive-dark);
    margin: 0 0 0.25rem;
}

.svm-account p {
    font-size: 0.85rem;
    color: var(--svm-text);
    margin-bottom: 1.5rem;
    line-height: 1.6;
}

.svm-account-links {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.svm-account-links a {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 0.85rem;
    border-radius: 8px;
    text-decoration: none;
    color: var(--svm-charcoal);
    font-size: 0.9rem;
    font-weight: 500;
    transition: background 0.2s ease;
}

.svm-account-links a:hover {
    background: var(--svm-cream);
}

.svm-account-links a span:first-child {
    font-size: 1.1rem;
    width: 1.5rem;
    text-align: center;
}

/* ── WOOCOMMERCE LOGIN FORM INSIDE DRAWER ── */
.svm-um-login {
    margin-top: 0.5rem;
}

.svm-um-login .woocommerce-form-login {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

.svm-um-login .woocommerce-form-login .woocommerce-form-row {
    margin-bottom: 1rem !important;
}

.svm-um-login .woocommerce-form-login label {

    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: var(--svm-charcoal) !important;
    margin-bottom: 0.35rem !important;
    display: block !important;
}
.svm-drawer .form-row, .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{
	width:100%!important
}

.svm-um-login .woocommerce-form-login label .required {
    color: var(--svm-gold) !important;
}

.svm-um-login .woocommerce-form-login input[type="text"],
.svm-um-login .woocommerce-form-login input[type="password"],
.svm-um-login .woocommerce-form-login input[type="email"] {
    border: 2px solid #eee !important;
    border-radius: 5px !important;
    padding: 0.75rem 1rem !important;
    font-size: 0.9rem !important;

    transition: border-color 0.2s ease !important;
    width: 100% !important;
    background: white !important;
}

.svm-um-login .woocommerce-form-login input[type="text"]:focus,
.svm-um-login .woocommerce-form-login input[type="password"]:focus,
.svm-um-login .woocommerce-form-login input[type="email"]:focus {
    border-color: var(--svm-olive) !important;
    outline: none !important;
}

.svm-um-login .woocommerce-form-login button[type="submit"],
.svm-um-login .woocommerce-form-login .woocommerce-button,
.svm-um-login .woocommerce-form-login input[type="submit"] {
    background: var(--svm-orange) !important;
    color: white !important;
    border: 1px solid var(--svm-orange) !important;
    border-radius:5px !important;
    padding: 0.85rem !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    width: 100% !important;
margin-bottom:10px;
    transition: background 0.25s ease !important;
    margin-top: 0.5rem !important;
}

.svm-um-login .woocommerce-form-login button[type="submit"]:hover,
.svm-um-login .woocommerce-form-login .woocommerce-button:hover,
.svm-um-login .woocommerce-form-login input[type="submit"]:hover {
    background: white !important;
	color:var(--svm-orange)!important
}
.lost_password a{
	color:var(--svm-dark-brown)
}
.svm-um-login .woocommerce-form-login .woocommerce-form-login__rememberme {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.82rem;
    color: var(--svm-text);
    margin: 0.5rem 0;
}

.svm-um-login .woocommerce-form-login .woocommerce-LostPassword {
    text-align: center;
    margin-top: 1rem;
}

.svm-um-login .woocommerce-form-login .woocommerce-LostPassword a {
    color: var(--svm-olive) !important;
    font-size: 0.85rem !important;
    text-decoration: none !important;
}

.svm-um-login .woocommerce-form-login .woocommerce-LostPassword a:hover {
    text-decoration: underline !important;
}

/* ══════════════════════════════════════
   DRAWER PANIER
══════════════════════════════════════ */
.svm-cart-empty {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--svm-text);
}

.svm-cart-empty .ce-icon {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.svm-cart-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.85rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.svm-cart-item .cie {
    width: 48px;
    height: 48px;
    background: var(--svm-cream);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
}

.svm-cart-item .cie img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.svm-cart-item .cii {
    flex: 1;
}

.svm-cart-item .cin {
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--svm-charcoal);
}

.svm-cart-item .cid {
    font-size: 0.75rem;
    color: var(--svm-text);
}

.svm-cart-item .cip {
    font-weight: 700;
    color: var(--svm-olive-dark);
    font-size: 0.9rem;
    white-space: nowrap;
}

.svm-cart-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 0;
    margin-top: 0.5rem;
    border-top: 2px solid var(--svm-charcoal);
}

.svm-cart-total .ctl {
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--svm-charcoal);
}

.svm-cart-total .ctp {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--svm-olive-dark);
}

/* ══════════════════════════════════════
   MOBILE MENU
══════════════════════════════════════ */
.svm-mobile-menu {
    position: fixed;
    top: 0;
    right: 0;
    width: var(--svm-mobile-drawer-width);
    max-width: 85vw;
    height: 100vh;
    height: 100dvh;
    background: white;
    z-index: 9300;
    display: none;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.4s var(--svm-ease);
    box-shadow: none;

}

.svm-mobile-menu.open {
    transform: translateX(0);
    box-shadow: -4px 0 40px rgba(0, 0, 0, 0.15);
}

.svm-mobile-menu .svm-mobile-nav {
    flex: 1;
    overflow-y: auto;
    padding: 5rem 1.5rem 1.5rem;
    display: flex;
    flex-direction: column;
}

.svm-mobile-nav-item {
    display: flex;
    align-items: center;
    padding: 1rem 0.5rem;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--svm-charcoal);
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    cursor: pointer;
    transition: color 0.2s ease;
	background-color:white;
}

.svm-mobile-nav-item:hover {
    color: var(--svm-olive);
    text-decoration: none;
}

.svm-mobile-nav-item .m-arrow {
    margin-left: auto;
    font-size: 0.7rem;
    color: var(--svm-gold);
    transition: transform 0.3s ease;
}

.svm-mobile-subs {
    display: none;
    flex-direction: column;
    padding: 0 0 0.5rem 0;
	background-color:white;
}

.svm-mobile-sub-btn {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.7rem 0.5rem 0.7rem 1.25rem;
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--svm-text);
    cursor: pointer;
    border: none;
    background: none;

    transition: all 0.2s ease;
    border-radius: 8px;
    width: 100%;
    text-align: left;
}

.svm-mobile-sub-btn:hover {
    background: var(--svm-cream);
    color: var(--svm-olive);
}

.svm-mobile-sub-btn .label-text {
    flex: 1;
}

.svm-mobile-sub-btn .icon-arrow {
    font-size: 0.7rem;
    color: var(--svm-gold);
}

.svm-mobile-toolbar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    flex-shrink: 0;
}

.svm-mobile-toolbar .svm-mtb-btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 0.5rem;
    border-radius: 10px;
    background: var(--svm-cream);
    border: none;
    cursor: pointer;

    font-size: 0.75rem;
    font-weight: 600;
    color: var(--svm-charcoal);
    transition: all 0.2s ease;
    position: relative;
}

.svm-mobile-toolbar .svm-mtb-btn:hover {
    background: #ede9e0;
}

.svm-mobile-toolbar .svm-mtb-btn .svm-tb-icon {
    width: 18px;
    height: 18px;
}

.svm-mobile-toolbar .svm-mtb-badge {
    position: absolute;
    top: 4px;
    right: 8px;
    width: 14px;
    height: 14px;
    background: var(--svm-gold);
    color: white;
    font-size: 0.55rem;
    font-weight: 700;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.svm-mobile-sub-link {
    display: flex;
    align-items: center;
    padding: 0.6rem 1.2rem;
    color: var(--svm-text);
    text-decoration: none;
    font-size: 0.9rem;
}
.svm-mobile-sub-link:hover {
    color: var(--svm-green);
}
/* ══════════════════════════════════════
   RESPONSIVE — TABLET (≤ 1024px)
══════════════════════════════════════ */
@media (max-width: 1024px) {
    .svm-header {
        padding: 0 1.25rem;
    }

    .svm-nav {
        display: none !important;
    }

    .svm-toolbar {
        display: none !important;
    }

    .svm-burger {
        display: flex;
    }

    .svm-mobile-menu {
        display: flex;
    }

    .svm-drawer-left {
        left: auto;
        right: 0;
        transform: translateX(100%);
        z-index: 9400;
        width: var(--svm-mobile-drawer-width);
        box-shadow: none;
    }

    .svm-drawer-left.open {
        transform: translateX(0);
        box-shadow: -4px 0 40px rgba(0, 0, 0, 0.2);
    }

    .svm-drawer-right {
        z-index: 9400;
        width: var(--svm-mobile-drawer-width);
    }
	.svm-mobile-nav{
		background-image:url('https://potionsauvage.fr/wp-content/uploads/2024/03/logo-nb.png');
		background-repeat:no-repeat;
		background-size:70%;
		background-position: bottom center;
	}
}

@media (min-width: 1025px) {
    .svm-mobile-menu {
        display: none !important;
    }
}

/* ══════════════════════════════════════
   RESPONSIVE — MOBILE (≤ 767px)
══════════════════════════════════════ */
@media (max-width: 767px) {
    .svm-header {
        height: 60px;
        padding: 0 1rem;
    }

    .svm-logo img {
        height: 40px;
    }

    :root {
        --svm-mobile-drawer-width: 100vw;
        --svm-drawer-width: 100vw;
    }

    .svm-mobile-menu .svm-mobile-nav {
        padding: 4.5rem 1.25rem 1.25rem;
    }

    .svm-mobile-toolbar {
        padding: 0.85rem 1rem;
    }

    .svm-drawer {
        padding: 1.5rem;
    }
		.svm-mobile-menu, .svm-drawer{
		max-width:100vw;
	}
}

/* ══════════════════════════════════════
   RESPONSIVE — 4K / ULTRA-WIDE (≥ 2560px)
   Scale-up proportionnel (~1.35x)
══════════════════════════════════════ */
@media (min-width: 2560px) {
    :root {
        --svm-drawer-width: 520px;
        --svm-mobile-drawer-width: 460px;
    }

    .svm-header {
        height: 96px;
        padding: 0 4rem;
    }

    .svm-logo img {
        height: 68px;
    }

    .svm-nav>a,
    .svm-dropdown>.svm-dropdown-label {
        font-size: 1.05rem;
        padding: 0.8rem 1.5rem;
        letter-spacing: 2px;
    }

    .svm-dropdown-panel {
        min-width: 300px;
        padding: 0.75rem;
        border-radius: 16px;
    }

    .svm-sub-item {
        font-size: 1.15rem;
        padding: 0.9rem 1.25rem;
        gap: 1rem;
    }

    .svm-sub-item .dot {
        width: 10px;
        height: 10px;
    }

    .svm-toolbar {
        padding: 8px;
    }

    .svm-tb-btn {
        width: 62px;
        height: 62px;
        border-radius: 14px;
    }

    .svm-tb-icon {
        width: 28px;
        height: 28px;
    }

    .svm-badge {
        width: 20px;
        height: 20px;
        font-size: 0.75rem;
    }

    .svm-drawer {
        padding: 2.75rem;
    }

    .svm-drawer-header h2 {
        font-size: 2.1rem;
    }

    .svm-close {
        width: 48px;
        height: 48px;
        font-size: 1.4rem;
    }

    .svm-color-bar {
        width: 54px;
        height: 5px;
    }

    .svm-drawer-body p {
        font-size: 1.2rem;
    }

    .svm-search-box input {
        font-size: 1.15rem;
        padding: 1rem 1.25rem;
    }

    .svm-search-box button {
        font-size: 1.15rem;
        padding: 1rem 1.5rem;
    }

    .svm-sr-item .sr-thumb {
        width: 68px;
        height: 68px;
    }

    .svm-sr-item .sr-name {
        font-size: 1.1rem;
    }

    .svm-sr-item .sr-cat {
        font-size: 0.9rem;
    }

    .svm-sr-item .sr-price {
        font-size: 1.1rem;
    }

    .svm-sr-count {
        font-size: 0.9rem;
    }

    .svm-sr-viewall {
        font-size: 1.05rem;
    }

    .svm-avatar {
        width: 86px;
        height: 86px;
        font-size: 2.4rem;
    }

    .svm-account h3 {
        font-size: 1.7rem;
    }

    .svm-account p {
        font-size: 1.1rem;
    }

    .svm-account-links a {
        font-size: 1.15rem;
        padding: 1rem;
    }

    .svm-um-login .woocommerce-form-login label {
        font-size: 1rem !important;
    }

    .svm-um-login .woocommerce-form-login input[type="text"],
    .svm-um-login .woocommerce-form-login input[type="password"],
    .svm-um-login .woocommerce-form-login input[type="email"] {
        font-size: 1.15rem !important;
        padding: 1rem 1.25rem !important;
    }

    .svm-um-login .woocommerce-form-login button[type="submit"],
    .svm-um-login .woocommerce-form-login .woocommerce-button,
    .svm-um-login .woocommerce-form-login input[type="submit"] {
        font-size: 1.1rem !important;
        padding: 1.1rem !important;
    }

    .svm-wc-product .name {
        font-size: 1rem;
    }

    .svm-wc-product .price {
        font-size: 0.95rem;
    }

    .svm-cta a {
        font-size: 1.1rem;
        padding: 1.1rem;
    }

    .svm-cart-item .cie {
        width: 64px;
        height: 64px;
    }

    .svm-cart-item .cin {
        font-size: 1.1rem;
    }

    .svm-cart-item .cid {
        font-size: 0.95rem;
    }

    .svm-cart-item .cip {
        font-size: 1.15rem;
    }

    .svm-cart-total .ctl {
        font-size: 1.1rem;
    }

    .svm-cart-total .ctp {
        font-size: 2.1rem;
    }
}

/* FIN HEADER------------------------------------------------------------------------------------------------------------ */
/* ==========================================================================
      ========================================================================== 
      ========================================================================== 
      ========================================================================== */













/* TABLEAU DE BORD WOOCOMMERCE------------------------------------------------------------------------------------------------------------ */
/* ==========================================================================
      ========================================================================== 
      ========================================================================== 
      ========================================================================== */

/* --- Variables couleurs (adapte selon la charte Potion Sauvage) --- */


/* ==========================================================================
   LAYOUT PRINCIPAL - SIDEBAR + CONTENU
   ========================================================================== */

.woocommerce-account .woocommerce {
    display: flex;
    gap: 0;
    min-height: 100vh;
    background: white;
	
    border-radius: 0;
    overflow: hidden;
    box-shadow: var(--dash-shadow);
    max-width: 100%;
    margin: 30px auto;
}


/* ==========================================================================
   SIDEBAR NAVIGATION
   ========================================================================== */

.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 15vw;
    min-width: 280px;
    background: #e3e7de;
    padding: 0;
    flex-shrink: 0;
    position: relative
}

/* Titre / Avatar en haut de la sidebar */
.woocommerce-MyAccount-navigation::before {
    content: "Mon Espace";
    display: block;
    padding: 30px 25px 30px;
    font-family: 'adlery-pro-swash', sans-serif !important;
    font-size: 3rem !important;
    color: #333;
    line-height: 1em;
    font-weight: 500;
    border-bottom: 1px solid white;
}

.woocommerce-MyAccount-navigation::after {
    content: "";
    display: block;
    width: 100%;
    height: 20%;
    background: url('https://potionsauvage.fr/wp-content/uploads/2024/03/logo-nb.png');
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    opacity: 0.5;
    bottom: 5%;

}

.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0;
    margin: 0;
}

.woocommerce-MyAccount-navigation ul li {
    margin: 0;
    padding: 0;
    list-style: none !important;
}

.woocommerce-MyAccount-navigation ul li a {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 25px;
    color: #5B564C;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300 !important;
    letter-spacing: 0.3px;
    transition: var(--dash-transition);
    border-left: 3px solid transparent;
    position: relative;
}

.woocommerce-MyAccount-navigation ul li a:hover {
    background: #c2c6be;
    color: white;
    border-left-color: var(--dash-accent);
    padding-left: 28px;
}

/* Onglet actif */
.woocommerce-MyAccount-navigation ul li.is-active a {
    background: #c2c6be;
    color: white;
    border-left-color: var(--dash-accent);
    font-weight: 600;
}

.woocommerce-MyAccount-navigation ul li a::before {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    /* obligatoire pour le style solid */
    font-size: 18px;
    width: 22px;
    text-align: center;
    flex-shrink: 0;
    opacity: 0.8;
}

/* Dashboard */
.woocommerce-MyAccount-navigation-link--dashboard a::before {
    content: "\f625";
    /* gauge-high */
}

/* Commandes */
.woocommerce-MyAccount-navigation-link--orders a::before {
    content: "\f07a";
    /* cart-shopping */
}

/* Téléchargements */
.woocommerce-MyAccount-navigation-link--downloads a::before {
    content: "\f019";
    /* download */
}

/* Adresses */
.woocommerce-MyAccount-navigation-link--edit-address a::before {
    content: "\f3c5";
    /* location-dot */
}

/* Détails du compte */
.woocommerce-MyAccount-navigation-link--edit-account a::before {
    content: "\f007";
    /* user */
}
/* Gift Cards */
.woocommerce-MyAccount-navigation-link--gift-cards a::before {
    content: "\f06b"; /* gift */
}

/* Moyens de paiement */
.woocommerce-MyAccount-navigation-link--payment-methods a::before {
    content: "\f09d";
    /* credit-card */
}

/* Déconnexion */
.woocommerce-MyAccount-navigation-link--customer-logout a::before {
    content: "\f2f5";
    /* right-from-bracket */
}


/* Déconnexion - style différent */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout {
    margin-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #CA7D30;
    font-size: 13px;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    color: white;
    background: #CA7D30;
    border-left-color: white;
}

/* ==========================================================================
   ZONE CONTENU PRINCIPAL
   ========================================================================== */
.woocommerce-MyAccount-content a {
    color: #CA7D30;
}

.woocommerce-MyAccount-content {
    flex: 1;
    padding: 40px;
    background: var(--dash-bg);
    min-height: 75vh;
}

/* Message de bienvenue dashboard */
.woocommerce-MyAccount-content>p:first-child {
    font-size: 16px;
    color: var(--dash-text);
    background: var(--dash-card-bg);
    padding: 25px 30px;
    border-radius: var(--dash-radius);
    box-shadow: var(--dash-shadow);
    border-left: 4px solid var(--dash-accent);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* ==========================================================================
   TABLEAU DES COMMANDES
   ========================================================================== */

.woocommerce-orders-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: var(--dash-card-bg);
    border-radius: var(--dash-radius);
    overflow: hidden;
    box-shadow: var(--dash-shadow);
}

.woocommerce-orders-table thead {
    background: #e3e7de;
}

.woocommerce-orders-table thead th {
    color: #5B564C;
    padding: 16px 20px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    border: none;
    text-align: left;
}

.woocommerce-orders-table tbody tr {
    transition: var(--dash-transition);
    border-bottom: 1px solid var(--dash-border);
}

.woocommerce-orders-table tbody tr:hover {
    background: rgba(45, 94, 58, 0.04);
}

.woocommerce-orders-table tbody td {
    padding: 16px 20px;
    font-size: 14px;
    color: var(--dash-text);
    vertical-align: middle;
    border: none;
    border-bottom: 1px solid var(--dash-border);
}

.woocommerce-orders-table tbody tr:last-child td {
    border-bottom: none;
}

/* Numéro de commande */
.woocommerce-orders-table td.woocommerce-orders-table__cell-order-number a {
    color: var(--dash-primary);
    font-weight: 700;
    text-decoration: none;
    font-size: 15px;
}

.woocommerce-orders-table td.woocommerce-orders-table__cell-order-number a:hover {
    color: var(--dash-accent);
}

/* Statuts commande - badges */
.woocommerce-orders-table td.woocommerce-orders-table__cell-order-status {
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Bouton "Voir" commande */
.woocommerce-orders-table .woocommerce-button,
.woocommerce-orders-table .button {
    background: var(--dash-primary) !important;
    color: #FFFFFF !important;
    border: none !important;
    padding: 8px 18px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: var(--dash-transition);
    text-decoration: none;
}

.woocommerce-orders-table .woocommerce-button:hover,
.woocommerce-orders-table .button:hover {
    background: var(--dash-primary-light) !important;
    box-shadow: var(--dash-shadow-hover);
    transform: translateY(-1px);
}

/* ==========================================================================
   DÉTAIL D'UNE COMMANDE
   ========================================================================== */

.woocommerce-order-details,
.woocommerce-customer-details {
    background: var(--dash-card-bg);
    padding: 30px;
    border-radius: var(--dash-radius);
    box-shadow: var(--dash-shadow);
    margin-bottom: 25px;
}

.woocommerce-order-details h2,
.woocommerce-customer-details h2,
.woocommerce-column__title {
    font-size: 18px;
    font-weight: 700;
    color: var(--dash-primary-dark);
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--dash-border);
}

/* ==========================================================================
   FORMULAIRES (ADRESSES, COMPTE, LOGIN)
   ========================================================================== */
.custom-avatar-field{
    width: fit-content;
    display: flex;
    margin-bottom: 20px;
    gap: 20px;
    padding: 2%;
    background-color: #eeeeee;
}
.custom-avatar-field-fields{
	display:flex;
	flex-direction:column;
	justify-content:center;
}

.woocommerce-EditAccountForm fieldset{
	margin-bottom:20px;
}
.custom-avatar-btn {
    display: inline-flex!important;
	justify-content:center;
    cursor: pointer;
    padding: 3px 16px;
    border: 1px solid var(--svm-orange);
	background-color:var(--svm-orange);
	color:white!important;
    border-radius: 3px;
	font-size: 14px !important;
    font-weight: 400 !important;
    margin-bottom: 8px;
}
.custom-avatar-btn:hover {
    background: white;
	color:var(--svm-orange)!important;
}
/* .woocommerce-EditAccountForm,
.woocommerce-address-fields,
.woocommerce-form-login,
.woocommerce-form-register {
    background: var(--dash-card-bg);
    padding: 35px;
    border-radius: var(--dash-radius);
    box-shadow: var(--dash-shadow);
}
 */
/* Labels */
.woocommerce-account label,
.woocommerce form .form-row label {
    font-size: 13px;
    font-weight: 600;
    color: var(--dash-text);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 6px;
    display: block;
}

/* Inputs */
.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="tel"],
.woocommerce-account input[type="password"],
.woocommerce-account input[type="number"],
.woocommerce-account select,
.woocommerce-account textarea {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid var(--dash-border);
    border-radius: 8px;
    font-size: 14px;
    color: var(--dash-text);
    background: #FAFAF8;
    transition: var(--dash-transition);
    outline: none;
    box-sizing: border-box;
}

.woocommerce-account input:focus,
.woocommerce-account select:focus,
.woocommerce-account textarea:focus {
    border-color: var(--dash-primary);
    background: #FFFFFF;
    box-shadow: 0 0 0 3px rgba(45, 94, 58, 0.1);
}

/* Boutons principaux */
.woocommerce-account .woocommerce-Button,
.woocommerce-account button[type="submit"],
.woocommerce-account input[type="submit"],
.woocommerce-account .button:not(.wc-forward),
.woocommerce a.button.alt,
.woocommerce-page a.button.alt,
.woocommerce button.button.alt,
.woocommerce button.button.alt.disabled,
.woocommerce-page button.button.alt,
.woocommerce-page button.button.alt.disabled,
.woocommerce input.button.alt,
.woocommerce-page input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce #content input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce a.button,
.woocommerce-page a.button,
.woocommerce button.button,
.woocommerce-page button.button,
.woocommerce input.button,
.woocommerce-page input.button,
.woocommerce #respond input#submit,
.woocommerce-page #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page #content input.button,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce-Addresses .woocommerce-Address header a {
    background: var(--svm-orange) !important;
    color: #FFFFFF !important;
	margin-right:5px;
    border: 1px solid var(--svm-orange) !important;
    padding: 3px 10px !important;
    border-radius: 3px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    text-transform: none;
    letter-spacing: 1px;
    cursor: pointer;
    transition: var(--dash-transition);
    display: inline-block;
    text-decoration: none;

}

.woocommerce-Addresses .woocommerce-Address header a:hover,
.woocommerce-account .woocommerce-Button:hover,
.woocommerce-account button[type="submit"]:hover,
.woocommerce-account input[type="submit"]:hover,
.woocommerce-account .button:not(.wc-forward):hover,
.woocommerce a.button.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce button.button.alt.disabled:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce-page button.button.alt.disabled:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce-page #respond input#submit.alt:hover,
.woocommerce #content input.button.alt:hover,
.woocommerce-page #content input.button.alt:hover,
.woocommerce a.button:hover,
.woocommerce-page a.button:hover,
.woocommerce button.button:hover,
.woocommerce-page button.button:hover,
.woocommerce input.button:hover,
.woocommerce-page input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce #content input.button:hover,
.woocommerce-page #content input.button:hover,
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:hover {
    background: white !important;
    color: var(--svm-orange) !important
}

.woocommerce a.button.alt:after,
.woocommerce-page a.button.alt:after,
.woocommerce button.button.alt:after,
.woocommerce button.button.alt.disabled:after,
.woocommerce-page button.button.alt:after,
.woocommerce-page button.button.alt.disabled:after,
.woocommerce input.button.alt:after,
.woocommerce-page input.button.alt:after,
.woocommerce #respond input#submit.alt:after,
.woocommerce-page #respond input#submit.alt:after,
.woocommerce #content input.button.alt:after,
.woocommerce-page #content input.button.alt:after,
.woocommerce a.button:after,
.woocommerce-page a.button:after,
.woocommerce button.button:after,
.woocommerce-page button.button:after,
.woocommerce input.button:after,
.woocommerce-page input.button:after,
.woocommerce #respond input#submit:after,
.woocommerce-page #respond input#submit:after,
.woocommerce #content input.button:after,
.woocommerce-page #content input.button:after,
.woocommerce button.button:disabled:after,
.woocommerce button.button:disabled[disabled]:after {
    display: none;
}

/* ==========================================================================
   PAGE LOGIN / INSCRIPTION (non connecté)
   ========================================================================== */

.woocommerce-account .u-columns {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.woocommerce-account .u-columns .u-column1,
.woocommerce-account .u-columns .u-column2,
.woocommerce-account .col-1,
.woocommerce-account .col-2 {
    flex: 1;
    min-width: 300px;
    background: var(--dash-card-bg);
    padding: 35px;
    border-radius: var(--dash-radius);
    box-shadow: var(--dash-shadow);
}

.woocommerce-account .u-columns h2,
.woocommerce-account .col-1 h2,
.woocommerce-account .col-2 h2 {
    font-size: 20px;
    font-weight: 700;
    color: var(--dash-primary-dark);
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--dash-border);
}

/* Quand non connecté, pas de sidebar, pleine largeur */
.woocommerce-account .woocommerce:not(:has(.woocommerce-MyAccount-navigation)) {
    flex-direction: column;
}

/* ==========================================================================
   CARTES ADRESSES
   ========================================================================== */

.woocommerce-Addresses {
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}

.woocommerce-Addresses .woocommerce-Address {
    flex: 1;
    min-width: 280px;
    background: var(--dash-card-bg);
    padding: 25px;
    border-radius: var(--dash-radius);
    box-shadow: var(--dash-shadow);
    transition: var(--dash-transition);
}

.woocommerce-Addresses .woocommerce-Address:hover {
    box-shadow: var(--dash-shadow-hover);
    transform: translateY(-2px);
}

.woocommerce-Addresses .woocommerce-Address header {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--dash-border);
}

.woocommerce-Addresses .woocommerce-Address header h3 {
    font-size: 16px;
    font-weight: 700;
    color: var(--dash-primary-dark);
    margin: 0;
}

.woocommerce-Addresses .woocommerce-Address header a {
    font-size: 12px;
    font-weight: 600;
    color: var(--dash-primary);
    text-decoration: none;
    padding: 5px 12px;
    border: 2px solid var(--dash-primary);
    border-radius: 6px;
    transition: var(--dash-transition);
}

.woocommerce-Addresses .woocommerce-Address header a:hover {
    background: var(--dash-primary);
    color: #FFFFFF;
}

.woocommerce-Addresses address {
    font-style: normal;
    line-height: 1.8;
    color: var(--dash-text-light);
    font-size: 14px;
}

/* ==========================================================================
   MESSAGES / ALERTES WOOCOMMERCE
   ========================================================================== */

.woocommerce-message,
.woocommerce-info {
    background: var(--dash-card-bg) !important;
    border: none !important;

    border-radius: var(--dash-radius) !important;
    box-shadow: var(--dash-shadow) !important;
    padding: 16px 24px !important;
    color: var(--dash-text) !important;
    font-size: 14px;
    margin-bottom: 20px !important;
}

.woocommerce-message::before,
.woocommerce-info::before {
    color: var(--dash-primary) !important;
}

.woocommerce-error {
    background: var(--dash-card-bg) !important;
    border: none !important;
    border-left: 4px solid var(--dash-danger) !important;
    border-radius: var(--dash-radius) !important;
    box-shadow: var(--dash-shadow) !important;
    padding: 16px 24px !important;
}

/* ==========================================================================
   AUCUNE COMMANDE
   ========================================================================== */

.woocommerce-MyAccount-content .woocommerce-info {
    text-align: center;
    padding: 20px !important;
    font-size: 16px;
}

/* ==========================================================================
   PAGINATION COMMANDES
   ========================================================================== */

.woocommerce-pagination {
    text-align: center;
    margin-top: 25px;
}

.woocommerce-pagination {
    border-top: 1px solid var(--svm-light-brown);
    padding-top: 10px;
}

.woocommerce .woocommerce-pagination ul.page-numbers,
.woocommerce-page .woocommerce-pagination ul.page-numbers {
    border: none;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: 0 4px;
    border-radius: 3px;
    background: #ececec;
    color: var(--dash-text);
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    box-shadow: var(--dash-shadow);
    transition: var(--dash-transition);
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--svm-orange);
    color: #FFFFFF;
}

/* ==========================================================================
   RESPONSIVE - TABLETTE
   ========================================================================== */

@media (max-width: 991px) {
    .woocommerce-account .woocommerce {
        flex-direction: column;
        margin: 15px;
    }

    .woocommerce-MyAccount-navigation {
        width: 100%;
        min-width: 100%;
    }

    .woocommerce-MyAccount-navigation ul {
        display: flex;
        flex-wrap: wrap;
        padding: 10px 15px;
        gap: 5px;
    }

    .woocommerce-MyAccount-navigation ul li a {
        padding: 10px 16px;
        font-size: 13px;
        border-left: none;
        border-radius: 8px;
        gap: 8px;
    }

    .woocommerce-MyAccount-navigation ul li a:hover,
    .woocommerce-MyAccount-navigation ul li.is-active a {
        border-left: none;
        padding-left: 16px;
        background: var(--dash-sidebar-hover);
        border-radius: 8px;
    }

    .woocommerce-MyAccount-navigation::before {
        padding: 15px 15px 5px;
        font-size: 18px;
    }

    .woocommerce-MyAccount-navigation::after {
        margin: 0 15px 10px;
    }

    .woocommerce-MyAccount-content {
        padding: 25px;
    }
}

/* ==========================================================================
   RESPONSIVE - MOBILE
   ========================================================================== */

@media (max-width: 600px) {
    .woocommerce-MyAccount-navigation ul {
        flex-direction: column;
        gap: 2px;
    }

    .woocommerce-MyAccount-navigation ul li a {
        padding: 12px 20px;
    }

    .woocommerce-MyAccount-content {
        padding: 20px 15px;
    }

    .woocommerce-Addresses {
        flex-direction: column;
    }

    .woocommerce-account .u-columns {
        flex-direction: column;
    }

    .woocommerce-orders-table thead {
        display: none;
    }

    .woocommerce-orders-table tbody tr {
        display: block;
        background: var(--dash-card-bg);
        margin-bottom: 15px;
        border-radius: var(--dash-radius);
        box-shadow: var(--dash-shadow);
        padding: 15px;
    }

    .woocommerce-orders-table tbody td {
        display: flex;
        justify-content: space-between;
        padding: 8px 0;
        border-bottom: 1px solid var(--dash-border);
    }

    .woocommerce-orders-table tbody td::before {
        content: attr(data-title);
        font-weight: 700;
        font-size: 12px;
        text-transform: uppercase;
        color: var(--dash-text-light);
    }

    .woocommerce-EditAccountForm,
    .woocommerce-address-fields,
    .woocommerce-form-login,
    .woocommerce-form-register {
        padding: 20px;
    }
}



/* ==========================================================================
   MOBILE NAV — BURGER FIXE (≤ 991px)
   À ajouter à la suite du CSS existant du tableau de bord WooCommerce
   ========================================================================== */

@media (max-width: 991px) {

    /* ── Neutralise le responsive existant sur la sidebar ── */
    .woocommerce-account .woocommerce {
        flex-direction: column;
        margin: 15px;
    }

    /* Neutralise overflow:hidden sur le parent — crée sinon un stacking context
       qui piège la nav fixed derrière l'overlay */
    .woocommerce-account .woocommerce {
        overflow: visible;
    }

    /* Cache la sidebar dans le flux normal */
    .woocommerce-account .woocommerce-MyAccount-navigation {
        position: fixed;
        top: 0;
        left: -100%;
        width: min(320px, 85vw);
        min-width: 0;
        height: 100dvh;
        z-index: 99999;
        overflow-y: auto;
        transition: left 0.3s ease;
        box-shadow: 4px 0 24px rgba(0,0,0,0.15);
    }

    /* Sidebar ouverte */
    .woocommerce-account .woocommerce-MyAccount-navigation.wca-nav-open {
        left: 0;
    }

    /* Overlay sombre derrière la sidebar */
    .wca-overlay {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,0.45);
        z-index: 99997;
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    .wca-overlay.wca-overlay-visible {
        display: block;
        opacity: 1;
    }

    /* Récupère les li en colonne (annule le flex-wrap du breakpoint existant) */
    .woocommerce-MyAccount-navigation ul {
        display: block !important;
        padding: 0 !important;
        gap: 0 !important;
    }

    .woocommerce-MyAccount-navigation ul li a {
        border-radius: 0 !important;
        border-left: 3px solid transparent !important;
        padding: 14px 25px !important;
    }

    .woocommerce-MyAccount-navigation ul li a:hover,
    .woocommerce-MyAccount-navigation ul li.is-active a {
        border-left: 3px solid var(--dash-accent, #a8c686) !important;
        border-radius: 0 !important;
        padding-left: 28px !important;
    }

    /* ::before titre et ::after logo fonctionnent normalement dans le drawer */
    .woocommerce-MyAccount-navigation::before {
        padding: 30px 25px 20px;
        font-size: 2.2rem !important;
    }

    /* ── Bouton burger fixe ── */
    .wca-burger {
        position: fixed;
        bottom: 24px;
        left: 20px;
        z-index: 99999;
        width: 52px;
        height: 52px;
        border-radius: 50%;
        background: #e3e7de;
        border: none;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
        box-shadow: 0 4px 16px rgba(0,0,0,0.18);
        transition: background 0.2s, transform 0.2s;
        padding: 0;
    }
    .wca-burger:hover {
        background: #c2c6be;
        transform: scale(1.06);
    }
    .wca-burger .wca-bar {
        display: block;
        width: 22px;
        height: 2px;
        background: #5B564C;
        border-radius: 2px;
        transition: transform 0.25s, opacity 0.2s, width 0.2s;
        transform-origin: center;
    }

    /* Burger → croix quand ouvert */
    .wca-burger.wca-burger-open .wca-bar:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
    }
    .wca-burger.wca-burger-open .wca-bar:nth-child(2) {
        opacity: 0;
        width: 0;
    }
    .wca-burger.wca-burger-open .wca-bar:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
    }

    /* Badge onglet actif dans le burger (indicateur discret) */
    .wca-burger-label {
        position: absolute;
        bottom: -4px;
        right: -4px;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: var(--dash-accent, #a8c686);
        border: 2px solid #fff;
    }

    /* Le contenu prend toute la largeur */
    .woocommerce-MyAccount-content {
        padding: 25px 20px;
    }
}

/* ── Masque le burger au-dessus du breakpoint ── */
@media (min-width: 992px) {
    .wca-burger,
    .wca-overlay {
        display: none !important;
    }
}

/* FIN TABLEAU DE BORD WOOCOMMERCE------------------------------------------------------------------------------------------------------------ */
/* =======================================================================================================
      ========================================================================== ============================
      ========================================================================== ==============================
      ========================================================================== */























/*GRILLE DES CATEGORIES------------------------------------------------------------------------------------------------------------ */
/* =======================================================================================================
      ========================================================================== ============================
      ========================================================================== ==============================
      ========================================================================== */




.svm-cat-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 3vw;
    padding: 1rem 0;
    font-family: 'Nunito Sans', -apple-system, sans-serif;
}

.svm-cat-grid-item {
    flex: 0 0 calc(25% - 3vw);
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform 0.3s ease;
}

.svm-cat-grid-item:hover {
    transform: translateY(-4px);
    text-decoration: none;
    color: inherit;
}

.svm-cat-grid-thumb {
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: 12px;
    overflow: hidden;
    background: #f5f3ef;
    margin-bottom: 0.75rem;
}

.svm-cat-grid-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.svm-cat-grid-item:hover .svm-cat-grid-thumb img {
    transform: scale(1.05);
}

.svm-cat-grid-thumb .svm-cat-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
}

.svm-cat-grid-name {
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.1vw;
    font-weight: 300;
    color: var(--svm-dark-brown);
    text-align: center;
    line-height: 1.3;
}

/* Tablet : 3 cols */
@media (max-width: 1024px) {
    .svm-cat-grid-item {
        flex: 0 0 calc(33.333% - 1rem);
    }
}

/* Mobile : 2 cols */
@media (max-width: 767px) {
    .svm-cat-grid {
        gap: 1rem;
    }

    .svm-cat-grid-item {
        flex: 0 0 calc(50% - 0.5rem);
    }

    .svm-cat-grid-thumb {
        border-radius: 10px;
    }

    .svm-cat-grid-name {
        font-size: 0.85rem;
    }
}


/*FIN GRILLE DES CATEGORIES------------------------------------------------------------------------------------------------------------ */
/* =======================================================================================================
      ========================================================================== ============================
      ========================================================================== ==============================
      ========================================================================== */















/*FILTRES BOUTIQUE & BOUTIQUE------------------------------------------------------------------------------------------------------------ */
/* =======================================================================================================
      ========================================================================== ============================
      ========================================================================== ==============================
      ========================================================================== */
/**
 * Savonnière Shop — Toolbar + Quick View CSS
 * Utilise les variables CSS de savonniere-menu.css
 * Breakpoints : 1024px (tablet) / 767px (mobile)
 */

/* ══════════════════════════════════════
   BODY LOCK
   ══════════════════════════════════════ */
body.svs-drawer-open {
    overflow: hidden;
}

/* ══════════════════════════════════════
   TOOLBAR
   ══════════════════════════════════════ */
.svs-toolbar {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #e8e4de;
    font-family: 'Nunito Sans', sans-serif;
}

.et_shop_image .et_overlay {
    border-radius: 200px;
}

.et_shop_image .et_overlay:before {
    color: var(--svm-orange);

}

.svs-toolbar__spacer {
    flex: 1;
}

/* ── Bouton Filtres ── */
.svs-toolbar__filter-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 20px;
    background: var(--svm-olive, #5c6b4f);
    color: #fff;
    border: none;
    border-radius: 6px;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 0.88rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    cursor: pointer;
    transition: background 0.25s ease, transform 0.15s ease;
}

.svs-toolbar__filter-btn:hover {
    background: var(--svm-olive-dark, #3d4a33);
    transform: translateY(-1px);
}

.svs-toolbar__filter-btn:active {
    transform: translateY(0);
}

.svs-toolbar__filter-btn svg {
    flex-shrink: 0;
}

/* ── Compteur produits ── */
.svs-toolbar__count {
    font-size: 0.85rem;
    color: #888;
    font-weight: 400;
    white-space: nowrap;
}

/* ── Modes d'affichage ── */
.svs-toolbar__modes {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 2px;
    background: #f5f2ed;
    border-radius: 6px;
}

.svs-toolbar__mode-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 34px;
    border: none;
    background: transparent;
    color: #aaa;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.svs-toolbar__mode-btn:hover {
    color: var(--svm-olive, #5c6b4f);
}

.svs-toolbar__mode-btn.svs-active {
    background: #fff;
    color: var(--svm-olive, #5c6b4f);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* ── Tri ── */
.svs-toolbar__sort {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.svs-toolbar__sort select {
    appearance: none;
    -webkit-appearance: none;
    padding: 8px 32px 8px 14px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fff;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 0.85rem;
    color: var(--svm-charcoal, #2c2c2c);
    cursor: pointer;
    transition: border-color 0.2s ease;
    min-width: 170px;
}

.svs-toolbar__sort select:hover,
.svs-toolbar__sort select:focus {
    border-color: var(--svm-olive, #5c6b4f);
    outline: none;
}

.svs-toolbar__sort-arrow {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #999;
}

/* ══════════════════════════════════════
   FILTER POPUP (modal centrée)
   ══════════════════════════════════════ */
.svs-filter-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 99998;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    backdrop-filter: blur(3px);
}

.svs-filter-overlay.svs-open {
    opacity: 1;
    visibility: visible;
}

.svs-filter-popup {
    position: fixed;
    top: 56%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.92);
    width: 620px;
    max-width: 92vw;
    max-height: 80vh;
    background: #fff;
    z-index: 99999;
    border-radius: 14px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.18);
    overflow: hidden;
}

.svs-filter-popup.svs-open {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}

.svs-filter-popup__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 28px;
    border-bottom: 1px solid #eee;
    flex-shrink: 0;
}

.svs-filter-popup__header h3 {
    margin: 0;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--svm-charcoal, #2c2c2c);
    display: flex;
    align-items: center;
    gap: 10px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.svs-filter-popup__header h3 svg {
    color: var(--svm-olive, #5c6b4f);
}

.svs-filter-popup__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: none;
    background: #f5f2ed;
    border-radius: 50%;
    cursor: pointer;
    color: var(--svm-charcoal, #2c2c2c);
    transition: background 0.2s ease, transform 0.15s ease;
}

.svs-filter-popup__close:hover {
    background: #ebe7e0;
    transform: rotate(90deg);
}

.svs-filter-popup__content {
    flex: 1;
    overflow-y: auto;
    padding: 24px 28px;
    overscroll-behavior: contain;
}

/* Disposition des filtres */
.svs-filter-block {
    margin-bottom: 24px;
}

.svs-filter-block:last-child {
    margin-bottom: 0;
}

.svs-filter-block__title {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--svm-charcoal, #2c2c2c);
    margin: 0 0 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f0ece6;
}

/* ── Catégories : cartouches visuels ── */
.svs-filter-cats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.svs-filter-cat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 10px 6px 8px;
    background: #f9f7f3;
    border: 2px solid transparent;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.25s ease;
    position: relative;
    text-align: center;
}

.svs-filter-cat:hover {
    background: #f3efea;
    border-color: #e0dbd3;
}

.svs-filter-cat.svs-active {
    background: #f0f4ed;
    border-color: var(--svm-olive, #5c6b4f);
}

/* Check icon */
.svs-filter-cat__check {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: scale(0.6);
    transition: all 0.2s ease;
}

.svs-filter-cat__check svg {
    color: #fff;
}

.svs-filter-cat.svs-active .svs-filter-cat__check {
    opacity: 1;
    transform: scale(1);
    background: var(--svm-olive, #5c6b4f);
}

.svs-filter-cat__img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #eee;
    transition: border-color 0.2s ease;
}

.svs-filter-cat.svs-active .svs-filter-cat__img {
    border-color: var(--svm-olive, #5c6b4f);
}

.svs-filter-cat__name {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--svm-charcoal, #2c2c2c);
    line-height: 1.25;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.svs-filter-cat__count {
    font-size: 0.65rem;
    color: #aaa;
    font-weight: 400;
}

/* ── Prix : range slider double ── */
.svs-filter-price {
    padding: 4px 0;
}

.svs-price-values {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 16px;
}

.svs-price-val {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: var(--svm-olive, #5c6b4f);
    min-width: 45px;
    text-align: center;
}

.svs-price-sep {
    color: #ccc;
    font-size: 0.85rem;
}

.svs-price-slider {
    position: relative;
    width: 100%;
    height: 6px;
    background: #e8e4de;
    border-radius: 3px;
    margin: 18px 0 8px;
}

.svs-price-track {
    position: absolute;
    height: 100%;
    background: var(--svm-olive, #5c6b4f);
    border-radius: 3px;
    z-index: 1;
    pointer-events: none;
}

.svs-price-slider input[type="range"] {
    position: absolute;
    top: -6px;
    width: 100%;
    height: 18px;
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    pointer-events: none;
    z-index: 2;
    margin: 0;
}

.svs-price-slider input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 3px solid var(--svm-olive, #5c6b4f);
    border-radius: 50%;
    cursor: pointer;
    pointer-events: all;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.svs-price-slider input[type="range"]::-webkit-slider-thumb:hover {
    transform: scale(1.15);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.svs-price-slider input[type="range"]::-webkit-slider-thumb:active {
    transform: scale(1.2);
    border-color: var(--svm-olive-dark, #3d4a33);
}

.svs-price-slider input[type="range"]::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: #fff;
    border: 3px solid var(--svm-olive, #5c6b4f);
    border-radius: 50%;
    cursor: pointer;
    pointer-events: all;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

/* ── Stock toggle ── */
.svs-filter-stock {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 0 0;
    cursor: pointer;
    user-select: none;
}

.svs-filter-stock__label {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--svm-charcoal, #2c2c2c);
}

.svs-filter-toggle {
    position: relative;
    display: inline-block;
}

.svs-filter-toggle input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.svs-filter-toggle__track {
    display: block;
    width: 44px;
    height: 24px;
    background: #ddd;
    border-radius: 12px;
    position: relative;
    transition: background 0.25s ease;
}

.svs-filter-toggle input:checked+.svs-filter-toggle__track {
    background: var(--svm-olive, #5c6b4f);
}

.svs-filter-toggle__thumb {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    transition: transform 0.25s ease;
}

.svs-filter-toggle input:checked+.svs-filter-toggle__track .svs-filter-toggle__thumb {
    transform: translateX(20px);
}

/* ── Badge compteur filtres actifs ── */
.svs-toolbar__filter-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    background: var(--svm-gold, #c9a96e);
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
    border-radius: 50%;
    margin-left: 4px;
}

.svs-filter-popup__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 28px;
    border-top: 1px solid #eee;
    flex-shrink: 0;
    gap: 12px;
}

.svs-filter-popup__reset {
    padding: 11px 22px;
    background: transparent;
    color: #888;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.svs-filter-popup__reset:hover {
    color: var(--svm-charcoal, #2c2c2c);
    border-color: #bbb;
    background: #f9f7f3;
}

.svs-filter-popup__apply {
    flex: 1;
    max-width: 240px;
    padding: 12px 24px;
    background: var(--svm-olive, #5c6b4f);
    color: #fff;
    border: none;
    border-radius: 6px;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    cursor: pointer;
    transition: background 0.25s ease;
}

.svs-filter-popup__apply:hover {
    background: var(--svm-olive-dark, #3d4a33);
}
.svs-qv-attr-group {
    margin-bottom: 14px;
}

.svs-qv-attr-label {
    display: block;
    font-size: .78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: 6px;
    opacity: .7;
}

.svs-qv-attr-select-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 100%;
}

.svs-qv-attr-select {
    width: 100%;
    appearance: none;
    border: 1.5px solid #e0d9cf;
    border-radius: 8px;
    padding: 9px 32px 9px 12px;
    font-size: .9rem;
    background: #faf8f5;
    cursor: pointer;
    transition: border-color .2s;
}

.svs-qv-attr-select:focus {
    outline: none;
    border-color: var(--svs-accent, #8b6f47);
}

.svs-qv-select-arrow {
    position: absolute;
    right: 10px;
    pointer-events: none;
    opacity: .5;
}
.orderby, .woocommerce div.product form.cart .variations td select{
	padding:1px 8px;
}
/* ══════════════════════════════════════
   GRID DISPLAY MODES
   ══════════════════════════════════════ */
ul.products.svs-cols-2,
.products.svs-cols-2 {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
}

ul.products.svs-cols-3,
.products.svs-cols-3 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
}

ul.products.svs-cols-4,
.products.svs-cols-4 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 24px !important;
}

/* Reset WooCommerce default float layout */
/* ul.products[class*="svs-cols-"] li.product,
.products[class*="svs-cols-"] .product {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    clear: none !important;
}
 */
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
    padding: .5em 0 0.5em 10px;
    margin: 0;
    text-align: center;
    font-size: 2em !important;
}

/* Fix Divi clearfix qui prend une cellule du grid */
ul.products[class*="svs-cols-"]::before,
ul.products[class*="svs-cols-"]::after,
.products[class*="svs-cols-"]::before,
.products[class*="svs-cols-"]::after {
    display: none !important;
    content: none !important;
}

/* ══════════════════════════════════════
   QUICK VIEW — Bouton sur les produits
   ══════════════════════════════════════ */
.svs-product-img-wrap {
    overflow: hidden;
}

.svs-quickview-btn {
    position: absolute;
    bottom: 45%;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(6px);
    color: var(--svm-charcoal, #2c2c2c);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 6px;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 10;
    white-space: nowrap;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}

.svs-quickview-btn svg {
    flex-shrink: 0;
}

.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price,
.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del {
    text-align: center;
}

/* Apparition au survol du produit */
li.product:hover .svs-quickview-btn,
.product:hover .svs-quickview-btn {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.svs-quickview-btn:hover,
.svm-lc-card__qv-btn:hover {
    background: var(--svm-olive, #5c6b4f);
    color: #fff;
    border-color: var(--svm-olive, #5c6b4f);
}

/* ══════════════════════════════════════
   QUICK VIEW — Modal
   ══════════════════════════════════════ */
.svs-quickview-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    backdrop-filter: blur(3px);
}

.svs-quickview-overlay.svs-open {
    opacity: 1;
    visibility: visible;
}

.svs-quickview-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.92);
    width: 860px;
    max-width: 92vw;
    max-height: 88vh;
    background: #fff;
    border-radius: 14px;
    z-index: 100001;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.2);
}

.svs-quickview-modal.svs-open {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}

.svs-quickview-modal__close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #eee;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
    color: #555;
    transition: all 0.2s ease;
}

.svs-quickview-modal__close:hover {
    background: #f5f2ed;
    color: var(--svm-charcoal, #2c2c2c);
    transform: rotate(90deg);
}

/* Loader */
.svs-quickview-modal__loader {
    display: none;
    align-items: center;
    justify-content: center;
    padding: 80px;
}

.svs-qv-spinner {
    width: 36px;
    height: 36px;
    border: 3px solid #e8e4de;
    border-top-color: var(--svm-olive, #5c6b4f);
    border-radius: 50%;
    animation: svs-spin 0.7s linear infinite;
}

@keyframes svs-spin {
    to {
        transform: rotate(360deg);
    }
}

/* ── Layout Quick View ── */
.svs-qv-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 400px;
}

.svs-qv-image {
    background: #f9f7f3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px;
}

.svs-qv-image>img {
    max-width: 100%;
    max-height: 340px;
    object-fit: contain;
    border-radius: 8px;
}

.svs-qv-image-thumbs {
    display: flex;
    gap: 8px;
    margin-top: 14px;
}

.svs-qv-thumb {
    width: 56px;
    height: 56px;
    object-fit: cover;
    border-radius: 6px;
    border: 2px solid transparent;
    cursor: pointer;
    opacity: 0.6;
    transition: all 0.2s ease;
}

.svs-qv-thumb:hover {
    opacity: 0.9;
}

.svs-qv-thumb.svs-active {
    opacity: 1;
    border-color: var(--svm-olive, #5c6b4f);
}

.svs-qv-info {
    padding: 36px 32px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.svs-qv-category {
    display: inline-block;

    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--svm-gold, #c9a96e);
}

.svs-qv-title {

    font-size: 1.6rem;
    font-weight: 600;
    color: var(--svm-charcoal, #2c2c2c);
    margin: 0;
    line-height: 1.3;
}

.svs-qv-price {

    font-size: 1.2rem;
    font-weight: 700;
    color: var(--svm-olive, #5c6b4f);
}

.svs-qv-price del {
    color: #bbb;
    font-weight: 400;
    font-size: 0.95rem;
}

.svs-qv-price ins {
    text-decoration: none;
    color: var(--svm-olive, #5c6b4f);
}

/* Rating */
.svs-qv-rating {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.85rem;
}

.svs-star {
    color: #ddd;
}

.svs-star-full {
    color: var(--svm-gold, #c9a96e);
}

.svs-star-half {
    color: var(--svm-gold, #c9a96e);
    opacity: 0.6;
}

.svs-qv-rating-count {
    color: #999;
    font-size: 0.8rem;
    margin-left: 4px;
}

.svs-qv-description {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 0.88rem;
    line-height: 1.65;
    color: #666;
    max-height: 120px;
    overflow-y: auto;
}

.svs-qv-description p {
    margin: 0 0 8px;
}

.svs-qv-sku {
    font-size: 0.78rem;
    color: #aaa;
    font-family: 'Nunito Sans', sans-serif;
}

/* ── Actions (quantité + ajout panier) ── */
.svs-qv-actions {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 6px;
}

.svs-qv-quantity-wrap {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.svs-qv-quantity {
    display: inline-flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
}

.svs-qv-qty-minus,
.svs-qv-qty-plus {
    width: 38px;
    height: 40px;
    border: none;
    background: #f9f7f3;
    color: var(--svm-charcoal, #2c2c2c);
    font-size: 1.1rem;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s ease;
}

.svs-qv-qty-minus:hover,
.svs-qv-qty-plus:hover {
    background: #ebe7e0;
}

.svs-qv-qty-input {
    width: 44px;
    height: 40px;
    border: none;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    text-align: center;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--svm-charcoal, #2c2c2c);
    -moz-appearance: textfield;
}

.svs-qv-qty-input::-webkit-inner-spin-button,
.svs-qv-qty-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Stock limit feedback */
.svs-qv-qty-input.svs-qv-qty-max {
    color: #c44;
    border-left-color: #e8aaaa;
    border-right-color: #e8aaaa;
}

.svs-qv-qty-disabled {
    opacity: 0.35;
    cursor: not-allowed !important;
    pointer-events: none;
}

.svs-qv-stock-limit {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 0.72rem;
    color: #999;
    padding-left: 2px;
    transition: color 0.2s ease;
    min-height: 16px;
}

.svs-qv-stock-limit.svs-qv-stock-warning {
    color: #c44;
    font-weight: 600;
}

.svs-qv-add-to-cart {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: 11px 24px;
    background: var(--svm-orange);
    color: #fff;
    border: none;
    border-radius: 5px;
    border: 1px solid var(--svm-orange);
    font-size: 1rem;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.25s ease;
    white-space: nowrap;
    max-height: 50px;
}

.svs-qv-add-to-cart:hover {
    background: white;
    color: var(--svm-orange);
}

.svs-qv-add-to-cart.svs-loading {
    opacity: 0.7;
    pointer-events: none;
}

.svs-qv-add-to-cart.svs-added {
    background: #4a8c5c;
}

.svs-qv-out-of-stock {
    padding: 10px 16px;
    background: #fef3f3;
    color: #c44;
    border-radius: 6px;
    font-size: 0.88rem;
    font-weight: 600;
    font-family: 'Nunito Sans', sans-serif;
    text-align: center;
}

/* ── Lien voir le produit ── */
.svs-qv-view-product {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 4px;

    font-size: 0.85rem;
    font-weight: 600;
    color: var(--svm-orange);
    text-decoration: none;
    transition: all 0.2s ease;
}

.svs-qv-view-product:hover {
    color: var(--svm-gold, #c9a96e);
    gap: 10px;
}

/* ── Produits out of stock grisés ── */
ul.products li.product.outofstock .woocommerce-LoopProduct-link img,
ul.products li.product.outofstock .wp-post-image {
    opacity: 0.45;
    filter: grayscale(40%);
    transition: opacity .2s, filter .2s;
}

ul.products li.product.outofstock {
    opacity: 0.7;
}

/* ── Badge stock épuisé ── */
.svs-outofstock-badge {
    position: absolute;
    top: 20%;
    left: 50%;
    padding: 3px 5px;
    transform: translatex(-50%);
    z-index: 3;
    width: fit-content;
    color: white;
    height: 28px;
    background: #e57373;
    border-radius: 20px;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    cursor: default;
}

.svs-outofstock-badge svg {
    display: block;
}

.svs-outofstock-badge p {
    font-size: 0.8rem;
    white-space: nowrap;
}

.woocommerce p.stars a {
    color: var(--svm-orange) !important;
}

/* ══════════════════════════════════════
   RESPONSIVE — TABLET (≤ 1024px)
   ══════════════════════════════════════ */
@media (max-width: 1024px) {
    .svs-toolbar {
        flex-wrap: wrap;
        gap: 10px;
    }

    .svs-toolbar__sort select {
        min-width: 150px;
        font-size: 0.82rem;
    }

    /* Filter popup */
    .svs-filter-popup {
        width: 85vw;
    }

    /* Quick View Modal */
    .svs-quickview-modal {
        width: 90vw;
        max-height: 85vh;
    }

    .svs-qv-layout {
        grid-template-columns: 1fr 1fr;
    }

    .svs-qv-info {
        padding: 28px 24px;
    }

    .svs-qv-title {
        font-size: 1.35rem;
    }

    /* Grid */
    ul.products.svs-cols-4,
    .products.svs-cols-4 {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* ══════════════════════════════════════
   RESPONSIVE — MOBILE (≤ 767px)
   ══════════════════════════════════════ */
@media (max-width: 767px) {
    .svs-toolbar {
        gap: 8px;
        padding: 10px 0;
        margin-bottom: 14px;
    }

    .svs-toolbar__filter-btn {
        padding: 8px 14px;
        font-size: 0.82rem;
    }

    .svs-toolbar__count {
        font-size: 0.78rem;
    }

    /* Masquer les modes 3 et 4 colonnes sur mobile */
    .svs-toolbar__mode-btn[data-cols="4"] {
        display: none;
    }

    .svs-toolbar__mode-btn {
        width: 32px;
        height: 32px;
    }

    .svs-toolbar__sort select {
        min-width: 130px;
        padding: 7px 28px 7px 10px;
        font-size: 0.8rem;
    }

    /* Filter popup pleine largeur sur mobile */
    .svs-filter-popup {
        width: 95vw;
        max-height: 85vh;
        border-radius: 12px;
    }

    .svs-filter-cats {
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
    }

    .svs-filter-cat {
        padding: 8px 4px 6px;
    }

    .svs-filter-cat__img {
        width: 40px;
        height: 40px;
    }

    .svs-filter-cat__name {
        font-size: 0.65rem;
    }

    .svs-filter-popup__header {
        padding: 16px 20px;
    }

    .svs-filter-popup__content {
        padding: 18px 20px;
    }

    .svs-filter-popup__footer {
        padding: 14px 20px;
        flex-direction: column;
    }

    .svs-filter-popup__apply {
        max-width: none;
        width: 100%;
    }

    .svs-filter-popup__reset {
        width: 100%;
        text-align: center;
    }

    /* Quick View Modal — layout vertical */
    .svs-quickview-modal {
        width: 95vw;
        max-height: 92vh;
        border-radius: 12px;
    }

    .svs-qv-layout {
        grid-template-columns: 1fr;
        max-height: 82vh;
        overflow-y: auto;
    }

    .svs-qv-image {
        padding: 20px;
        max-height: 280px;
    }

    .svs-qv-image>img {
        max-height: 220px;
    }

    .svs-qv-info {
        padding: 20px;
        gap: 8px;
    }

    .svs-qv-title {
        font-size: 1.2rem;
    }

    .svs-qv-price {
        font-size: 1.05rem;
    }

    .svs-qv-description {
        font-size: 0.83rem;
        max-height: 80px;
    }

    .svs-qv-actions {
        flex-direction: column;
        gap: 10px;
    }

    .svs-qv-quantity-wrap {
        width: 100%;
    }

    .svs-qv-quantity {
        width: 100%;
        justify-content: center;
    }

    .svs-qv-add-to-cart {
        width: 100%;
        text-align: center;
    }

    /* Quick view button on mobile : toujours visible (pas de hover) */
    .svs-quickview-btn {
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) translateY(0);
        padding: 6px 12px;
        font-size: 0.72rem;
        bottom: 8px;
    }

    /* Grid mobile */
    ul.products.svs-cols-3,
    .products.svs-cols-3,
    ul.products.svs-cols-4,
    .products.svs-cols-4 {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    ul.products[class*="svs-cols-"],
    .products[class*="svs-cols-"] {
        gap: 14px !important;
    }
}

/* ══════════════════════════════════════
   4K (≥ 2560px)
   ══════════════════════════════════════ */
@media (min-width: 2560px) {
    .svs-toolbar {
        padding: 16px 0;
        margin-bottom: 28px;
        gap: 16px;
    }

    .svs-toolbar__filter-btn {
        padding: 12px 26px;
        font-size: 1rem;
        border-radius: 8px;
    }

    .svs-toolbar__count {
        font-size: 0.95rem;
    }

    .svs-toolbar__mode-btn {
        width: 44px;
        height: 42px;
    }

    .svs-toolbar__sort select {
        padding: 10px 38px 10px 18px;
        font-size: 0.95rem;
        min-width: 200px;
    }

    .svs-quickview-modal {
        width: 1000px;
        border-radius: 18px;
    }

    .svs-qv-title {
        font-size: 1.9rem;
    }

    .svs-qv-price {
        font-size: 1.4rem;
    }

    .svs-qv-info {
        padding: 44px 40px;
    }
}

.boutique-cat .svm-cat-grid {

    gap: 1vw;
}

.boutique-cat .svm-cat-grid-item {
    flex: 0 0 47%;
}

.woocommerce .star-rating span:before {
    color: var(--svm-orange) !important;
}

.woocommerce .products .star-rating,
.woocommerce-page .products .star-rating {
    margin: 4px auto !important;
}

.woocommerce ul.products li.product a img {
    width: 90%;
    margin: 0 auto 10px !important;
}


.et_shop_image .et_overlay {
    width: 90%;
    left: 50%;
    transform: translatex(-50%)
}

/*FIN FILTRES BOUTIQUE------------------------------------------------------------------------------------------------------------ */
/* =======================================================================================================
      ========================================================================== ============================
      ========================================================================== ==============================
      ========================================================================== */












/*PAGINATION BOUTIQUE------------------------------------------------------------------------------------------------------------ */
/* =======================================================================================================
      ========================================================================== ============================
      ========================================================================== ==============================
      ========================================================================== */


.woocommerce nav.woocommerce-pagination ul li {
    border: none
}


/*FIN PAGINATION BOUTIQUE------------------------------------------------------------------------------------------------------------ */
/* =======================================================================================================
      ========================================================================== ============================
      ========================================================================== ==============================
      ========================================================================== */












/*FLUX INSTA------------------------------------------------------------------------------------------------------------ */
/* =======================================================================================================
      ========================================================================== ============================
      ========================================================================== ==============================
      ========================================================================== */



#sb_instagram .sbi_item:not(.sbi_transition) .sbi_photo,
#sb_instagram .sbi_photo_wrap:hover .sbi_link,
#sb_instagram .sbi_photo_wrap {
    border-radius: 10px;
}




/*FIN FLUX INSTA------------------------------------------------------------------------------------------------------------ */
/* =======================================================================================================
      ========================================================================== ============================
      ========================================================================== ==============================
      ========================================================================== */









/*FORM NEWSLETTER------------------------------------------------------------------------------------------------------------ */
/* =======================================================================================================
      ========================================================================== ============================
      ========================================================================== ==============================
      ========================================================================== */

.input-newsletter input {
    padding: 7px !important;
}

.mailpoet_submit {
    font-size: 18px !important;
    font-family: 'Nexa' !important;
    font-weight: 500;
    cursor: pointer;
}

.mailpoet_submit:hover {
    background-color: white !important;
    color: var(--svm-orange) !important
}

/*FIN FORM NEWSLETTER------------------------------------------------------------------------------------------------------------ */
/* =======================================================================================================
      ========================================================================== ============================
      ========================================================================== ==============================
      ========================================================================== */














/*POPUP CATALOGUE------------------------------------------------------------------------------------------------------------ */
/* =======================================================================================================
      ========================================================================== ============================
      ========================================================================== ==============================
      ========================================================================== */


.catalogue-popup-btn {
    display: inline-block;
    padding: 8px 3vw;
    background-color: var(--svm-dark-brown);
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    border: 1px solid var(--svm-dark-brown);
    border-radius: 5px;
    cursor: pointer;
    transition: background .2s, transform .15s;
    text-decoration: none;
    line-height: 1.4;
}

.catalogue-popup-btn:hover {
    background-color: white;
    color: var(--svm-dark-brown);

}

.catalogue-overlay {
    position: fixed;
    inset: 0;
    z-index: 999999;
    background: rgba(0, 0, 0, .85);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, visibility .3s;
}

.catalogue-overlay.is-open {
    opacity: 1;
    visibility: visible;
}

.catalogue-popup-inner {
    position: relative;
    width: 90vw;
    max-width: 1000px;
    top: 50px;
    height: 85vh;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .4);
    transform: scale(.92);
    transition: transform .3s;
}

.catalogue-overlay.is-open .catalogue-popup-inner {
    transform: scale(1);
}

.catalogue-popup-inner .catalogue-content {
    width: 100%;
    height: 100%;
}

.catalogue-popup-close {
    position: absolute;
    top: 12px;
    right: 14px;
    z-index: 10;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    transition: background .2s;
}

.catalogue-popup-close:hover {
    background: rgba(0, 0, 0, .9);
}

.catalogue-loader {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: #888;
}



/*FIN POPUP CATALOGUE------------------------------------------------------------------------------------------------------------ */
/* =======================================================================================================
      ========================================================================== ============================
      ========================================================================== ==============================
      ========================================================================== */

















/*LISTE BON CADEAUX------------------------------------------------------------------------------------------------------------ */
/* =======================================================================================================
      ========================================================================== ============================
      ========================================================================== ==============================
      ========================================================================== */
.svm-lc-grid {
    display: grid;
    grid-template-columns: repeat(, 1fr);
    gap: 20px;
    padding: 10px 0;
}

@media (max-width: 768px) {
    .svm-lc-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .svm-lc-grid {
        grid-template-columns: 1fr;
    }
}

.svm-lc-card {
    padding: 2%;
    position: relative;
    overflow: hidden;
    display: flex;
    border-radius: 8px;
    background: #fff;
    transition: box-shadow .2s ease;
}

.svm-lc-card:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, .12);
}

.svm-lc-card__img-wrap {
    position: relative;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #f5f5f5;
    width: 80px;
    border-radius: 80px;
    max-height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.svm-lc-card__img-wrap img {
    width: auto;
    height: 80%;
    object-fit: cover;
    display: block;
    transition: transform .3s ease;
}

.svm-lc-card:hover .svm-lc-card__img-wrap img {
    transform: scale(1.04);
}

.svm-lc-card__qv-btn {
    position: absolute;
    z-index: 1;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%) translateY(6px);
    opacity: 0;
    background: rgba(255, 255, 255, .95);
    border: 1px solid #333;
    border-radius: 4px;
    padding: 6px 12px;
    font-size: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    transition: opacity .2s ease, transform .2s ease;
}

.svm-lc-card:hover .svm-lc-card__qv-btn {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

.svm-lc-card__body {
    padding: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;

    flex: 1;
}

.svm-lc-card__title {
    font-size: 14px;
    font-weight: 600;
    color: #222;
    margin: 0;
    line-height: 1.3;
}

.svm-lc-card__price {
    font-size: 14px;
    color: #555;
    margin: 0;
}

.svm-lc-card__price .woocommerce-Price-amount {
    color: #333;
    font-weight: 600;
}

.ywgc-design-list,
#main-content>div.et-l.et-l--body>div>div.et_pb_section_1_tb_body.et_pb_section.et_section_regular.et_flex_section>div.et_pb_row_1_tb_body.et_pb_row.et_flex_row>div.et_pb_column_2_tb_body.et_pb_column.et_flex_column.et_pb_css_mix_blend_mode_passthrough.et_flex_column_8_24.et_flex_column_8_24_tablet.et_flex_column_24_24_phone>div.et_pb_wc_add_to_cart_0_tb_body.et_pb_wc_add_to_cart.et_pb_fields_label_position_inline.et_pb_module>div>form>h3:nth-child(3) {
    display: none !important
}

/*FIN LISTE BONS CADEAUX------------------------------------------------------------------------------------------------------------ */
/* =======================================================================================================
      ========================================================================== ============================
      ========================================================================== ==============================
      ========================================================================== */











/*PAGE PANIER------------------------------------------------------------------------------------------------- */
/* =======================================================================================================
      ========================================================================== ============================
      ========================================================================== ==============================
      ========================================================================== */
.cart_totals h2, .shipping_calculator h2 {
    margin-bottom: 104px;
    border-bottom: 1px solid var(--svm-light-brown);
}

.product-name a, a.shipping-calculator-button, a.ywgc-show-giftcard{
	color:var(--svm-orange)!important;
}
#coupon_code{
    padding:5px
}

/*FIN PAGE PANIER------------------------------------------------------------------------------------------------- */
/* =======================================================================================================
      ========================================================================== ============================
      ========================================================================== ==============================
      ========================================================================== */



















/*PAGE COMMANDE------------------------------------------------------------------------------------------------- */
/* =======================================================================================================
      ========================================================================== ============================
      ========================================================================== ==============================
      ========================================================================== */


.no-gift-card .ywgc_have_code{
    display: none
}

.woocommerce-error ul li{
	color:red!important
}
.woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .et_pb_wc_cart_totals .select2-container--default .select2-selection--single, .et_pb_wc_checkout_billing .select2-container--default .select2-selection--single, .et_pb_wc_checkout_shipping .select2-container--default .select2-selection--single{
	background-color: #e0dede;
	border-radius:3px;
}

/*FIN PAGE COMMANDE------------------------------------------------------------------------------------------------- */
/* =======================================================================================================
      ========================================================================== ============================
      ========================================================================== ==============================
      ========================================================================== */















/*PAGE COMPTE LOGIN ET RESET PASSWORD------------------------------------------------------------------------------------------------- */
/* =======================================================================================================
      ========================================================================== ============================
      ========================================================================== ==============================
      ========================================================================== */

.woocommerce-ResetPassword{
	width:95%;
	max-width:500px;
	margin:10vh auto 0

}

.woocommerce-ResetPassword:before{
	content:'';
	display:block;
	width:100%;
	height:25vh;
	background-image:url('https://potionsauvage.fr/wp-content/uploads/2024/03/logo-nb.png');
	background-size:auto 100%;
	background-repeat:no-repeat;
	background-position:center;
}


.woocommerce-ResetPassword > p{
	text-align:justify;
}

.woocommerce-ResetPassword .woocommerce-form-row--first{
	min-width:100%;
}

.woocommerce > h2{
	text-align:center;
	margin-top:15vh;
	
	
}

.woocommerce .woocommerce-form-login{
	width:95%;
	max-width:500px;
	margin:3vh auto 0!important
}

/*FIN PAGE COMPTE LOGIN ET RESET PASSWORD------------------------------------------------------------------------------------------------- */
/* =======================================================================================================
      ========================================================================== ============================
      ========================================================================== ==============================
      ========================================================================== */








/*PAGE POINTS DE VENTE------------------------------------------------------------------------------------------------- */
/* =======================================================================================================
      ========================================================================== ============================
      ========================================================================== ==============================
      ========================================================================== */
/* ════════════════════════════════════════════════════════════
   SVS — Points de vente : styles carte + liste + drawer
   ════════════════════════════════════════════════════════════ */


/* ── TOPBAR (filtres + bouton créer) ── */

.svs-list-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.svs-map-filters {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.svs-filter-btn {
    padding: 0.4rem 1rem;
    border: 1.5px solid #c8b89a;
    background: transparent;
    color: #5b564c;
    border-radius: 20px;
    cursor: pointer;
    font-size: 0.85rem;
    transition: all 0.2s;
}
.svs-filter-btn.active,
.svs-filter-btn:hover {
    background: #a9be87;
    border-color: #a9be87;
    color: #fff;
}

.svs-btn-create {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 1rem;
    background: #a9be87;
    border: none;
    border-radius: 20px;
    color: #fff;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.2s;
}
.svs-btn-create:hover { background: #8fa870; }


/* ── LISTE ── */

.svs-map-list {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding-right: 0.4rem;
    overflow-y: auto;
	max-height:62vh!important;
}
.svs-map-list::-webkit-scrollbar { width: 4px; }
.svs-map-list::-webkit-scrollbar-thumb { background: #d4c9b0; border-radius: 4px; }

.svs-list-item {
    display: flex;
	flex-direction:column;
	min-height:fit-content;
    padding: 2%;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    background: #fff;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.svs-list-item:hover {
    border-color: #a9be87;
    box-shadow: 0 2px 10px rgba(0,0,0,0.07);
}
.svs-list-item.active {
    border-color: #a9be87;
    box-shadow: 0 3px 14px rgba(169,190,135,0.25);
}

/* Miniature ronde */
.svs-li-thumb {
    flex-shrink: 0;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    overflow: hidden;
    background: #e3e7de;
    display: flex;
    align-items: center;
    justify-content: center;
}
.svs-li-thumb img {
    width: 85%;
    height: auto;
    object-fit: cover;
    display: block;
}

.svs-li-body { 
	flex:1;
	padding: 0.75rem; }

.svs-li-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.3rem;
	border-bottom:1px solid #ececec;
	padding-bottom:5px;
}
.items-list-body-container{
	display:flex;
}
.svs-li-header-actions {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-shrink: 0;
}

.svs-li-title {
    font-size: 0.95rem;
    font-weight: 600;
    color: #3a3530;
    margin: 0;
    padding: 0;
    line-height: 1.3;
}

/* Badges type */
.svs-li-badge {
    font-size: 0.68rem;
    padding: 0.2rem 0.5rem;
    border-radius: 20px;
    white-space: nowrap;
    flex-shrink: 0;
    font-weight: 600;
}
.svs-badge-retrait-point-de-vente    { background: #eef4e7; color: #6a8f4a; }
.svs-badge-retrait-commande-en-ligne { background: #e8f0f7; color: #4a6a8f; }

/* Boutons icônes (lien, edit, delete) */
.svs-li-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 6px;
    border: 1.5px solid #e8e0d2;
    background: #f7f4ef;
    color: #7a7265;
    cursor: pointer;
    text-decoration: none;
    flex-shrink: 0;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}
.svs-li-btn:hover    { background: #a9be87; border-color: #a9be87; color: #fff; }
.svs-li-edit:hover   { background: #5b8fe8; border-color: #5b8fe8; color: #fff; }
.svs-li-delete:hover { background: #e05555; border-color: #e05555; color: #fff; }

.svs-li-address {
    font-size: 0.8rem;
    color: #7a7265;
    margin: 0 0 0.5rem;
    line-height: 1.4;
}

/* Bascule "Infos pratiques" */
.svs-li-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: #f7f4ef;
    border: none;
    border-radius: 6px;
    padding: 0.4rem 0.6rem;
    cursor: pointer;
    color: #5b564c;
    font-size: 0.8rem;
    font-weight: 600;
    margin-top: 0.3rem;
    transition: background 0.15s;
}
.svs-li-toggle:hover { background: #eee8dc; }
.toggle-arrow { font-size: 0.75rem; }

.svs-li-content {
    display: none;
    padding: 0.6rem 0.2rem 0.2rem;
    font-size: 0.8rem;
    color: #5b564c;
    line-height: 1.6;
}
.svs-li-content.open { display: block; }
.svs-li-content p { margin: 0 0 0.4rem; }


/* ── CARTE ── */

.svs-map-canvas {
    width: 100%;
    border-radius: 0;
    overflow: hidden;
    min-height: 540px;
    height: 100%;
}

/* Filtre sépia sur les tuiles OSM */
.svs-map-canvas .leaflet-tile-pane {
    filter: sepia(30%) saturate(0.9) brightness(1.02);
}

/* Markers */
.svs-marker {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 3px solid #fff;
    box-shadow: 0 1px 5px rgba(0,0,0,0.3);
}
.svs-marker-pdv    { background: #a9be87; }
.svs-marker-online { background: #8eb5c4; }

/* Popup Leaflet */
.svs-popup img {
    width: 100%;
    height: 280px;
    object-fit: contain;
    border-radius: 6px;
    margin-bottom: 0.4rem;
    display: block;
}
.svs-popup strong {
    display: block;
    font-size: 0.9rem;
    color: #3a3530;
    margin-bottom: 0.2rem;
}
.svs-popup span {
    display: block;
    font-size: 0.78rem;
    color: #7a7265;
}
.svs-popup em {
    display: inline-block;
    margin-top: 0.3rem;
    font-size: 0.72rem;
    font-style: normal;
    background: #eef4e7;
    color: #6a8f4a;
    border-radius: 20px;
    padding: 0.15rem 0.5rem;
}
.svs-popup-lien {
    display: inline-block;
    margin-top: 0.3rem;
    font-size: 0.78rem;
    font-weight: 600;
    color: #a9be87;
    text-decoration: none;
}
.svs-popup-lien:hover { color: #6a8f4a; }

.leaflet-popup-content-wrapper {
    border-radius: 10px !important;
    box-shadow: 0 4px 18px rgba(0,0,0,0.12) !important;
}
.leaflet-popup-content { margin: 12px 14px !important; }


/* ── DRAWER ── */

.svs-drawer-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.35);
    z-index: 9998;
    animation: svsFadeIn 0.2s ease;
}
.svs-drawer-overlay.open { display: block; }

.svs-drawer {
    position: fixed;
    top:105px; right: 100px; bottom: 0;
    width: 420px;
    max-width: 95vw;
    background: #fff;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    transform: translateX(calc(100% + 100px));
    transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: -4px 0 24px rgba(0,0,0,0.12);
}
.svs-drawer.open { transform: translateX(0); }

.svs-drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.1rem 1.4rem;
    border-bottom: 1.5px solid #e8e0d2;
    background: #faf8f5;
}
.svs-drawer-title {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #3a3530;
}
.svs-drawer-close {
    background: none;
    border: none;
    cursor: pointer;
    color: #7a7265;
    padding: 4px;
    border-radius: 6px;
    transition: background 0.15s;
}
.svs-drawer-close:hover { background: #eee8dc; }

.svs-drawer-body {
    flex: 1;
    overflow-y: auto;
    padding: 1.2rem 1.4rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Champs du formulaire */
.svs-field { display: flex; flex-direction: column; gap: 0.4rem; }

.svs-field-label {
    font-size: 0.8rem;
    font-weight: 600;
    color: #5b564c;
}

.svs-field-input {
    padding: 0.55rem 0.75rem;
    border: 1.5px solid #e8e0d2;
    border-radius: 8px;
    font-size: 0.87rem;
    color: #3a3530;
    background: #fff;
    outline: none;
    font-family: inherit;
    transition: border-color 0.15s;
}
.svs-field-input:focus { border-color: #a9be87; }
select.svs-field-input { cursor: pointer; }

/* Géocodage */
.svs-field-geo { display: flex; gap: 0.5rem; }
.svs-field-geo .svs-field-input { flex: 1; }

.svs-btn-geo {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.5rem 0.8rem;
    background: #f7f4ef;
    border: 1.5px solid #c8b89a;
    border-radius: 8px;
    color: #5b564c;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.15s;
}
.svs-btn-geo:hover { background: #a9be87; border-color: #a9be87; color: #fff; }

.svs-geo-status { font-size: 0.75rem; min-height: 1rem; }
.svs-geo-status.ok  { color: #6a8f4a; }
.svs-geo-status.err { color: #c0392b; }

/* WYSIWYG */
.svs-wysiwyg { border: 1.5px solid #e8e0d2; border-radius: 8px; overflow: hidden; }

.svs-wysiwyg-toolbar {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    padding: 0.4rem 0.6rem;
    background: #f7f4ef;
    border-bottom: 1px solid #e8e0d2;
}
.svs-wysiwyg-toolbar button {
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    border-radius: 5px;
    cursor: pointer;
    color: #5b564c;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s;
}
.svs-wysiwyg-toolbar button:hover { background: #eee8dc; }
.svs-toolbar-sep { width: 1px; height: 18px; background: #d4c9b0; margin: 0 0.2rem; }

.svs-wysiwyg-editor {
    padding: 0.65rem 0.75rem;
    min-height: 120px;
    font-size: 0.87rem;
    color: #3a3530;
    line-height: 1.6;
    outline: none;
}
.svs-wysiwyg-editor:empty::before {
    content: attr(data-placeholder);
    color: #b0a899;
}

.svs-field-thumb-preview img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 0.5rem;
    display: block;
}
.svs-btn-upload {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.5rem 0.8rem;
    background: #f7f4ef;
    border: 1.5px solid #c8b89a;
    border-radius: 8px;
    color: #5b564c;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s;
}
.svs-btn-upload:hover { 
	background: #a9be87; 
	border-color: #a9be87; 
	color: #fff; }


/* Footer drawer */
.svs-drawer-footer {
    display: flex;
    gap: 0.6rem;
    padding: 1rem 1.4rem;
    border-top: 1.5px solid #e8e0d2;
    background: #faf8f5;
}

.svs-btn-cancel {
    flex: 1;
    padding: 0.6rem;
    border: 1.5px solid #c8b89a;
    background: transparent;
    color: #5b564c;
    border-radius: 8px;
    font-size: 0.87rem;
    cursor: pointer;
    transition: all 0.15s;
}
.svs-btn-cancel:hover { background: #f0ebe2; }

.svs-btn-save {
    flex: 2;
    padding: 0.6rem;
    background: #a9be87;
    border: none;
    color: #fff;
    border-radius: 8px;
    font-size: 0.87rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.15s;
}
.svs-btn-save:hover    { background: #8fa870; }
.svs-btn-save:disabled { opacity: 0.6; cursor: not-allowed; }

.svs-drawer-error {
    padding: 0 1.4rem 0.8rem;
    font-size: 0.8rem;
    color: #c0392b;
    min-height: 1.2rem;
}

    .svs-field-thumb-wrap { display:flex; align-items:center; gap:1rem; }
    .svs-field-thumb-preview { flex-shrink:0; }
    .svs-field-thumb-preview img {
        width:70px; height:70px;
        object-fit:cover; border-radius:8px;
        display:block; border:1.5px solid #e8e0d2;
    }
    .svs-btn-upload {
        display:inline-flex; align-items:center; gap:0.35rem;
        padding:0.5rem 0.8rem; background:#f7f4ef;
        border:1.5px solid #c8b89a; border-radius:8px;
        color:#5b564c; font-size:0.8rem; font-weight:600;
        cursor:pointer; transition:all 0.15s;
    }
    .svs-btn-upload:hover { background:#a9be87; border-color:#a9be87; color:#fff; }
/* ── ANIMATIONS ── */

@keyframes svsFadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}


/* ── RESPONSIVE ── */

@media(max-width:1024px){
	.items-list-body-container{
		flex-direction:column;
	}
}

@media (max-width: 480px) {
   
	.svs-drawer { right: 0; transform: translateX(100%); }
    .svs-drawer.open { transform: translateX(0); }
}

/*PAGE POINTS DE VENTE------------------------------------------------------------------------------------------------- */
/* =======================================================================================================
      ========================================================================== ============================
      ========================================================================== ==============================
      ========================================================================== */













/*FEEDS INSTA------------------------------------------------------------------------------------------------- */
/* =======================================================================================================
      ========================================================================== ============================
      ========================================================================== ==============================
      ========================================================================== */

.tips-feed-container .sbi_info_wrapper{
    display:none;
}



/*FEEDS INSTA------------------------------------------------------------------------------------------------- */
/* =======================================================================================================
      ========================================================================== ============================
      ========================================================================== ==============================
      ========================================================================== */













/*PAGE CONTACT & NEWSLETTER------------------------------------------------------------------------------------------------- */
/* =======================================================================================================
      ========================================================================== ============================
      ========================================================================== ==============================
      ========================================================================== */

#multi-step-form .fw-step-part {
	border-left:5px solid #ca7d30!important;
	border-radius:10px;
}


#multi-step-form .fw-btn-submit, #multi-step-form .fw-toggle-summary, #multi-step-form .fw-wizard-buttons button, #multi-step-form .fw-wizard-buttons .fw-btn{
	border-radius:5px
}

 .mg-mailpoet-cards{
            display:grid;
            grid-template-columns:repeat(var(--mg-cols), minmax(0,1fr));
            gap:24px;
            margin:24px 0;
        }

        @media (max-width: 980px){
            .mg-mailpoet-cards{
                grid-template-columns:repeat(2, minmax(0,1fr));
            }
        }

        @media (max-width: 640px){
            .mg-mailpoet-cards{
                grid-template-columns:1fr;
            }
        }

        .mg-mailpoet-card{
            background:#fff;
            border:1px solid #e7e7e7;
            border-radius:18px;
            overflow:hidden;
            box-shadow:0 8px 24px rgba(0,0,0,.06);
            transition:transform .2s ease, box-shadow .2s ease;
            height:100%;
        }

        .mg-mailpoet-card:hover{
            transform:translateY(-4px);
            box-shadow:0 14px 30px rgba(0,0,0,.10);
        }

        .mg-mailpoet-card__inner{
            padding:24px;
            display:flex;
            flex-direction:column;
            gap:14px;
            height:100%;
        }

        .mg-mailpoet-card__date{
            font-size:14px;
            line-height:1.2;
            color:#777;
        }

        .mg-mailpoet-card__title{
            margin:0;
            font-size:22px;
            line-height:1.3;
        }

        .mg-mailpoet-card__title a{
            color:var(--svm-dark-brown);
            text-decoration:none;
        }

        .mg-mailpoet-card__title a:hover{
            text-decoration:underline;
        }

        .mg-mailpoet-card__footer{
            margin-top:auto;
            padding-top:8px;
        }

        .mg-mailpoet-card__button{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            padding:5px 16px;
            border-radius:5px;
			border:1px solid var(--svm-orange);
            background:var(--svm-orange)!important;
            color:#fff;
            text-decoration:none;
            font-weight:400;
        }

        .mg-mailpoet-card__button:hover{
            opacity:.92;
            color:var(--svm-orange)!important;
			background:white!important;
			
        }





/*FIN PAGE CONTACT & NEWSLETTER------------------------------------------------------------------------------------------------- */
/* =======================================================================================================
      ========================================================================== ============================
      ========================================================================== ==============================
      ========================================================================== */
















/*FOOTER------------------------------------------------------------------------------------------------------------ */
/* =======================================================================================================
      ========================================================================== ============================
      ========================================================================== ==============================
      ========================================================================== */

.follow-block-footer div {
    justify-content: flex-end;
    align-items: center
}

.follow-block-footer div p {
    display: flex;
    align-items: center;
    gap: 1vw;
    margin-left: 1vw;
    margin-top: -5px;
    padding: 0;
}




/*FIN FOOTER------------------------------------------------------------------------------------------------------------ */
/* =======================================================================================================
      ========================================================================== ============================
      ========================================================================== ==============================
      ========================================================================== */