/* ============================================================
   L'AMPHORE — CHARTE GRAPHIQUE UIKIT v4.0
   ------------------------------------------------------------
   Ce fichier applique UNIQUEMENT les propriétés visuelles :
   - Couleurs (texte, fonds, bordures)
   - Typographies (familles, poids, letter-spacing)
   - Border-radius (4px / 8px / 12px / 100px)
   - Ombres
   - États interactifs (hover / focus / pressed / disabled)

   ⚠️  AUCUNE modification de :
   - margin / padding
   - width / height / max-width
   - display / position / flex / grid
   - top / left / right / bottom
   ============================================================ */


/* ============================================================
   01 — VARIABLES CHARTE
   ============================================================ */
:root {
  --lac-noir:      #330000;
  --lac-profond:   #4D0015;
  --lac-bourgogne: #7A0020;
  --lac-rouge:     #B5002E;
  --lac-creme:     #FCF2E3;
  --lac-or:        #C4985A;
  --lac-or-hover:  #D4AA6A;
  --lac-or-pressed:#A07840;
  --lac-vert:      #2D6A4F;
  --lac-vert-pale: #D8F3DC;
  --lac-erreur:    #C0392B;

  --lac-r-sm:   4px;
  --lac-r-md:   8px;
  --lac-r-lg:   12px;
  --lac-r-pill: 100px;

  --lac-sh-sm: 0 1px 8px rgba(0,0,0,.07);
  --lac-sh-md: 0 4px 20px rgba(0,0,0,.10);
  --lac-sh-lg: 0 8px 40px rgba(0,0,0,.14);

  --lac-font-title: 'Behind The Nineties', 'Cormorant Garamond', Georgia, serif;
  --lac-font-body:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}


/* ============================================================
   02 — TYPOGRAPHIE GLOBALE
   ============================================================ */

/* Corps : Inter partout */
body,
body p,
body span,
body li,
body td,
body th,
body label,
body input,
body textarea,
body select,
body button,
body .elementor-widget-text-editor,
body .woocommerce,
body .woocommerce p,
body .woocommerce span:not(.amount):not(.woocommerce-Price-amount),
body .woocommerce li,
body .woocommerce td,
body .woocommerce label {
  font-family: var(--lac-font-body);
}

/* Titres : Behind The Nineties + letter-spacing 0.05em */
body h1, body h2, body h3, body h4, body h5, body h6,
body .woocommerce h1, body .woocommerce h2, body .woocommerce h3,
body .elementor-heading-title,
body .entry-title,
body .product_title,
body .woocommerce-loop-product__title,
body .page-title,
.lh-search-heading,
.lamphore-card-title,
.amphore-wine-card-title {
  font-family: var(--lac-font-title) !important;
  letter-spacing: 0.05em !important;
}

/* Les titres prennent la couleur bourgogne par défaut, sauf sur fond sombre */
body h1, body h2, body h3,
body .product_title,
body .woocommerce-loop-product__title,
body .entry-title,
body .lamphore-card-title,
body .amphore-wine-card-title {
  color: var(--lac-bourgogne);
}

/* Mots en italique dans les titres = or (option display) */
body h1 em, body h2 em, body h3 em,
body .hero-title em,
body .cover-title em {
  font-style: italic;
  color: inherit;
}

/* Titres H3 de carte : ls 0.05em, weight 500 */
body .woocommerce-loop-product__title,
body .lamphore-card-title,
body .amphore-wine-card-title {
  font-weight: 500 !important;
  letter-spacing: 0.05em !important;
}


/* ============================================================
   03 — PRIX : Inter 400 (PAS Behind The Nineties)
   ------------------------------------------------------------
   Le prix utilise Inter, jamais la police d'affichage.
   Le symbole € est à la même taille que les chiffres.
   ============================================================ */
