/*!
Theme Name: UiCore Pro Child
Theme URI: https://uicore.co
Description: One framework for all your website needs.
Author: UiCore
Author URI: https://uicore.co
Template: uicore-pro
Version: 1.0.0
Text Domain: uicore-pro
*/

 /* Add your custom style here */

/* ═══════════════════════════════════════════════════════════════════
   PALETTE ROSE POUDRÉ — Nathaly's Bijoux
   ═══════════════════════════════════════════════════════════════════ */
:root {
    --nat-rose:          #DAA9A9;   /* rose poudré — ambiance */
    --nat-rose-clair:    #F2E3E3;   /* rose voile — cartes, survols */
    --nat-blush:         #FBF4F4;   /* blush — grands fonds */
    --nat-accent:        #B76E79;   /* vieux rose — boutons, prix, liens */
    --nat-accent-fonce:  #9E5A68;   /* vieux rose profond — hover */
    --nat-texte:         #2E2A2B;   /* quasi-noir chaud */
    --nat-texte-doux:    #6E6466;   /* gris chaud — descriptions */
    --nat-bordure:       #E7DEDE;   /* gris rosé — séparateurs */
}

/* ── Liens globaux ──────────────────────────────────────────────── */
a { color: var(--nat-accent); }
a:hover { color: var(--nat-accent-fonce); }

/* ── Instagram Feed — Carrousel custom ─────────────────────────── */
#sb_instagram .sb_instagram_header,
#sb_instagram .sbi_follow_btn,
#sb_instagram .sbi_load_btn { display: none !important; }

/* Track flex : toutes les images sur une seule ligne */
#sb_instagram #sbi_images {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) !important;
    will-change: transform;
}

/* Chaque item : 1/5 de la largeur visible */
#sb_instagram .sbi_item {
    flex: 0 0 20% !important;
    min-width: 0 !important;
    padding: 0 2px !important;
    box-sizing: border-box !important;
}

#sb_instagram .sbi_photo_wrap { aspect-ratio: 1/1; overflow: hidden; position: relative; }
#sb_instagram .sbi_photo { display: block; height: 100%; }
#sb_instagram .sbi_photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
#sb_instagram .sbi_photo:hover img { transform: scale(1.05); }

/* Overlay rosé */
#sb_instagram .sbi_photo::after {
    content: ''; position: absolute; inset: 0;
    background: rgba(183,110,121,0.22);
    opacity: 0; transition: opacity .3s; pointer-events: none;
}
#sb_instagram .sbi_photo:hover::after { opacity: 1; }

/* Wrapper du carrousel (ajouté par JS) */
.nat-ig-wrap {
    position: relative;
    overflow: hidden;
}

/* Flèches navigation */
.nat-ig-prev, .nat-ig-next {
    position: absolute; top: 50%; transform: translateY(-50%);
    z-index: 10; cursor: pointer;
    width: 36px; height: 36px; border-radius: 50%;
    background: rgba(255,255,255,0.92);
    border: 1px solid var(--nat-bordure);
    color: var(--nat-accent);
    font-size: 20px; line-height: 1;
    display: flex; align-items: center; justify-content: center;
    transition: background .2s, color .2s, border-color .2s;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.nat-ig-prev { left: 10px; }
.nat-ig-next { right: 10px; }
.nat-ig-prev:hover, .nat-ig-next:hover {
    background: var(--nat-accent);
    color: #fff;
    border-color: var(--nat-accent);
}
.nat-ig-prev:disabled, .nat-ig-next:disabled { opacity: 0.3; cursor: default; }

/* Icône play */
#sb_instagram .sbi_playbtn { width: 24px; height: 24px; opacity: 0.9; }

/* Mobile : 2 items visibles */
@media (max-width: 767px) {
    #sb_instagram .sbi_item { flex: 0 0 50% !important; }
}

/* ── Footer — fond rose + border-radius ─────────────────────────── */
.elementor-element-natf-ig-wrap,
.elementor-element-natf-body {
    background: #F2E3E3 !important;
}
.elementor-element-natf-ig-wrap {
    border-radius: 24px 24px 0 0 !important;
    overflow: hidden !important;
}
.elementor-element-natf-body {
    border-radius: 0 0 24px 24px !important;
    overflow: hidden !important;
}

/* ── Page Contact ───────────────────────────────────────────────── */

/* Photo équipe : pleine hauteur, pas de bandes */
.elementor-element-1b40f2b {
    align-self: stretch !important;
}
.elementor-element-natc-photo,
.elementor-element-natc-photo .elementor-widget-container,
.elementor-element-natc-photo figure {
    height: 100% !important;
}
.elementor-element-natc-photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 16px !important;
    display: block !important;
}

