/* ═══════════════════════════════════════════════════════════
   GW OVERRIDES — Product Options V11.4.4
   CSS pur, JS V7/V1111 sacré intact
   ═══════════════════════════════════════════════════════════ */

/* ── LAYOUT FLATSOME ── */
#gw-gravure-root > div:first-child {
    padding: 0 !important;
    background: #fff;
    border-radius: 14px;
}
#gw-gravure-root > div:first-child > div:nth-child(2),
#gw-gravure-root > div:first-child > div:nth-child(3),
#gw-gravure-root > div:first-child > div:nth-child(4),
#gw-gravure-root > div:first-child > div:nth-child(5),
#gw-gravure-root > div:first-child > div:nth-child(6),
#gw-gravure-root > div:first-child > div:nth-child(7),
#gw-gravure-root > div:first-child > div:nth-child(8),
#gw-gravure-root > div:first-child > div:nth-child(9),
#gw-gravure-root > div:first-child > div:nth-child(10) {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
#gw-counter {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
#gw-gravure-root button,
.woocommerce #gw-gravure-root button {
    text-transform: none !important;
}

/* ── SHIMMER BORDURE CONFIGURATEUR ── */
@keyframes gwShimmerBorder { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }
#gw-gravure-root {
    border: none !important;
    padding: 2px;
    background: linear-gradient(90deg, rgba(197,165,90,.15), rgba(197,165,90,.6), rgba(255,232,140,.8), rgba(197,165,90,.6), rgba(197,165,90,.15));
    background-size: 200% 100%;
    animation: gwShimmerBorder 3s linear infinite;
}

/* ── CTA AJOUTER AU PANIER : style par défaut WooCommerce/Flatsome (vert) ──

/* ── QUANTITÉ CHECKOUT ── */
.gw-cq-minus, .gw-cq-plus {
    transition: all .15s !important;
    border-radius: 6px !important;
}
.gw-cq-minus:hover, .gw-cq-plus:hover {
    border-color: #C4692A !important;
    background: rgba(196, 105, 42, .04) !important;
    color: #C4692A !important;
}
.gw-cq-remove {
    color: #8A7E72 !important;
    transition: color .15s !important;
}
.gw-cq-remove:hover {
    color: #E53935 !important;
}

/* ═══════════════════════════════════════════════════════════
   ÉTAPES CONFIGURATEUR — AMÉLIORATIONS VISUELLES
   ═══════════════════════════════════════════════════════════ */

/* Pulse sur éléments sélectionnés */
@keyframes gwSelPulse {
    0%, 100% { box-shadow: 0 0 0 3px rgba(197,165,90,.15) !important; }
    50% { box-shadow: 0 0 0 5px rgba(197,165,90,.25), 0 0 16px rgba(197,165,90,.1) !important; }
}

/* 1. Hover cuivre sur cartes cliquables du configurateur */
#gw-gravure-root div[style*="cursor:pointer"],
#gw-gravure-root div[style*="cursor: pointer"],
.gw-portal div[style*="cursor:pointer"],
.gw-portal div[style*="cursor: pointer"] {
    transition: transform .2s ease, box-shadow .2s ease !important;
}
#gw-gravure-root div[style*="cursor:pointer"]:hover,
#gw-gravure-root div[style*="cursor: pointer"]:hover,
.gw-portal div[style*="cursor:pointer"]:hover,
.gw-portal div[style*="cursor: pointer"]:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(196,105,42,.1) !important;
}

/* 2. Pulse or sur sélection active */
#gw-gravure-root div[style*="box-shadow: 0 0 0 3px rgba(197"],
#gw-gravure-root div[style*="box-shadow:0 0 0 3px rgba(197"],
.gw-portal div[style*="box-shadow: 0 0 0 3px rgba(197"],
.gw-portal div[style*="box-shadow:0 0 0 3px rgba(197"] {
    animation: gwSelPulse 2s ease-in-out infinite !important;
}

/* 3. "Retirer le symbole" — cuivre DS + rouge au hover */
#gw-gravure-root div[style*="background"][style*="#FFF3E0"],
.gw-portal div[style*="background"][style*="#FFF3E0"] {
    background: rgba(196,105,42,.08) !important;
    border-color: rgba(196,105,42,.2) !important;
    color: #C4692A !important;
    transition: all .15s !important;
}
#gw-gravure-root div[style*="background"][style*="#FFF3E0"]:hover,
.gw-portal div[style*="background"][style*="#FFF3E0"]:hover {
    background: rgba(229,57,53,.08) !important;
    border-color: rgba(229,57,53,.25) !important;
    color: #E53935 !important;
}

/* 4. Social proof slide-in — filet cuivre */
div[style*="socialSlide"] {
    border-top: 2px solid #C4692A !important;
}

/* 5. Simulation preview — fond crème conservé + filets dorés subtils */
.gw-sim-window {
    border: 1px solid rgba(197,165,90,.25) !important;
    border-radius: 10px !important;
    position: relative;
    overflow: hidden;
}
.gw-sim-window::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent 15%, rgba(197,165,90,.4) 50%, transparent 85%);
    z-index: 1;
    pointer-events: none;
}
.gw-sim-window::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent 15%, rgba(197,165,90,.4) 50%, transparent 85%);
    z-index: 1;
    pointer-events: none;
}