body .price,
body .woocommerce-Price-amount,
body .amount,
body ins .woocommerce-Price-amount,
body del .woocommerce-Price-amount,
body .product_title + .price,
body .lamphore-card-price,
body .lamphore-card-price .price,
body .lamphore-card-price .amount,
body .lamphore-card-price .woocommerce-Price-amount,
body .cart-subtotal .amount,
body .order-total .amount,
body .shipping .amount,
body tr.cart-subtotal td,
body tr.order-total td,
body .mini_cart_item .amount,
body .widget_shopping_cart_content .amount {
  font-family: var(--lac-font-body) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

/* Prix normal : bourgogne */
body .price .woocommerce-Price-amount,
body .amount,
body .product_title + .price,
body .lamphore-card-price {
  color: var(--lac-bourgogne);
}

/* Prix barré : muted + line-through, sans underline sur le € */
body del,
body del .woocommerce-Price-amount,
body del .amount,
body del .woocommerce-Price-currencySymbol {
  color: rgba(122, 96, 96, 0.7) !important;
  text-decoration: line-through !important;
}
body del *,
body del .woocommerce-Price-amount * {
  text-decoration: none !important;
}

/* Le € à la même taille que les chiffres */
body .woocommerce-Price-currencySymbol {
  font-size: inherit !important;
  font-weight: inherit !important;
  vertical-align: baseline !important;
}


/* ============================================================
   04 — BOUTONS
   ------------------------------------------------------------
   Texte blanc sur tous les boutons colorés.
   Pas de letter-spacing, pas d'uppercase forcé.
   Border-radius 8px.
   ============================================================ */

/* Bouton PRIMAIRE — Bourgogne */
body .button,
body button.button,
body input[type="submit"],
body input[type="button"],
body .woocommerce button.button,
body .woocommerce a.button,
body .woocommerce #respond input#submit,
body .woocommerce .single_add_to_cart_button,
body .woocommerce button.button.alt,
body .woocommerce a.button.alt,
body .woocommerce #place_order,
body .elementor-button,
body .lamphore-card-btn,
body .amphore-sf-btn,
body .wp-block-button__link {
  background-color: var(--lac-bourgogne) !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: var(--lac-r-md) !important;
  font-family: var(--lac-font-body) !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-shadow: none !important;
  transition: background-color .2s, color .2s, border-color .2s;
}

/* Hover — Rouge */
body .button:hover,
body button.button:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover,
body .woocommerce button.button:hover,
body .woocommerce a.button:hover,
body .woocommerce #respond input#submit:hover,
body .woocommerce .single_add_to_cart_button:hover,
body .woocommerce button.button.alt:hover,
body .woocommerce a.button.alt:hover,
body .woocommerce #place_order:hover,
body .elementor-button:hover,
body .lamphore-card-btn:hover,
body .amphore-sf-btn:hover,
body .wp-block-button__link:hover {
  background-color: var(--lac-rouge) !important;
  color: #FFFFFF !important;
  border-color: var(--lac-rouge) !important;
}

/* Pressed / active — Profond */
body .button:active,
body button.button:active,
body .woocommerce button.button:active,
body .woocommerce a.button:active,
body .woocommerce .single_add_to_cart_button:active,
body .elementor-button:active,
body .lamphore-card-btn:active {
  background-color: var(--lac-profond) !important;
  color: #FFFFFF !important;
}

/* Disabled */
body .button:disabled,
body button.button:disabled,
body input[type="submit"]:disabled,
body .woocommerce button.button:disabled,
body .woocommerce button.button.disabled,
body .woocommerce a.button.disabled,
body .elementor-button:disabled {
  background-color: rgba(122, 0, 32, 0.07) !important;
  color: rgba(122, 0, 32, 0.22) !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}

/* Boutons OR (CTA principal / luxe) — classe .btn-or */
body .btn-or,
body .lamphore-btn-or,
body .elementor-button.btn-or {
  background-color: var(--lac-or) !important;
  color: #FFFFFF !important;
}
body .btn-or:hover,
body .lamphore-btn-or:hover,
body .elementor-button.btn-or:hover {
  background-color: var(--lac-or-hover) !important;
  color: #FFFFFF !important;
}
body .btn-or:active,
body .lamphore-btn-or:active {
  background-color: var(--lac-or-pressed) !important;
  color: #FFFFFF !important;
}

/* Boutons SECONDAIRES (outline) — classe .btn-outline */
body .btn-outline,
body .lamphore-btn-outline,
body .wc-block-components-button.outlined {
  background-color: transparent !important;
  color: var(--lac-bourgogne) !important;
  border: 1.5px solid var(--lac-bourgogne) !important;
}
body .btn-outline:hover,
body .lamphore-btn-outline:hover {
  background-color: transparent !important;
  color: var(--lac-rouge) !important;
  border-color: var(--lac-rouge) !important;
}

/* Bouton DANGER (supprimer panier, remove item) */
body .woocommerce a.remove,
body .woocommerce-cart-form__cart-item .product-remove a,
body .remove_from_cart_button,
body a.remove_from_cart_button {
  background-color: transparent !important;
  color: var(--lac-erreur) !important;
  border: none !important;
}
body .woocommerce a.remove:hover,
body .remove_from_cart_button:hover {
  background-color: var(--lac-erreur) !important;
  color: #FFFFFF !important;
}

/* Bouton SUCCÈS — classe .btn-success */
body .btn-success,
body .lamphore-btn-success {
  background-color: var(--lac-vert) !important;
  color: #FFFFFF !important;
}
body .btn-success:hover,
body .lamphore-btn-success:hover {
  background-color: #235C40 !important;
  color: #FFFFFF !important;
}


/* ============================================================
   05 — LIENS INLINE
   ------------------------------------------------------------
   Default : bourgogne + soulignement or
   Hover   : couleur or
   ============================================================ */
body a,
body .entry-content a,
body .woocommerce a {
  color: var(--lac-bourgogne);
  transition: color .2s, border-color .2s;
}
body a:hover,
body .entry-content a:hover,
body .woocommerce a:hover {
  color: var(--lac-or);
}

/* Liens explicitement marqués .lnk-inline */
body .lnk-inline,
body .entry-content a.lnk-inline {
  color: var(--lac-bourgogne);
  text-decoration: none;
  border-bottom: 1px solid var(--lac-or);
  padding-bottom: 1px;
}
body .lnk-inline:hover {
  color: var(--lac-or);
  border-bottom-color: var(--lac-or);
}

/* Les liens dans les boutons héritent du blanc */
body .button a,
body a.button,
body .elementor-button a {
  color: #FFFFFF !important;
}


/* ============================================================
   06 — FORMULAIRES
   ------------------------------------------------------------
   Inputs / textarea / select : border-radius 8px
   Focus : bordure bourgogne + halo 3px
   ============================================================ */
body input[type="text"],
body input[type="email"],
body input[type="password"],
body input[type="tel"],
body input[type="url"],
body input[type="number"],
body input[type="search"],
body textarea,
body select,
body .woocommerce form .form-row input.input-text,
body .woocommerce form .form-row textarea,
body .woocommerce form .form-row select,
body .select2-container--default .select2-selection--single {
  font-family: var(--lac-font-body) !important;
  border-radius: var(--lac-r-md) !important;
  border: 1px solid #E8E4DE !important;
  background-color: #FFFFFF !important;
  color: #1a0a0a !important;
  transition: border-color .2s, box-shadow .2s !important;
}

body input[type="text"]:focus,
body input[type="email"]:focus,
body input[type="password"]:focus,
body input[type="tel"]:focus,
body input[type="url"]:focus,
body input[type="number"]:focus,
body input[type="search"]:focus,
body textarea:focus,
body select:focus {
  border-color: var(--lac-bourgogne) !important;
  box-shadow: 0 0 0 3px rgba(122, 0, 32, 0.10) !important;
  outline: none !important;
}

/* État erreur (WC woocommerce-invalid) */
body .woocommerce form .form-row.woocommerce-invalid input.input-text,
body .woocommerce form .form-row.woocommerce-invalid select {
  border-color: var(--lac-erreur) !important;
  box-shadow: 0 0 0 3px rgba(192, 57, 43, 0.10) !important;
}

/* État validé */
body .woocommerce form .form-row.woocommerce-validated input.input-text,
body .woocommerce form .form-row.woocommerce-validated select {
  border-color: var(--lac-vert) !important;
  box-shadow: 0 0 0 3px rgba(82, 183, 136, 0.15) !important;
}

/* Placeholder */
body input::placeholder,
body textarea::placeholder {
  color: rgba(0, 0, 0, 0.28) !important;
}

/* Accent color (radio / checkbox natifs) */
body input[type="radio"],
body input[type="checkbox"] {
  accent-color: var(--lac-bourgogne);
}


/* ============================================================
   07 — CARTES & CONTENEURS
   ------------------------------------------------------------
   Border-radius 12px sur les cards.
   Les produits boutique, Ma Cave, favoris.
   ============================================================ */
body .lamphore-card,
body .amphore-wine-card,
body ul.products li.product,
body .woocommerce ul.products li.product {
  border-radius: var(--lac-r-lg);
  overflow: hidden;
}

/* Ombres discrètes */
body .lamphore-card,
body .amphore-wine-card {
  box-shadow: var(--lac-sh-sm);
  transition: box-shadow .2s;
}
body .lamphore-card:hover,
body .amphore-wine-card:hover {
  box-shadow: var(--lac-sh-md);
}


/* ============================================================
   08 — PILLS, BADGES & TAGS
   ============================================================ */

/* Pills génériques — border-radius 100px */
body .pill,
body .lamphore-pill,
body .amphore-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--lac-font-body);
  font-size: .68rem;
  font-weight: 500;
  letter-spacing: .08em;
  text-transform: uppercase;
  border-radius: var(--lac-r-pill) !important;
  line-height: 1;
}