/* Carte Google Maps — bords arrondis + filtre rose */
.elementor-element-natc-map .elementor-google-map,
.elementor-element-natc-map iframe {
    border-radius: 24px !important;
    overflow: hidden !important;
}
.elementor-element-natc-map iframe {
    filter: sepia(35%) hue-rotate(295deg) saturate(1.4) brightness(0.97) !important;
}

/* Formulaire de contact — style rose cohérent */
.elementor-element-0324291 .elementor-field-group input,
.elementor-element-0324291 .elementor-field-group textarea,
.elementor-element-0324291 .elementor-field-group select {
    border: 1px solid var(--nat-bordure) !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    color: var(--nat-texte) !important;
    background: #fff !important;
    transition: border-color .2s !important;
    box-shadow: none !important;
}
.elementor-element-0324291 .elementor-field-group input:focus,
.elementor-element-0324291 .elementor-field-group textarea:focus {
    border-color: var(--nat-accent) !important;
    outline: none !important;
}
.elementor-element-0324291 .elementor-field-group label {
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.05em !important;
    color: var(--nat-texte) !important;
    text-transform: uppercase !important;
    margin-bottom: 6px !important;
}
.elementor-element-0324291 .elementor-button {
    background: var(--nat-accent) !important;
    border-color: var(--nat-accent) !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    padding: 14px 32px !important;
    transition: background .2s !important;
}
.elementor-element-0324291 .elementor-button:hover {
    background: var(--nat-accent-fonce) !important;
    border-color: var(--nat-accent-fonce) !important;
}

/* ── Menu header ────────────────────────────────────────────────── */
.ui-menu-item-wrapper {
    font-size: 12px !important;
    letter-spacing: 0.1em !important;
}

/* ── Titres de sections — line-height serré ─────────────────────── */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.uicore-title {
    line-height: 1 !important;
}

/* ── Prix WooCommerce ───────────────────────────────────────────── */
.woocommerce .price,
.woocommerce .amount,
.woocommerce ins .amount,
.woocommerce span.price {
    color: var(--nat-accent) !important;
}
.woocommerce del .amount {
    color: var(--nat-texte-doux) !important;
    opacity: 0.7;
}

/* ── Bouton "Ajouter au panier" — pages produit et fiches ───────── */
.woocommerce .button,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
    background-color: var(--nat-accent) !important;
    color: #fff !important;
    border-color: var(--nat-accent) !important;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}
.woocommerce .button:hover,
.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
    background-color: var(--nat-accent-fonce) !important;
    border-color: var(--nat-accent-fonce) !important;
    color: #fff !important;
}

/* ── Badges WooCommerce (Nouveau, Promo) ────────────────────────── */
.woocommerce span.onsale,
.woocommerce .woocommerce-badge {
    background-color: var(--nat-accent) !important;
    color: #fff !important;
}
.woocommerce .product .woocommerce-badge--new,
span.badge-new {
    background-color: var(--nat-rose-clair) !important;
    color: var(--nat-accent-fonce) !important;
}

/* ── Checkout & panier ──────────────────────────────────────────── */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce #payment #place_order,
.woocommerce-checkout #payment #place_order {
    background-color: var(--nat-accent) !important;
    border-color: var(--nat-accent) !important;
    color: #fff !important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce #payment #place_order:hover {
    background-color: var(--nat-accent-fonce) !important;
    border-color: var(--nat-accent-fonce) !important;
}

/* ── Focus champs formulaires ───────────────────────────────────── */
input:focus,
textarea:focus,
select:focus {
    border-color: var(--nat-accent) !important;
    outline: none;
    box-shadow: 0 0 0 2px rgba(183, 110, 121, 0.15) !important;
}

/* ─── LOGO — Taille + Shimmer animation ─────────────────────────────────── */

/* Logo — UiCore impose position:absolute + height:inherit sur 36px, on court-circuite tout */
.uicore-branding,
.uicore-branding a {
    height: auto !important;
    overflow: visible !important;
}
.uicore-branding a .uicore-logo {
    position: relative !important;
    height: 70px !important;
    width: auto !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    margin-left: 0 !important;
    overflow: visible !important;
}
@media (max-width: 767px) {
    .uicore-branding a .uicore-logo {
        height: 50px !important;
    }
}
/* L'animation "se dessine" est intégrée directement dans le SVG (SMIL) */

/* ─── BOUTIQUE — Archive Produits ───────────────────────────────────────── */

/* Masquer le doublon de titre WooCommerce natif */
.woocommerce-products-header {
    display: none;
}

