:root {
  --mc-gold: #e0bd65;
  --mc-gold-hover: #eacf88;
  --mc-gold-deep: #c9a24a;
  --mc-black: #0d0d0d;
  --mc-black-soft: #1a1a1a;

  /* Accent doré sur toute la boutique */
  --bs-primary: var(--mc-gold);
  --bs-primary-rgb: 224,189,101;
  --bs-link-color: var(--mc-gold);
  --bs-link-color-rgb: 224,189,101;
  --bs-link-hover-color: var(--mc-gold-hover);
  --bs-link-hover-color-rgb: 234,207,136;
}

/* En-tête sombre */
.header,
.header-top,
.header-bottom {
  background-color: var(--mc-black) !important;
  --bs-body-color: #f2efe6;
  --bs-border-color: #2a2a2a;
}
.header-top a:not(.dropdown-item),
.header .ps-mainmenu__tree-link,
.header .header-block__action-btn {
  color: #f2efe6 !important;
}
.header-top a:not(.dropdown-item):hover,
.header .ps-mainmenu__tree-link:hover,
.header .header-block__action-btn:hover {
  color: var(--mc-gold-hover) !important;
}
.header .header-block__icon {
  color: var(--mc-gold);
}

/* Pied de page : déjà sombre nativement, on dore les titres */
.footer-block__title,
.footer-block__title a {
  color: var(--mc-gold) !important;
}

/* Boutons primaires dorés, texte noir pour le contraste */
.btn-primary {
  --bs-btn-bg: var(--mc-gold);
  --bs-btn-border-color: var(--mc-gold);
  --bs-btn-color: #0d0d0d;
  --bs-btn-hover-bg: var(--mc-gold-hover);
  --bs-btn-hover-border-color: var(--mc-gold-hover);
  --bs-btn-hover-color: #0d0d0d;
  --bs-btn-active-bg: var(--mc-gold-deep);
  --bs-btn-active-border-color: var(--mc-gold-deep);
  --bs-btn-active-color: #0d0d0d;
}

/* Prix en doré */
.product__price,
.product-miniature__price {
  color: var(--mc-gold-deep);
}

/* Logo agrandi */
.header-bottom .navbar-brand {
  max-width: 250px;
}
.header-bottom .navbar-brand .logo {
  max-height: 4.5rem;
  max-width: 200px;
}

/* Compteur du panier : chiffre noir sur pastille dorée */
.header-block__badge {
  background: var(--mc-gold) !important;
  color: #0d0d0d !important;
}

/* Pastille Précommande */
.product-flags .badge.preorder {
  background: var(--mc-gold);
  color: #0d0d0d;
  font-weight: 600;
}

/* Drapeau de langue dans les caractéristiques */
.feature-flag {
  width: 24px;
  height: auto;
  margin-right: 6px;
  vertical-align: middle;
  border-radius: 2px;
  border: 1px solid rgba(255,255,255,0.15);
}

/* Pastille drapeau de langue sur l'image */
.product-flags .badge.flag-lang {
  background: #fff;
  padding: 3px 5px;
  display: inline-flex;
  align-items: center;
}
.product-flags .badge.flag-lang img {
  width: 32px;
  height: auto;
  display: block;
  border-radius: 2px;
}

/* Boutons secondaires en doré */
.btn-secondary,
.btn-outline-primary,
.btn-outline-secondary,
.featured-products .btn,
.products-section-title ~ a.btn {
  --bs-btn-color: var(--mc-gold-deep);
  --bs-btn-border-color: var(--mc-gold);
  --bs-btn-bg: transparent;
  --bs-btn-hover-bg: var(--mc-gold);
  --bs-btn-hover-color: #0d0d0d;
  --bs-btn-hover-border-color: var(--mc-gold);
  --bs-btn-active-bg: var(--mc-gold-deep);
  --bs-btn-active-color: #0d0d0d;
}

/* --- Menu déroulant : fond sombre et texte lisible --- */
.ps-mainmenu .popover,
.ps-mainmenu__collapse-tree,
.ps-mainmenu__sub-menu,
.ps-mainmenu [class*="submenu"],
.ps-mainmenu [class*="dropdown"] {
  background-color: var(--mc-black) !important;
  border-color: var(--mc-gold-deep) !important;
}

/* Liens du menu déroulant en clair, survol doré */
.ps-mainmenu__tree-link,
.ps-mainmenu a[data-depth="1"],
.ps-mainmenu a[data-depth="2"] {
  color: var(--mc-text) !important;
}
.ps-mainmenu__tree-link:hover,
.ps-mainmenu a[data-depth="1"]:hover,
.ps-mainmenu a[data-depth="2"]:hover {
  color: var(--mc-gold-hover) !important;
  background-color: var(--mc-black-soft) !important;
}

/* Bouton principal du tunnel de commande en doré */
#payment-confirmation button,
.payment-options ~ #payment-confirmation .btn-primary,
button[type="submit"].btn-primary {
  --bs-btn-bg: var(--mc-gold);
  --bs-btn-border-color: var(--mc-gold);
  --bs-btn-color: #0d0d0d;
  --bs-btn-hover-bg: var(--mc-gold-hover);
  --bs-btn-hover-border-color: var(--mc-gold-hover);
  --bs-btn-hover-color: #0d0d0d;
}

/* Bouton Commander doré même à l'état désactivé */
#payment-confirmation .btn-primary.disabled,
#payment-confirmation .btn-primary:disabled {
  background-color: var(--mc-gold-deep) !important;
  border-color: var(--mc-gold-deep) !important;
  color: #0d0d0d !important;
  opacity: 0.65;
}

/* Menu principal : liens de premier niveau lisibles sur en-tête sombre */
.ps-mainmenu__tree-link,
.ps-mainmenu a[data-depth="0"],
#_desktop_top_menu .ps-mainmenu a {
  color: var(--mc-text) !important;
}
.ps-mainmenu__tree-link:hover,
.ps-mainmenu a[data-depth="0"]:hover {
  color: var(--mc-gold-hover) !important;
}
/* Chevrons / flèches du menu en doré */
.ps-mainmenu .material-icons,
.ps-mainmenu [class*="expand"],
.ps-mainmenu [class*="arrow"] {
  color: var(--mc-gold) !important;
}

/* Menu principal — forçage large sur tous les liens de l'en-tête */
.header .ps-mainmenu a,
.header-nav .ps-mainmenu a,
#_desktop_top_menu a,
.ps-mainmenu li a {
  color: #f2efe6 !important;
}
.header .ps-mainmenu a:hover,
#_desktop_top_menu a:hover {
  color: #eacf88 !important;
}

/* Carrousel mobile : bannière entière, sans rognage */
@media (max-width: 767px) {
  .ps-imageslider__figure {
    height: auto !important;
    aspect-ratio: auto !important;
  }
  .ps-imageslider__figure img {
    object-fit: contain !important;
    height: auto !important;
    max-height: none !important;
  }
  #ps_imageslider .carousel-item,
  #ps_imageslider .ps-imageslider__link {
    height: auto !important;
  }
}