/* Pill Or outline (ex: sélection 2026) */
body .pill-or,
body .lamphore-pill-or {
  background-color: transparent !important;
  border: 1px solid rgba(196, 152, 90, 0.4) !important;
  color: var(--lac-or) !important;
}

/* Pill Bourgogne pleine */
body .pill-burgundy,
body .lamphore-pill-burgundy {
  background-color: var(--lac-bourgogne) !important;
  color: #FFFFFF !important;
  border: none !important;
}

/* Pill Crème */
body .pill-cream,
body .lamphore-pill-cream {
  background-color: var(--lac-creme) !important;
  color: var(--lac-bourgogne) !important;
  border: 1px solid rgba(122, 0, 32, 0.18) !important;
}

/* Pill Vert (en stock) */
body .pill-success,
body .lamphore-pill-success {
  background-color: var(--lac-vert-pale) !important;
  color: var(--lac-vert) !important;
  border: 1px solid rgba(45, 106, 79, 0.2) !important;
}

/* Badges types de vins (VIN / Champagne) — charte UIKit v4 */
body .amphore-wine-type-badge,
body .lamphore-badge-vin,
body .pill-vin {
  background-color: transparent !important;
  border: 1.5px solid var(--lac-bourgogne) !important;
  color: var(--lac-bourgogne) !important;
  border-radius: var(--lac-r-pill) !important;
  font-family: var(--lac-font-body) !important;
  font-weight: 500 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  font-size: .68rem !important;
  line-height: 1 !important;
}