/* ── Layout sidebar 260px / zone produits flex-grow:1 ─────────────────────── */
.elementor-element-nathalys-content-row {
    align-items: flex-start !important;
}
.elementor-element-nathalys-sidebar {
    width: 260px !important;
    flex-shrink: 0 !important;
}
.elementor-element-nathalys-products-area {
    flex: 1 !important;
    min-width: 0 !important;
}

/* ── Barre supérieure tri ─────────────────────────────────────────────────── */
.elementor-element-shop-topbar {
    margin-bottom: 20px;
}
.elementor-element-shop-topbar .woocommerce-ordering {
    margin: 0;
}
.elementor-element-shop-topbar .woocommerce-ordering select {
    font-size: 13px;
    padding: 6px 32px 6px 12px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    background-color: #fff;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

/* ── Grille produits WooCommerce native (HUSKY woof_products) ─────────────── */
.elementor-element-nathalys-woof-products ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Carte produit */
.elementor-element-nathalys-woof-products ul.products li.product {
    margin: 0 !important;
    background: transparent;
}

.elementor-element-nathalys-woof-products ul.products li.product a.woocommerce-LoopProduct-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

/* Wrapper image+bouton : référentiel pour position:absolute */
.elementor-element-nathalys-woof-products ul.products li.product .nathalys-img-wrap {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    line-height: 0; /* supprime le gap sous l'image */
}

/* Image : carrée, 4 coins via le wrapper */
.elementor-element-nathalys-woof-products ul.products li.product .nathalys-img-wrap img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}

/* Bouton : absolu en bas du wrapper, centré */
.elementor-element-nathalys-woof-products ul.products li.product .nathalys-img-wrap .button {
    position: absolute !important;
    bottom: 10px !important;
    left: 10px !important;
    right: 10px !important;
    width: auto !important;
    float: none !important;
    display: block !important;
    box-sizing: border-box;
    padding: 10px 14px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    text-align: center;
    border: none !important;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.92);
    color: #111 !important;
    backdrop-filter: blur(4px);
    cursor: pointer;
    text-decoration: none;
    opacity: 0;
    transform: translateY(6px);
    transition: opacity 0.25s ease, transform 0.25s ease;
    z-index: 2;
}

/* Titre sous l'image */
.elementor-element-nathalys-woof-products ul.products li.product .woocommerce-loop-product__title {
    font-size: 14px;
    font-weight: 500;
    margin: 10px 0 2px;
    padding: 0;
    color: var(--nat-accent);
}

/* Prix */
.elementor-element-nathalys-woof-products ul.products li.product .price {
    font-size: 14px;
    font-weight: 600;
    color: var(--nat-accent);
    display: block;
    margin: 0;
    padding: 0;
}

/* Survol : bouton glisse + léger zoom image */
.elementor-element-nathalys-woof-products ul.products li.product:hover .nathalys-img-wrap .button {
    opacity: 1;
    transform: translateY(0);
}
.elementor-element-nathalys-woof-products ul.products li.product:hover .nathalys-img-wrap img {
    transform: scale(1.04);
}

/* ── Sidebar HUSKY filtres ────────────────────────────────────────────────── */
.elementor-element-nathalys-woof-filter .woof_container {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 12px;
    padding: 24px 20px;
    box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.06),
        0 8px 24px rgba(0, 0, 0, 0.04);
}
.elementor-element-nathalys-woof-filter .woof_block_html_items {
    margin-bottom: 20px;
}
.elementor-element-nathalys-woof-filter .woof_block_html_items:last-child {
    margin-bottom: 0;
}
.elementor-element-nathalys-woof-filter label.woof_label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #888;
    margin-bottom: 10px;
    display: block;
}
/* Select catégorie */
.elementor-element-nathalys-woof-filter select {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    font-size: 13px;
    background: #fff;
    cursor: pointer;
}
/* Slider prix */
.elementor-element-nathalys-woof-filter .woof_price_filter .price_slider_wrapper {
    padding: 0 5px;
}
.elementor-element-nathalys-woof-filter .woof_price_filter .price_slider_amount .button {
    font-size: 12px;
    padding: 6px 14px;
    border: 1px solid #111;
    border-radius: 4px;
    background: transparent;
    color: #111;
    cursor: pointer;
    transition: all 0.2s;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-top: 8px;
}
.elementor-element-nathalys-woof-filter .woof_price_filter .price_slider_amount .button:hover {
    background: var(--nat-accent);
    border-color: var(--nat-accent);
    color: #fff;
}
/* Checkboxes : cacher l'input natif, dessiner via label::before */
.woof_container input[type="checkbox"].woof_checkbox_term {
    position: absolute !important;
    opacity: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    pointer-events: none !important;
}