body .amphore-wine-type-badge.is-champagne,
body .amphore-wine-type-badge[data-type="champagne"],
body .lamphore-badge-champagne,
body .pill-champagne {
  background-color: transparent !important;
  border: 1.5px solid var(--lac-or) !important;
  color: var(--lac-or) !important;
}

/* Tags carrés — border-radius 4px */
body .tag,
body .lamphore-tag,
body .amphore-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: .65rem;
  font-weight: 500;
  letter-spacing: .08em;
  text-transform: uppercase;
  border-radius: var(--lac-r-sm) !important;
  line-height: 1;
  font-family: var(--lac-font-body);
}

body .tag-or,
body .lamphore-tag-or {
  background-color: var(--lac-or) !important;
  color: var(--lac-profond) !important;
}

body .tag-burgundy,
body .lamphore-tag-burgundy {
  background-color: var(--lac-bourgogne) !important;
  color: #FFFFFF !important;
}

body .tag-cream,
body .lamphore-tag-cream {
  background-color: var(--lac-creme) !important;
  color: var(--lac-bourgogne) !important;
  border: 1px solid rgba(122, 0, 32, 0.15) !important;
}

/* Badge "Promo" WooCommerce natif — charte bourgogne */
body .onsale,
body .woocommerce span.onsale,
body ul.products li.product .onsale {
  background-color: var(--lac-bourgogne) !important;
  color: #FFFFFF !important;
  border-radius: var(--lac-r-pill) !important;
  font-family: var(--lac-font-body) !important;
  font-weight: 500 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  font-size: .68rem !important;
  border: none !important;
  text-shadow: none !important;
}


/* ============================================================
   09 — ALERTES & NOTIFICATIONS
   ------------------------------------------------------------
   4 niveaux : succès / erreur / warning / info
   WooCommerce natif + classes custom
   ============================================================ */

/* Succès */
body .woocommerce-message,
body .woocommerce-info.woocommerce-success,
body .alert-success,
body .lamphore-alert-success {
  background-color: var(--lac-vert-pale) !important;
  border: 1px solid rgba(45, 106, 79, 0.2) !important;
  border-left: 3px solid var(--lac-vert) !important;
  color: var(--lac-vert) !important;
  border-radius: var(--lac-r-md) !important;
}

/* Erreur */
body .woocommerce-error,
body .alert-error,
body .lamphore-alert-error {
  background-color: #FDECEA !important;
  border: 1px solid rgba(192, 57, 43, 0.2) !important;
  border-left: 3px solid var(--lac-erreur) !important;
  color: var(--lac-erreur) !important;
  border-radius: var(--lac-r-md) !important;
}

/* Warning */
body .alert-warning,
body .lamphore-alert-warning {
  background-color: #FFF8E1 !important;
  border: 1px solid rgba(196, 152, 90, 0.3) !important;
  border-left: 3px solid var(--lac-or) !important;
  color: #8A6000 !important;
  border-radius: var(--lac-r-md) !important;
}

/* Info (WC natif) */
body .woocommerce-info,
body .alert-info,
body .lamphore-alert-info {
  background-color: rgba(122, 0, 32, 0.06) !important;
  border: 1px solid rgba(122, 0, 32, 0.15) !important;
  border-left: 3px solid var(--lac-bourgogne) !important;
  color: var(--lac-bourgogne) !important;
  border-radius: var(--lac-r-md) !important;
}

/* Les liens dans les alertes gardent leur couleur */
body .woocommerce-message a,
body .woocommerce-info a,
body .woocommerce-error a {
  color: inherit !important;
  font-weight: 500;
  border-bottom: 1px solid currentColor;
}


/* ============================================================
   10 — NOTATION (étoiles)
   ============================================================ */
body .star-rating,
body .woocommerce .star-rating span,
body p.stars a {
  color: var(--lac-or) !important;
}


/* ============================================================
   11 — TABLEAUX (panier, commandes)
   ------------------------------------------------------------
   Pas de couleurs agressives, bordures discrètes
   ============================================================ */
body .shop_table,
body .woocommerce table.shop_table,
body .woocommerce-orders-table {
  border-radius: var(--lac-r-md) !important;
  overflow: hidden;
  border-color: #E8E4DE !important;
}

body .shop_table th,
body .woocommerce table.shop_table th,
body .woocommerce-orders-table th {
  background-color: var(--lac-creme) !important;
  color: var(--lac-bourgogne) !important;
  font-family: var(--lac-font-body) !important;
  font-weight: 500 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
  font-size: .72rem !important;
}


/* ============================================================
   12 — HEADER & NAVIGATION
   ------------------------------------------------------------
   Liens nav : couleur bourgogne, hover or
   ============================================================ */