/* Case dessinée via ::before sur le label */
.woof_container .woof_checkbox_label {
    display: flex !important;
    align-items: center !important;
    gap: 8px;
    cursor: pointer;
    font-size: 13px;
    line-height: 1.3;
    user-select: none;
}
.woof_container .woof_checkbox_label::before {
    content: '';
    display: block;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    border: 1.5px solid #ccc;
    border-radius: 4px;
    background: #fff;
    transition: background 0.15s, border-color 0.15s;
}

/* Coche SVG quand coché */
.woof_container input[type="checkbox"].woof_checkbox_term:checked + .woof_checkbox_label::before {
    background: var(--nat-accent);
    border-color: var(--nat-accent);
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4l3 3 5-6' stroke='%23fff' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px 8px;
}

.woof_container .woof_list li {
    margin-bottom: 6px !important;
    list-style: none !important;
}
/* Bouton reset */
.elementor-element-nathalys-woof-filter .woof_reset_search_form button {
    width: 100%;
    margin-top: 16px;
    padding: 9px;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: transparent;
    color: #888;
    cursor: pointer;
    transition: all 0.2s;
}
.elementor-element-nathalys-woof-filter .woof_reset_search_form button:hover {
    border-color: var(--nat-accent);
    color: var(--nat-accent);
}