body #site-header a,
body .lamphore-header a,
body .lamphore-nav a {
  color: var(--lac-bourgogne);
  font-family: var(--lac-font-body);
}
body #site-header a:hover,
body .lamphore-header a:hover,
body .lamphore-nav a:hover {
  color: var(--lac-or);
}


/* ============================================================
   13 — FOOTER
   ------------------------------------------------------------
   Fond profond, texte crème, liens or
   ============================================================ */
body footer.site-footer,
body .site-footer,
body .lamphore-footer {
  color: var(--lac-creme);
}
body footer.site-footer a,
body .site-footer a,
body .lamphore-footer a {
  color: rgba(252, 242, 227, 0.65);
}
body footer.site-footer a:hover,
body .site-footer a:hover,
body .lamphore-footer a:hover {
  color: var(--lac-or);
}


/* ============================================================
   14 — TABS PRODUIT (onglets WooCommerce)
   ------------------------------------------------------------
   Actif = bourgogne plein + texte blanc
   Inactif = fond crème + texte bourgogne
   ============================================================ */
body .woocommerce div.product .woocommerce-tabs ul.tabs li,
body .amphore-wine-tabs li {
  background-color: var(--lac-creme) !important;
  border: 1px solid rgba(122, 0, 32, 0.15) !important;
  border-radius: var(--lac-r-md) var(--lac-r-md) 0 0 !important;
  transition: background-color .2s, color .2s;
}
body .woocommerce div.product .woocommerce-tabs ul.tabs li a,
body .amphore-wine-tabs li a {
  color: var(--lac-bourgogne) !important;
  font-family: var(--lac-font-body) !important;
  font-weight: 500 !important;
  text-shadow: none !important;
}

body .woocommerce div.product .woocommerce-tabs ul.tabs li.active,
body .amphore-wine-tabs li.active {
  background-color: var(--lac-bourgogne) !important;
  border-color: var(--lac-bourgogne) !important;
}
body .woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
body .amphore-wine-tabs li.active a {
  color: #FFFFFF !important;
}

body .woocommerce div.product .woocommerce-tabs ul.tabs li::before,
body .woocommerce div.product .woocommerce-tabs ul.tabs li::after {
  border-color: rgba(122, 0, 32, 0.15) !important;
  box-shadow: none !important;
}


/* ============================================================
   15 — BACKGROUND & TEXTE CORPS
   ============================================================ */
body {
  color: #1a0a0a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Texte caption / small / muted */
body .caption,
body small,
body .text-muted,
body .woocommerce-product-details__short-description small {
  color: #7A6060;
  font-size: .72rem;
}


/* ============================================================
   16 — SEARCH OVERLAY (header custom)
   ============================================================ */
body .lamphore-search-overlay input,
body .lamphore-search-form input {
  font-family: var(--lac-font-body) !important;
  border-radius: var(--lac-r-md) !important;
}
.lh-search-heading {
  color: var(--lac-bourgogne);
  font-family: var(--lac-font-title) !important;
  letter-spacing: 0.05em !important;
}


/* ============================================================
   17 — FILTRES SIDEBAR (plugin)
   ============================================================ */
body .amphore-sf-group h3,
body .amphore-sf-group .filter-title {
  font-family: var(--lac-font-title) !important;
  letter-spacing: 0.05em !important;
  color: var(--lac-bourgogne);
}

body .amphore-sf-btn {
  border-radius: var(--lac-r-md) !important;
}

body .amphore-filters-active .amphore-sf-btn {
  background-color: var(--lac-bourgogne) !important;
  color: #FFFFFF !important;
}


/* ============================================================
   18 — MINI-CART / WIDGET PANIER
   ============================================================ */
body .widget_shopping_cart_content,
body .cart_list,
body .mini_cart_item {
  font-family: var(--lac-font-body);
}
body .widget_shopping_cart_content .total {
  color: var(--lac-bourgogne);
  font-family: var(--lac-font-body) !important;
}


/* ============================================================
   19 — BOUTON ARRONDI PANIER HEADER (cart icon)
   ============================================================ */
body .lamphore-cart-icon,
body .lamphore-header-cart,
body .lamphore-cart-count {
  background-color: var(--lac-bourgogne);
  color: #FFFFFF;
  border-radius: var(--lac-r-pill);
}


/* ============================================================
   20 — MY ACCOUNT
   ------------------------------------------------------------
   Navigation : liens bourgogne, actif = fond bourgogne
   ============================================================ */
body .woocommerce-MyAccount-navigation ul li a {
  color: var(--lac-bourgogne) !important;
  font-family: var(--lac-font-body) !important;
  border-radius: var(--lac-r-md);
  transition: background-color .2s, color .2s;
}
body .woocommerce-MyAccount-navigation ul li a:hover {
  color: var(--lac-or) !important;
}
body .woocommerce-MyAccount-navigation ul li.is-active a,
body .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--is-active a {
  background-color: var(--lac-bourgogne) !important;
  color: #FFFFFF !important;
}


/* ============================================================
   21 — BANDEAU VIP (compte VIP marge)
   ============================================================ */
body .lamphore-vip-banner,
body .amphore-vip-banner {
  background-color: var(--lac-or);
  color: var(--lac-profond);
  border-radius: var(--lac-r-md);
  font-family: var(--lac-font-body);
}


/* ============================================================
   22 — AGE GATE (popup âge légal)
   ============================================================ */
body .age-gate-popup,
body .lamphore-age-gate {
  font-family: var(--lac-font-body);
}
body .age-gate-popup h2,
body .lamphore-age-gate h2 {
  font-family: var(--lac-font-title) !important;
  letter-spacing: 0.05em !important;
  color: var(--lac-bourgogne);
}


/* ============================================================
   23 — CHECKOUT
   ------------------------------------------------------------
   Résumé de commande : titres BTN, prix Inter, bouton CB bourgogne
   ============================================================ */
body #order_review_heading,
body .woocommerce-checkout h3 {
  font-family: var(--lac-font-title) !important;
  letter-spacing: 0.05em !important;
  color: var(--lac-bourgogne);
}

body #place_order,
body .woocommerce #place_order {
  background-color: var(--lac-bourgogne) !important;
  color: #FFFFFF !important;
  border-radius: var(--lac-r-md) !important;
  font-family: var(--lac-font-body) !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}
body #place_order:hover,
body .woocommerce #place_order:hover {
  background-color: var(--lac-rouge) !important;
}


/* ============================================================
   24 — PAGINATION BOUTIQUE
   ============================================================ */
body .woocommerce nav.woocommerce-pagination ul,
body .woocommerce nav.woocommerce-pagination ul li {
  border-color: rgba(122, 0, 32, 0.15) !important;
}
body .woocommerce nav.woocommerce-pagination ul li a,
body .woocommerce nav.woocommerce-pagination ul li span {
  color: var(--lac-bourgogne) !important;
  font-family: var(--lac-font-body) !important;
  border-radius: var(--lac-r-sm);
  transition: background-color .2s, color .2s;
}
body .woocommerce nav.woocommerce-pagination ul li a:hover {
  background-color: var(--lac-bourgogne) !important;
  color: #FFFFFF !important;
}
body .woocommerce nav.woocommerce-pagination ul li span.current {
  background-color: var(--lac-bourgogne) !important;
  color: #FFFFFF !important;
}


/* ============================================================
   25 — QUANTITY INPUT (panier / single produit)
   ============================================================ */
body .quantity input.qty,
body .woocommerce .quantity input.qty {
  font-family: var(--lac-font-body) !important;
  border-radius: var(--lac-r-md) !important;
  border-color: #E8E4DE !important;
}
body .quantity input.qty:focus {
  border-color: var(--lac-bourgogne) !important;
  box-shadow: 0 0 0 3px rgba(122, 0, 32, 0.10) !important;
}


/* ============================================================
   26 — FIN — Sélection du texte
   ============================================================ */
::selection {
  background-color: var(--lac-bourgogne);
  color: #FFFFFF;
}
::-moz-selection {
  background-color: var(--lac-bourgogne);
  color: #FFFFFF;
}