/* ── Pagination HUSKY ─────────────────────────────────────────────────────── */
.elementor-element-nathalys-woof-products .woocommerce-pagination {
    margin-top: 40px;
    display: flex;
    justify-content: center;
}
.elementor-element-nathalys-woof-products .woocommerce-pagination ul {
    display: flex;
    gap: 4px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.elementor-element-nathalys-woof-products .woocommerce-pagination li a,
.elementor-element-nathalys-woof-products .woocommerce-pagination li span {
    display: block;
    padding: 7px 13px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 13px;
    color: #333;
    text-decoration: none;
    transition: all 0.2s;
}
.elementor-element-nathalys-woof-products .woocommerce-pagination li span.current,
.elementor-element-nathalys-woof-products .woocommerce-pagination li a:hover {
    background: var(--nat-accent);
    border-color: var(--nat-accent);
    color: #fff;
}

/* ── Responsive ───────────────────────────────────────────────────────────── */
@media (max-width: 1024px) {
    .elementor-element-nathalys-content-row {
        flex-direction: column !important;
    }
    .elementor-element-nathalys-sidebar {
        width: 100% !important;
    }
    .elementor-element-nathalys-woof-products ul.products {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}
@media (max-width: 767px) {
    .woocommerce-products-header {
        display: none;
    }
    .elementor-element-nathalys-archive-hero {
        min-height: 140px !important;
        padding: 36px 16px !important;
    }
    .elementor-element-nathalys-woof-products ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
}

/* ─── Slider de prix HUSKY — Ion.RangeSlider theme "round" ──────────────────── */
.irs--round .irs-bar,
.irs--round .irs-bar--single        { background-color: #B76E79 !important; border-color: #B76E79 !important; }
.irs--round .irs-handle             { background-color: #B76E79 !important; border-color: #B76E79 !important; }
.irs--round .irs-handle:hover,
.irs--round .irs-handle.state_hover { background-color: #9E5A68 !important; border-color: #9E5A68 !important; }
.irs--round .irs-line               { background-color: #E7DEDE !important; }
.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single             { background-color: #B76E79 !important; }
.irs--round .irs-from::before,
.irs--round .irs-to::before,
.irs--round .irs-single::before     { border-top-color: #B76E79 !important; }

/* ─── Filtres actifs HUSKY (top panel) ──────────────────────────────────────── */
/* Layout horizontal de la barre */
.woof_products_top_panel { overflow: visible !important; line-height: 1 !important; }
.woof_products_top_panel ul,
.woof_products_top_panel_ul { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 6px !important; list-style: none !important; margin: 0 !important; padding: 0 !important; }
.woof_products_top_panel li { display: inline-flex !important; align-items: center !important; float: none !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
/* Chaque lien <a> = 1 chip pill */
.woof_products_top_panel_ul a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    background: #F2E3E3 !important;
    border: 1px solid #DAA9A9 !important;
    border-radius: 20px !important;
    padding: 4px 10px !important;
    font-size: 12px !important;
    font-family: Satoshi, sans-serif !important;
    color: #2E2A2B !important;
    text-decoration: none !important;
    transition: border-color .15s !important;
}
.woof_products_top_panel_ul a:hover { border-color: #B76E79 !important; color: #B76E79 !important; }
/* Texte du filtre dans le span — pas de cercle, juste du texte */
span.woof_remove_ppi {
    background: none !important;
    background-image: none !important;
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
    padding: 0 !important;
    font-size: 12px !important;
    color: inherit !important;
    display: inline !important;
}
/* × rose après chaque chip */
.woof_products_top_panel_ul a::after { content: '×'; font-size: 14px; color: #B76E79; line-height: 1; }
/* Titre "Catégorie :" dans le groupe */
.woof_products_top_panel_ul li ul[data-container] > li:first-child { font-size: 11px !important; font-weight: 700 !important; color: #6E6466 !important; }
/* Bouton "Réinitialiser les filtres" */
.woof_reset_button_2 {
    background: transparent !important;
    border: 1px solid #DAA9A9 !important;
    border-radius: 20px !important;
    padding: 5px 14px !important;
    font-size: 12px !important;
    font-family: Satoshi, sans-serif !important;
    color: #B76E79 !important;
    cursor: pointer !important;
}
.woof_reset_button_2:hover { background: #B76E79 !important; color: #fff !important; }

/* ─── Stock WooCommerce — vert → rose poudré ────────────────────────────────── */
.woocommerce-product-details__short-description .in-stock,
.stock.in-stock,
p.stock.in-stock,
.woocommerce .stock {
    color: var(--nat-accent) !important;
}

/* ─── Titre produit (loop boutique) — global WooCommerce ───────────────────── */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: var(--nat-accent);
}

/* ─── Footer Nathaly's ──────────────────────────────────────────────────────── */
.natf-link:hover { color: #B76E79 !important; }
/* Hover icônes : seulement la bordure — pas toucher au SVG fill/stroke */
.natf-soc:hover { border-color: #9E5A68 !important; background: rgba(183,110,121,0.06) !important; }
/* Responsive */
@media (max-width: 767px) {
    .natf-row-wrap { flex-direction: column !important; padding: 48px 24px !important; gap: 40px !important; }
}
@media (max-width: 1024px) and (min-width: 768px) {
    .natf-row-wrap { flex-wrap: wrap !important; padding: 56px 40px !important; }
    .natf-row-wrap > div { flex: 1 1 45% !important; }
}

/* ─── Pastilles couleur — filtre HUSKY pa_couleur ──────────────────────────── */

/* Grille 5 colonnes */
.woof_container_pa_couleur .woof_block_html_items > ul {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 8px 6px !important;
    list-style: none !important;
    padding: 4px 0 0 !important;
    margin: 0 !important;
}
.woof_container_pa_couleur .woof_list li {
    margin: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    position: relative !important;
}

/* Pastille */
.woof_container_pa_couleur .nat-couleur-dot {
    display: block;
    width: 28px;
    height: 28px;
    min-width: 28px;
    border-radius: 50%;
    border: 1.5px solid rgba(0,0,0,0.12);
    background-size: cover;
    box-shadow: 0 1px 3px rgba(0,0,0,0.18);
    cursor: pointer;
    transition: transform 0.15s, box-shadow 0.15s;
    flex-shrink: 0;
}

/* Masquer le texte du label (la pastille suffit) */
.woof_container_pa_couleur .woof_checkbox_label {
    font-size: 0 !important;
    gap: 0 !important;
    justify-content: center !important;
}
/* Masquer le checkbox dessiné — la pastille fait office de sélecteur */
.woof_container_pa_couleur .woof_checkbox_label::before {
    display: none !important;
}

/* État coché : anneau rose autour de la pastille */
.woof_container_pa_couleur input.woof_checkbox_term:checked + .woof_checkbox_label .nat-couleur-dot {
    box-shadow: 0 0 0 2.5px var(--nat-accent), 0 1px 4px rgba(0,0,0,0.2) !important;
    transform: scale(1.08);
}
/* Survol */
.woof_container_pa_couleur .woof_checkbox_label:hover .nat-couleur-dot {
    transform: scale(1.12);
    box-shadow: 0 2px 6px rgba(0,0,0,0.22);
}

/* Tooltip : nom de la couleur au survol du li */
.woof_container_pa_couleur li[data-couleur]:hover::after {
    content: attr(data-couleur);
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%);
    background: #2E2A2B;
    color: #fff;
    font-size: 13px;
    font-family: inherit;
    padding: 4px 10px;
    border-radius: 4px;
    white-space: nowrap;
    z-index: 1000;
    pointer-events: none;
}

/* ─── Forcer HTTPS sur la police uicore-icons si global.css est régénéré ───── */