/* ============================================================
   BIJOUX HÉLÈNE RIU — Header Premium
   bijoux-header.css v1.7
   ============================================================ */

/* ── SCROLL PROGRESS BAR ─────────────────────────────────── */
#bhr-scroll-progress {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 2px;
  background: linear-gradient(90deg, var(--amethyst,#6B4A8C), var(--gold,#D4B570));
  transform-origin: left center;
  transform: scaleX(0);
  /* Must be above header (1000) so it stays visible even when header hides */
  z-index: 9999 !important;
  pointer-events: none;
  transition: transform 0.1s linear;
}

/* ── HEADER STICKY ───────────────────────────────────────── */
#header,
body #header,
html body #header {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
              background 0.35s ease,
              box-shadow 0.35s ease !important;
}

/* Fix: PS theme forces max-height:50px on .header-nav — override to let logo breathe */
#header .header-nav {
  max-height: none !important;
  overflow: visible !important;
}
#header .header-nav .container {
  overflow: visible !important;
}
#header .header-nav .container .row {
  overflow: visible !important;
  display: block !important;
}

#header.bhr-scrolled .header-nav,
#header.bhr-scrolled .bhr-desktop-header {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

#header.bhr-scrolled {
  background: rgba(14, 11, 26, 0.97) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  box-shadow: 0 1px 0 rgba(212, 181, 112, 0.15), 0 4px 32px rgba(0,0,0,0.4) !important;
}

#header.bhr-hidden {
  transform: translateY(-100%) !important;
}

/* ── DESKTOP HEADER LAYOUT ───────────────────────────────── */
.bhr-desktop-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  padding: 12px 0 !important;
  gap: 24px !important;
}

/* Logo */
.bhr-header-logo {
  flex-shrink: 0 !important;
}

.bhr-logo-link {
  display: block !important;
  text-decoration: none !important;
}

.bhr-logo-svg {
  width: 160px !important;
  height: 90px !important;
  display: block !important;
  transition: opacity 0.3s ease !important;
}

.bhr-logo-link:hover .bhr-logo-svg {
  opacity: 0.85 !important;
}

/* ── MAIN NAV ────────────────────────────────────────────── */
.bhr-main-nav {
  flex: 1 !important;
  display: flex !important;
  justify-content: center !important;
}

.bhr-nav-list {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.bhr-nav-item {
  position: relative !important;
}

.bhr-nav-link {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 10px 16px !important;
  color: var(--moon, #F4EFE6) !important;
  font-family: var(--sans, 'Inter Tight', sans-serif) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: color 0.25s ease !important;
  white-space: nowrap !important;
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  min-height: 44px !important;
}

.bhr-nav-link:hover,
.bhr-nav-item:hover > .bhr-nav-link {
  color: var(--gold, #D4B570) !important;
}

.bhr-chevron {
  transition: transform 0.25s ease !important;
  flex-shrink: 0 !important;
}

.bhr-has-sub:hover > .bhr-nav-link .bhr-chevron,
.bhr-has-sub > .bhr-nav-link[aria-expanded="true"] .bhr-chevron {
  transform: rotate(180deg) !important;
}

/* Submenu */
.bhr-sub-menu {
  position: absolute !important;
  top: calc(100% + 4px) !important;
  left: 50% !important;
  transform: translateX(-50%) translateY(-8px) !important;
  min-width: 200px !important;
  background: rgba(22, 18, 42, 0.98) !important;
  border: 1px solid rgba(212, 181, 112, 0.2) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 8px 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s !important;
  /* z-index must exceed header z-index (1000) to render above sticky context */
  z-index: 1100 !important;
}

.bhr-sub-menu.is-open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateX(-50%) translateY(0) !important;
}

.bhr-sub-menu li a {
  display: block !important;
  padding: 10px 20px !important;
  color: var(--moon, #F4EFE6) !important;
  font-family: var(--sans, sans-serif) !important;
  font-size: 11px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: color 0.2s, background 0.2s !important;
  white-space: nowrap !important;
}

.bhr-sub-menu li a:hover {
  color: var(--gold, #D4B570) !important;
  background: rgba(212, 181, 112, 0.07) !important;
}

/* ── HEADER ICONS ────────────────────────────────────────── */
.bhr-header-icons {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  flex-shrink: 0 !important;
}

.bhr-icon-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  color: var(--moon, #F4EFE6) !important;
  transition: color 0.25s ease !important;
  text-decoration: none !important;
  border-radius: 2px !important;
  position: relative !important;
}

.bhr-icon-btn:hover {
  color: var(--gold, #D4B570) !important;
}

/* Cart count badge */
.bhr-cart-count {
  position: absolute !important;
  top: 6px !important;
  right: 4px !important;
  background: var(--gold, #D4B570) !important;
  color: var(--night, #0E0B1A) !important;
  font-family: var(--sans, sans-serif) !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  min-width: 16px !important;
  height: 16px !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 3px !important;
}

/* Masquer le wrapper displayNav2 qui génère du HTML PS natif */
.bhr-icon-wrapper#_desktop_user_info > .bhr-icon-wrapper {
  display: contents !important;
}

/* Override PS cart/user styling dans nos wrappers */
#_desktop_cart .blockcart .cart-preview,
#_desktop_cart .cart-products-count {
  display: flex !important;
  align-items: center !important;
}

/* ── SEARCH OVERLAY ──────────────────────────────────────── */
.bhr-search-overlay {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(14, 11, 26, 0.94) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  z-index: 2000 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  padding-top: 15vh !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 0.3s ease, visibility 0.3s !important;
}

.bhr-search-overlay.is-open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.bhr-search-inner {
  position: relative !important;
  width: min(640px, 90vw) !important;
}

.bhr-search-form {
  display: flex !important;
  align-items: center !important;
  border-bottom: 1px solid rgba(212, 181, 112, 0.4) !important;
  padding-bottom: 8px !important;
  gap: 12px !important;
}

.bhr-search-input {
  flex: 1 !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  color: var(--moon, #F4EFE6) !important;
  font-family: var(--serif, serif) !important;
  font-size: 24px !important;
  font-weight: 300 !important;
  padding: 8px 0 !important;
  caret-color: var(--gold, #D4B570) !important;
}

.bhr-search-input::placeholder {
  color: rgba(244, 239, 230, 0.35) !important;
}

.bhr-search-submit {
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  color: var(--gold, #D4B570) !important;
  padding: 8px !important;
  display: flex !important;
  align-items: center !important;
}

.bhr-search-close {
  position: absolute !important;
  top: -48px !important;
  right: 0 !important;
  background: transparent !important;
  border: none !important;
  color: var(--moon, #F4EFE6) !important;
  font-size: 20px !important;
  cursor: pointer !important;
  padding: 8px !important;
  opacity: 0.6 !important;
  transition: opacity 0.2s !important;
  min-width: 44px !important;
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.bhr-search-close:hover { opacity: 1 !important; }

/* ── MOBILE HEADER BAR ───────────────────────────────────── */
.bhr-mobile-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  padding: 8px 16px !important;
  position: relative !important;
}

.bhr-mobile-logo {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

.bhr-mobile-logo .bhr-logo-svg {
  width: 100px !important;
  height: 56px !important;
}

.bhr-mobile-left,
.bhr-mobile-right {
  display: flex !important;
  align-items: center !important;
  min-width: 44px !important;
}

.bhr-mobile-right {
  justify-content: flex-end !important;
}

/* Mobile sub accordion */
.bhr-mobile-nav-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 16px 0 !important;
}

.bhr-mobile-nav-list > li > a,
.bhr-mobile-sub-toggle {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  padding: 14px 24px !important;
  color: var(--moon, #F4EFE6) !important;
  font-family: var(--sans, sans-serif) !important;
  font-size: 12px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(244, 239, 230, 0.06) !important;
  cursor: pointer !important;
  transition: color 0.2s, background 0.2s !important;
  min-height: 44px !important;
}

.bhr-mobile-nav-list > li > a:hover,
.bhr-mobile-sub-toggle:hover {
  color: var(--gold, #D4B570) !important;
  background: rgba(212, 181, 112, 0.05) !important;
}

.bhr-mobile-sub {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  transition: max-height 0.3s ease !important;
}

.bhr-mobile-sub.is-open {
  max-height: 400px !important;
}

.bhr-mobile-sub li a {
  display: block !important;
  padding: 12px 24px 12px 36px !important;
  color: rgba(244, 239, 230, 0.75) !important;
  font-family: var(--sans, sans-serif) !important;
  font-size: 11px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(244, 239, 230, 0.04) !important;
  transition: color 0.2s !important;
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
}

.bhr-mobile-sub li a:hover {
  color: var(--gold, #D4B570) !important;
}

/* ── HIDE PS NAV DUPLICATES ──────────────────────────────── */
.header-top {
  display: none !important;
}

/* (kill old display:contents hack — it was breaking .bhr-desktop-header flex layout) */

/* ── SCREEN READER ONLY ──────────────────────────────────── */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* === RESPONSIVE HEADER VISIBILITY === */
@media (max-width: 991px) {
  .bhr-desktop-header { display: none !important; }
}
@media (min-width: 992px) {
  .bhr-mobile-bar, .bhr-mobile-header { display: none !important; }
}

/* === CHECKOUT LOGO FIX === */
.page-checkout #_desktop_logo > img:not([src*="logo-bijoux"]),
.page-checkout .header-logo > img:not([alt="BHR"]) { display: none !important; }
.page-checkout .bhr-header-logo img { max-height: 60px; }

/* === HEADER FIX FINAL POST-V6 === */
.bhr-header-icons { margin-left: auto !important; justify-content: flex-end !important; }
#_desktop_cart, #_desktop_user_info, #_desktop_cart *, #_desktop_user_info * { display: none !important; }
.bhr-desktop-header { display: flex !important; align-items: center; gap: 24px; }
.bhr-header-logo { flex: 0 0 auto; }
.bhr-header-nav { flex: 1; display: flex; justify-content: center; }


/* ── ITER 5 POLISH ───────────────────────────────────────── */

/* Nav underline gold animation */
.bhr-nav-link {
  position: relative !important;
}
.bhr-nav-link::after {
  content: '' !important;
  position: absolute !important;
  bottom: 6px !important;
  left: 16px !important;
  right: 16px !important;
  height: 1px !important;
  background: var(--gold, #D4B570) !important;
  transform: scaleX(0) !important;
  transform-origin: center !important;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.bhr-nav-link:hover::after,
.bhr-nav-item:hover > .bhr-nav-link::after {
  transform: scaleX(1) !important;
}

/* Active state — current category */
.bhr-nav-link.bhr-active,
.bhr-nav-item.current > .bhr-nav-link {
  color: var(--gold, #D4B570) !important;
}
.bhr-nav-link.bhr-active::after,
.bhr-nav-item.current > .bhr-nav-link::after {
  transform: scaleX(1) !important;
  opacity: 0.7 !important;
}

/* Chevron color on hover (complement existing rotate) */
.bhr-has-sub:hover > .bhr-nav-link .bhr-chevron {
  color: var(--gold, #D4B570) !important;
}

/* Submenu: smoother cubic-bezier */
.bhr-sub-menu {
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1),
              transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
              visibility 0.25s !important;
}

/* Cart badge pulse animation on update */
@keyframes bhr-badge-pulse {
  0%   { transform: scale(1); }
  40%  { transform: scale(1.45); }
  70%  { transform: scale(0.9); }
  100% { transform: scale(1); }
}
.bhr-cart-count.bhr-pulse {
  animation: bhr-badge-pulse 0.4s ease-out !important;
}

/* Search button focus ring gold */
.bhr-icon-btn:focus-visible {
  outline: 2px solid var(--gold, #D4B570) !important;
  outline-offset: 2px !important;
  border-radius: 4px !important;
}

/* Logo subtle hover: slight lift */
.bhr-logo-link:hover .bhr-logo-svg {
  transform: translateY(-2px) !important;
}
.bhr-logo-svg {
  transition: opacity 0.3s ease, transform 0.3s ease !important;
}

/* Sticky header shadow — smooth apparition */
#header {
  box-shadow: 0 0 0 rgba(0,0,0,0) !important;
}
#header.bhr-scrolled {
  box-shadow: 0 1px 0 rgba(212, 181, 112, 0.15),
              0 4px 32px rgba(0, 0, 0, 0.4) !important;
}

/* === FORCE HIDE DESKTOP HEADER ON MOBILE - WIN CASCADE === */
@media (max-width: 991px) {
  body .bhr-desktop-header,
  header .bhr-desktop-header,
  .bhr-desktop-header.hidden-sm-down { display: none !important; }
  body .bhr-mobile-bar,
  header .bhr-mobile-bar { display: flex !important; }
}
@media (min-width: 992px) {
  body .bhr-mobile-bar,
  header .bhr-mobile-bar { display: none !important; }
}

/* ── ITER 16 POLISH — 2nd PASS ───────────────────────────── */

/* === PROMO BANNER (dismissible, conditional slot) === */
.bhr-promo-banner {
  width: 100% !important;
  background: linear-gradient(90deg, var(--amethyst,#6B4A8C) 0%, #4a2d7a 50%, var(--amethyst,#6B4A8C) 100%) !important;
  color: var(--moon,#F4EFE6) !important;
  font-family: var(--sans,'Inter Tight',sans-serif) !important;
  font-size: 11px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  padding: 8px 48px !important;
  position: relative !important;
  z-index: 999 !important;
  transition: max-height 0.35s ease, padding 0.35s ease, opacity 0.35s ease !important;
  max-height: 40px !important;
  overflow: hidden !important;
}
.bhr-promo-banner:empty,
.bhr-promo-banner[hidden] {
  display: none !important;
}
.bhr-promo-banner.bhr-dismissed {
  max-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.bhr-promo-banner a {
  color: var(--gold,#D4B570) !important;
  text-decoration: underline !important;
}
.bhr-promo-close {
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: transparent !important;
  border: none !important;
  color: rgba(244,239,230,0.6) !important;
  cursor: pointer !important;
  line-height: 1 !important;
  font-size: 16px !important;
  padding: 4px 6px !important;
  transition: color 0.2s !important;
}
.bhr-promo-close:hover { color: var(--moon,#F4EFE6) !important; }

/* === MEGA MENU — 2 colonnes si >6 items === */
.bhr-sub-menu.bhr-mega {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  min-width: 340px !important;
  column-gap: 0 !important;
  padding: 12px 0 !important;
}
.bhr-sub-menu.bhr-mega li a {
  padding: 9px 18px !important;
}
/* Divider entre les 2 colonnes */
.bhr-sub-menu.bhr-mega li:nth-child(odd):not(:last-child) {
  border-right: 1px solid rgba(212,181,112,0.08) !important;
}

/* === CURRENCY / LANG SWITCHER === */
.bhr-lang-currency {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-shrink: 0 !important;
}
.bhr-switcher-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  background: transparent !important;
  border: none !important;
  color: rgba(244,239,230,0.45) !important;
  font-family: var(--sans,sans-serif) !important;
  font-size: 10px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  padding: 4px 6px !important;
  border-radius: 2px !important;
  transition: color 0.2s, background 0.2s !important;
  white-space: nowrap !important;
}
.bhr-switcher-btn:hover {
  color: var(--gold,#D4B570) !important;
  background: rgba(212,181,112,0.06) !important;
}
.bhr-switcher-sep {
  width: 1px !important;
  height: 12px !important;
  background: rgba(212,181,112,0.2) !important;
  display: block !important;
}
/* Dropdown switcher panel */
.bhr-switcher-panel {
  position: absolute !important;
  top: calc(100% + 4px) !important;
  right: 0 !important;
  background: rgba(22,18,42,0.98) !important;
  border: 1px solid rgba(212,181,112,0.2) !important;
  backdrop-filter: blur(16px) !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 6px 0 !important;
  min-width: 100px !important;
  z-index: 1200 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(-6px) !important;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s !important;
}
.bhr-switcher-wrap {
  position: relative !important;
}
.bhr-switcher-wrap:hover .bhr-switcher-panel,
.bhr-switcher-wrap:focus-within .bhr-switcher-panel {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}
.bhr-switcher-panel li a {
  display: block !important;
  padding: 8px 14px !important;
  color: var(--moon,#F4EFE6) !important;
  font-size: 10px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: color 0.2s, background 0.2s !important;
}
.bhr-switcher-panel li a:hover {
  color: var(--gold,#D4B570) !important;
  background: rgba(212,181,112,0.07) !important;
}

/* === ACCOUNT DROPDOWN (logged-in: avatar + name + links) === */
.bhr-account-dropdown {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
}
.bhr-account-trigger {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  color: var(--moon,#F4EFE6) !important;
  padding: 4px 6px !important;
  border-radius: 20px !important;
  transition: background 0.2s !important;
  min-height: 44px !important;
  text-decoration: none !important;
}
.bhr-account-trigger:hover {
  background: rgba(212,181,112,0.08) !important;
  color: var(--gold,#D4B570) !important;
}
.bhr-account-avatar {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, var(--amethyst,#6B4A8C), var(--gold,#D4B570)) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: var(--sans,sans-serif) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: var(--night,#0E0B1A) !important;
  flex-shrink: 0 !important;
  overflow: hidden !important;
}
.bhr-account-avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.bhr-account-name {
  font-family: var(--sans,sans-serif) !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  max-width: 90px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
@media (max-width: 1199px) {
  .bhr-account-name { display: none !important; }
}
.bhr-account-panel {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  right: 0 !important;
  background: rgba(22,18,42,0.98) !important;
  border: 1px solid rgba(212,181,112,0.2) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  min-width: 180px !important;
  z-index: 1200 !important;
  padding: 8px 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(-6px) !important;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s !important;
}
.bhr-account-dropdown:hover .bhr-account-panel,
.bhr-account-dropdown:focus-within .bhr-account-panel {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}
.bhr-account-panel a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 16px !important;
  color: var(--moon,#F4EFE6) !important;
  font-family: var(--sans,sans-serif) !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: color 0.2s, background 0.2s !important;
}
.bhr-account-panel a:hover {
  color: var(--gold,#D4B570) !important;
  background: rgba(212,181,112,0.07) !important;
}
.bhr-account-panel a svg {
  opacity: 0.6 !important;
  flex-shrink: 0 !important;
}
.bhr-account-panel a:hover svg { opacity: 1 !important; }
.bhr-account-panel-sep {
  height: 1px !important;
  background: rgba(212,181,112,0.12) !important;
  margin: 4px 0 !important;
}

/* === WISHLIST COUNTER BADGE === */
.bhr-wishlist-count {
  position: absolute !important;
  top: 6px !important;
  right: 4px !important;
  background: var(--amethyst,#6B4A8C) !important;
  color: var(--moon,#F4EFE6) !important;
  font-family: var(--sans,sans-serif) !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  min-width: 16px !important;
  height: 16px !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 3px !important;
  pointer-events: none !important;
}
.bhr-wishlist-count[data-count="0"] { display: none !important; }

/* === CART HOVER PREVIEW POPOVER (mini cart desktop) === */
.bhr-cart-popover {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  width: 300px !important;
  background: rgba(22,18,42,0.98) !important;
  border: 1px solid rgba(212,181,112,0.2) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  z-index: 1300 !important;
  padding: 16px !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(-6px) !important;
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s !important;
}
.bhr-cart-wrap {
  position: relative !important;
  display: inline-flex !important;
}
.bhr-cart-wrap:hover .bhr-cart-popover,
.bhr-cart-wrap:focus-within .bhr-cart-popover {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}
.bhr-cart-popover-title {
  font-family: var(--sans,sans-serif) !important;
  font-size: 9px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: rgba(212,181,112,0.7) !important;
  margin: 0 0 12px !important;
}
.bhr-cart-preview-items {
  list-style: none !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  max-height: 200px !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(212,181,112,0.3) transparent !important;
}
.bhr-cart-preview-item {
  display: flex !important;
  gap: 10px !important;
  padding: 8px 0 !important;
  border-bottom: 1px solid rgba(212,181,112,0.08) !important;
  align-items: flex-start !important;
}
.bhr-cart-preview-item:last-child { border-bottom: none !important; }
.bhr-cart-preview-img {
  width: 44px !important;
  height: 44px !important;
  object-fit: cover !important;
  flex-shrink: 0 !important;
  background: rgba(255,255,255,0.05) !important;
}
.bhr-cart-preview-info {
  flex: 1 !important;
  min-width: 0 !important;
}
.bhr-cart-preview-name {
  font-family: var(--sans,sans-serif) !important;
  font-size: 10px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--moon,#F4EFE6) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  display: block !important;
  margin-bottom: 3px !important;
}
.bhr-cart-preview-price {
  font-family: var(--serif,serif) !important;
  font-size: 12px !important;
  color: var(--gold,#D4B570) !important;
}
.bhr-cart-preview-empty {
  font-family: var(--sans,sans-serif) !important;
  font-size: 10px !important;
  letter-spacing: 0.12em !important;
  color: rgba(244,239,230,0.4) !important;
  text-align: center !important;
  padding: 12px 0 !important;
  text-transform: uppercase !important;
}
.bhr-cart-popover-total {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(212,181,112,0.15) !important;
  margin-bottom: 12px !important;
}
.bhr-cart-popover-total-label {
  font-family: var(--sans,sans-serif) !important;
  font-size: 9px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: rgba(244,239,230,0.5) !important;
}
.bhr-cart-popover-total-amount {
  font-family: var(--serif,serif) !important;
  font-size: 14px !important;
  color: var(--gold,#D4B570) !important;
}
.bhr-cart-popover-cta {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  padding: 10px !important;
  background: var(--gold,#D4B570) !important;
  color: var(--night,#0E0B1A) !important;
  font-family: var(--sans,sans-serif) !important;
  font-size: 9px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  transition: background 0.2s !important;
}
.bhr-cart-popover-cta:hover {
  background: #c9a85c !important;
}
/* Hide popover on mobile/tablet */
@media (max-width: 991px) {
  .bhr-cart-popover { display: none !important; }
}

/* === SEARCH SHORTCUT HINT "⌘K" — DESKTOP ONLY === */
.bhr-search-hint {
  display: inline-flex !important;
  align-items: center !important;
  gap: 2px !important;
  font-family: var(--sans,sans-serif) !important;
  font-size: 9px !important;
  letter-spacing: 0.04em !important;
  color: rgba(244,239,230,0.3) !important;
  border: 1px solid rgba(244,239,230,0.15) !important;
  border-radius: 3px !important;
  padding: 1px 4px !important;
  pointer-events: none !important;
  user-select: none !important;
  margin-left: -2px !important;
  line-height: 1.4 !important;
  transition: color 0.2s, border-color 0.2s !important;
}
.bhr-icon-btn:hover .bhr-search-hint {
  color: rgba(212,181,112,0.5) !important;
  border-color: rgba(212,181,112,0.25) !important;
}
/* Show only on desktop */
@media (max-width: 991px) {
  .bhr-search-hint { display: none !important; }
}
/* Search button with hint: widen to fit */
.bhr-icon-btn.bhr-search-btn-wide {
  width: auto !important;
  padding: 0 8px !important;
  gap: 4px !important;
}

/* === LOGO VARIATIONS: full / icon-only mobile === */
/* bhr-logo-svg--full: full wordmark (default desktop) */
/* bhr-logo-svg--icon: icon-only (shown mobile) */
.bhr-logo-svg--icon {
  display: none !important;
}
.bhr-logo-svg--full {
  display: block !important;
}
@media (max-width: 991px) {
  .bhr-logo-svg--full {
    display: none !important;
  }
  .bhr-logo-svg--icon {
    display: block !important;
    width: 36px !important;
    height: 36px !important;
  }
}

/* ── ITER 28 POLISH — 3rd PASS ───────────────────────────── */

/* === HEADER BOTTOM BORDER — subtle gold line === */
#header::after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(212,181,112,0.25) 20%,
    rgba(212,181,112,0.35) 50%,
    rgba(212,181,112,0.25) 80%,
    transparent 100%) !important;
  pointer-events: none !important;
}
/* position: relative removed — was overriding sticky. ::after uses position:absolute which works fine with sticky parent */

/* === STICKY SHRINK — height transition on scroll === */
.bhr-desktop-header {
  transition: padding 0.35s cubic-bezier(0.4,0,0.2,1) !important;
}
#header.bhr-scrolled .bhr-desktop-header {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
#header.bhr-scrolled .bhr-logo-svg {
  width: 120px !important;
  height: 68px !important;
  transition: width 0.35s ease, height 0.35s ease, opacity 0.3s ease, transform 0.3s ease !important;
}

/* === NOTIFICATION BELL BADGE (orders / messages) === */
.bhr-notif-count {
  position: absolute !important;
  top: 5px !important;
  right: 3px !important;
  background: #c0392b !important;
  color: #fff !important;
  font-family: var(--sans,sans-serif) !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  min-width: 14px !important;
  height: 14px !important;
  border-radius: 7px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 3px !important;
  pointer-events: none !important;
  border: 1.5px solid var(--night,#0E0B1A) !important;
  animation: bhr-notif-appear 0.3s ease-out !important;
}
.bhr-notif-count[data-count="0"] { display: none !important; }
@keyframes bhr-notif-appear {
  from { transform: scale(0); opacity: 0; }
  to   { transform: scale(1); opacity: 1; }
}
/* Bell icon pulse when count > 0 */
.bhr-icon-btn.bhr-has-notif svg {
  animation: bhr-bell-shake 0.5s ease-in-out 0.3s !important;
}
@keyframes bhr-bell-shake {
  0%,100% { transform: rotate(0deg); }
  20%     { transform: rotate(-12deg); }
  40%     { transform: rotate(10deg); }
  60%     { transform: rotate(-8deg); }
  80%     { transform: rotate(6deg); }
}

/* === COMPARE PRODUCTS ICON (si activé par PS module) === */
.bhr-compare-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  color: var(--moon,#F4EFE6) !important;
  transition: color 0.25s ease !important;
  text-decoration: none !important;
  border-radius: 2px !important;
  position: relative !important;
}
.bhr-compare-btn:hover { color: var(--gold,#D4B570) !important; }
.bhr-compare-count {
  position: absolute !important;
  top: 5px !important;
  right: 3px !important;
  background: var(--amethyst,#6B4A8C) !important;
  color: var(--moon,#F4EFE6) !important;
  font-family: var(--sans,sans-serif) !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  min-width: 14px !important;
  height: 14px !important;
  border-radius: 7px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 3px !important;
  pointer-events: none !important;
  border: 1.5px solid var(--night,#0E0B1A) !important;
}
.bhr-compare-count[data-count="0"],
.bhr-compare-count:empty { display: none !important; }

/* === TRACK ORDER — discreet link in account panel === */
.bhr-track-order-link {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 16px !important;
  color: rgba(244,239,230,0.55) !important;
  font-family: var(--sans,sans-serif) !important;
  font-size: 10px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: color 0.2s, background 0.2s !important;
  border-top: 1px solid rgba(212,181,112,0.08) !important;
  margin-top: 2px !important;
}
.bhr-track-order-link:hover {
  color: var(--gold,#D4B570) !important;
  background: rgba(212,181,112,0.05) !important;
}
.bhr-track-order-link svg { opacity: 0.5 !important; flex-shrink: 0 !important; }
.bhr-track-order-link:hover svg { opacity: 0.85 !important; }

/* === SUBMENU WIDTH — adaptive via max-content === */
.bhr-sub-menu {
  min-width: 160px !important;
  width: max-content !important;
  max-width: min(360px, 90vw) !important;
}
/* Prevent overflow off right edge */
.bhr-nav-item:last-child .bhr-sub-menu,
.bhr-nav-item:nth-last-child(2) .bhr-sub-menu {
  left: auto !important;
  right: 0 !important;
  transform: translateY(-8px) !important;
}
.bhr-nav-item:last-child .bhr-sub-menu.is-open,
.bhr-nav-item:nth-last-child(2) .bhr-sub-menu.is-open {
  transform: translateY(0) !important;
}

/* === LOGO PRINT-FRIENDLY FALLBACK === */
@media print {
  #header {
    position: static !important;
    box-shadow: none !important;
    background: #fff !important;
    border-bottom: 1px solid #ccc !important;
  }
  #header::after { display: none !important; }
  .bhr-desktop-header {
    display: flex !important;
    padding: 8px 0 !important;
  }
  .bhr-mobile-bar,
  .bhr-header-icons,
  .bhr-main-nav,
  .bhr-promo-banner,
  #bhr-scroll-progress { display: none !important; }
  .bhr-logo-svg {
    filter: invert(1) !important;
    width: 120px !important;
    height: auto !important;
  }
  /* Fallback text si SVG non imprimé */
  .bhr-header-logo::before {
    content: 'Bijoux Hélène Riu' !important;
    display: none !important; /* visible seulement si SVG échoue via CSS trick */
  }
}

/* === SKIP LINK — focus visible permanent === */
.bhr-skip-link {
  position: fixed !important;
  top: 8px !important;
  left: 50% !important;
  transform: translateX(-50%) translateY(-120%) !important;
  z-index: 9998 !important;
  background: var(--gold,#D4B570) !important;
  color: var(--night,#0E0B1A) !important;
  font-family: var(--sans,sans-serif) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  padding: 10px 20px !important;
  border-radius: 2px !important;
  transition: transform 0.2s ease !important;
  white-space: nowrap !important;
  outline: none !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.4) !important;
}
.bhr-skip-link:focus,
.bhr-skip-link:focus-visible {
  transform: translateX(-50%) translateY(0) !important;
  outline: 2px solid var(--night,#0E0B1A) !important;
  outline-offset: 2px !important;
}

/* ── ITER 50 POLISH — 4th PASS ───────────────────────────── */

/* ================================================================
   1. LIVE SEARCH DROPDOWN — desktop autocomplete inline
   ================================================================ */
.bhr-search-dropdown {
  position: absolute !important;
  top: calc(100% + 12px) !important;
  left: 0 !important;
  right: 0 !important;
  background: rgba(22,18,42,0.98) !important;
  border: 1px solid rgba(212,181,112,0.2) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  z-index: 2100 !important;
  max-height: 360px !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(212,181,112,0.3) transparent !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(-6px) !important;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s !important;
  pointer-events: none !important;
}
.bhr-search-dropdown.is-open {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}
.bhr-search-dropdown-section {
  padding: 10px 0 4px !important;
}
.bhr-search-dropdown-label {
  font-family: var(--sans,sans-serif) !important;
  font-size: 8px !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  color: rgba(212,181,112,0.5) !important;
  padding: 0 16px 6px !important;
  display: block !important;
}
.bhr-search-suggestion {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 8px 16px !important;
  cursor: pointer !important;
  transition: background 0.15s !important;
  text-decoration: none !important;
}
.bhr-search-suggestion:hover,
.bhr-search-suggestion[aria-selected="true"] {
  background: rgba(212,181,112,0.07) !important;
}
.bhr-search-suggestion-img {
  width: 40px !important;
  height: 40px !important;
  object-fit: cover !important;
  flex-shrink: 0 !important;
  background: rgba(255,255,255,0.05) !important;
}
.bhr-search-suggestion-name {
  flex: 1 !important;
  min-width: 0 !important;
  font-family: var(--sans,sans-serif) !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  color: var(--moon,#F4EFE6) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.bhr-search-suggestion-price {
  font-family: var(--serif,serif) !important;
  font-size: 12px !important;
  color: var(--gold,#D4B570) !important;
  flex-shrink: 0 !important;
}
.bhr-search-suggestion-mark {
  background: transparent !important;
  color: var(--gold,#D4B570) !important;
  font-weight: 600 !important;
}
.bhr-search-dropdown-divider {
  height: 1px !important;
  background: rgba(212,181,112,0.08) !important;
  margin: 4px 0 !important;
}
.bhr-search-view-all {
  display: block !important;
  text-align: center !important;
  padding: 10px 16px !important;
  font-family: var(--sans,sans-serif) !important;
  font-size: 9px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: rgba(212,181,112,0.6) !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
  border-top: 1px solid rgba(212,181,112,0.08) !important;
}
.bhr-search-view-all:hover { color: var(--gold,#D4B570) !important; }
.bhr-search-no-result {
  padding: 20px 16px !important;
  font-family: var(--sans,sans-serif) !important;
  font-size: 10px !important;
  letter-spacing: 0.12em !important;
  color: rgba(244,239,230,0.35) !important;
  text-align: center !important;
  text-transform: uppercase !important;
}
/* Loading shimmer */
.bhr-search-skeleton {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 8px 16px !important;
}
.bhr-search-skeleton-img {
  width: 40px !important;
  height: 40px !important;
  background: rgba(255,255,255,0.06) !important;
  flex-shrink: 0 !important;
  border-radius: 2px !important;
  animation: bhr-shimmer 1.4s infinite !important;
}
.bhr-search-skeleton-text {
  flex: 1 !important;
  height: 10px !important;
  background: rgba(255,255,255,0.06) !important;
  border-radius: 2px !important;
  animation: bhr-shimmer 1.4s infinite 0.2s !important;
}
@keyframes bhr-shimmer {
  0%,100% { opacity: 0.4; }
  50%      { opacity: 0.8; }
}
@media (max-width: 991px) {
  .bhr-search-dropdown { display: none !important; }
}

/* ================================================================
   2. RECENTLY VIEWED — mini panel sur hover user icon
   ================================================================ */
.bhr-user-wrap {
  position: relative !important;
  display: inline-flex !important;
}
.bhr-recently-viewed {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  width: 280px !important;
  background: rgba(22,18,42,0.98) !important;
  border: 1px solid rgba(212,181,112,0.2) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  z-index: 1300 !important;
  padding: 14px 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(-6px) !important;
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s !important;
}
.bhr-user-wrap:hover .bhr-recently-viewed,
.bhr-user-wrap:focus-within .bhr-recently-viewed {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}
.bhr-rv-title {
  font-family: var(--sans,sans-serif) !important;
  font-size: 8px !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  color: rgba(212,181,112,0.5) !important;
  padding: 0 14px 8px !important;
  display: block !important;
}
.bhr-rv-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.bhr-rv-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 14px !important;
  text-decoration: none !important;
  transition: background 0.15s !important;
}
.bhr-rv-item:hover {
  background: rgba(212,181,112,0.06) !important;
}
.bhr-rv-img {
  width: 40px !important;
  height: 40px !important;
  object-fit: cover !important;
  flex-shrink: 0 !important;
  background: rgba(255,255,255,0.05) !important;
}
.bhr-rv-info { flex: 1 !important; min-width: 0 !important; }
.bhr-rv-name {
  font-family: var(--sans,sans-serif) !important;
  font-size: 10px !important;
  letter-spacing: 0.1em !important;
  color: var(--moon,#F4EFE6) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  display: block !important;
  margin-bottom: 2px !important;
}
.bhr-rv-price {
  font-family: var(--serif,serif) !important;
  font-size: 11px !important;
  color: var(--gold,#D4B570) !important;
}
.bhr-rv-empty {
  font-family: var(--sans,sans-serif) !important;
  font-size: 10px !important;
  letter-spacing: 0.12em !important;
  color: rgba(244,239,230,0.3) !important;
  text-align: center !important;
  padding: 12px 14px 4px !important;
  text-transform: uppercase !important;
}
.bhr-rv-footer {
  padding: 10px 14px 0 !important;
  border-top: 1px solid rgba(212,181,112,0.08) !important;
  margin-top: 6px !important;
}
.bhr-rv-footer a {
  font-family: var(--sans,sans-serif) !important;
  font-size: 9px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: rgba(212,181,112,0.55) !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
  display: block !important;
  text-align: center !important;
}
.bhr-rv-footer a:hover { color: var(--gold,#D4B570) !important; }
@media (max-width: 991px) {
  .bhr-recently-viewed { display: none !important; }
}

/* ================================================================
   3. WISHLIST MINI PANEL — hover sur icône coeur
   ================================================================ */
.bhr-wishlist-wrap {
  position: relative !important;
  display: inline-flex !important;
}
.bhr-wishlist-panel {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  width: 280px !important;
  background: rgba(22,18,42,0.98) !important;
  border: 1px solid rgba(212,181,112,0.2) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  z-index: 1300 !important;
  padding: 14px 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(-6px) !important;
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s !important;
}
.bhr-wishlist-wrap:hover .bhr-wishlist-panel,
.bhr-wishlist-wrap:focus-within .bhr-wishlist-panel {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}
.bhr-wl-title {
  font-family: var(--sans,sans-serif) !important;
  font-size: 8px !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  color: rgba(212,181,112,0.5) !important;
  padding: 0 14px 8px !important;
  display: block !important;
}
.bhr-wl-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  max-height: 220px !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(212,181,112,0.3) transparent !important;
}
.bhr-wl-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 14px !important;
  text-decoration: none !important;
  transition: background 0.15s !important;
}
.bhr-wl-item:hover { background: rgba(212,181,112,0.06) !important; }
.bhr-wl-img {
  width: 40px !important;
  height: 40px !important;
  object-fit: cover !important;
  flex-shrink: 0 !important;
  background: rgba(255,255,255,0.05) !important;
}
.bhr-wl-info { flex: 1 !important; min-width: 0 !important; }
.bhr-wl-name {
  font-family: var(--sans,sans-serif) !important;
  font-size: 10px !important;
  letter-spacing: 0.1em !important;
  color: var(--moon,#F4EFE6) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  display: block !important;
  margin-bottom: 2px !important;
}
.bhr-wl-price {
  font-family: var(--serif,serif) !important;
  font-size: 11px !important;
  color: var(--gold,#D4B570) !important;
}
.bhr-wl-empty {
  font-family: var(--sans,sans-serif) !important;
  font-size: 10px !important;
  letter-spacing: 0.12em !important;
  color: rgba(244,239,230,0.3) !important;
  text-align: center !important;
  padding: 12px 14px 4px !important;
  text-transform: uppercase !important;
}
.bhr-wl-footer {
  padding: 10px 14px 0 !important;
  border-top: 1px solid rgba(212,181,112,0.08) !important;
  margin-top: 6px !important;
}
.bhr-wl-footer a {
  display: block !important;
  text-align: center !important;
  font-family: var(--sans,sans-serif) !important;
  font-size: 9px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: rgba(212,181,112,0.55) !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
}
.bhr-wl-footer a:hover { color: var(--gold,#D4B570) !important; }
@media (max-width: 991px) {
  .bhr-wishlist-panel { display: none !important; }
}

/* ================================================================
   4. CART POPOVER — already done iter 16B, no changes needed
   ================================================================ */
/* .bhr-cart-popover already defined above — no override here */

/* ================================================================
   5. MEGA MENU IMAGE PREVIEW — icône par catégorie
   ================================================================ */
.bhr-sub-menu.bhr-mega-visual {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  min-width: 380px !important;
  padding: 12px 0 !important;
  column-gap: 0 !important;
}
/* Category item with visual */
.bhr-sub-menu.bhr-mega-visual li {
  position: relative !important;
}
.bhr-sub-menu.bhr-mega-visual li a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 16px !important;
}
.bhr-sub-cat-img {
  width: 36px !important;
  height: 36px !important;
  object-fit: cover !important;
  flex-shrink: 0 !important;
  border-radius: 2px !important;
  background: rgba(255,255,255,0.05) !important;
  transition: transform 0.25s ease !important;
}
.bhr-sub-menu.bhr-mega-visual li a:hover .bhr-sub-cat-img {
  transform: scale(1.08) !important;
}
/* Full-width category preview image on hover — shown in a hover ::after pseudo tooltip */
.bhr-sub-menu.bhr-mega-visual {
  overflow: visible !important;
}
/* Large preview: shown via JS-toggled class or CSS sibling trick */
.bhr-mega-preview {
  position: absolute !important;
  left: 100% !important;
  top: 0 !important;
  width: 180px !important;
  height: 220px !important;
  background: rgba(22,18,42,0.95) !important;
  border: 1px solid rgba(212,181,112,0.15) !important;
  backdrop-filter: blur(16px) !important;
  overflow: hidden !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 0.2s ease, visibility 0.2s !important;
  z-index: 1400 !important;
  display: flex !important;
  flex-direction: column !important;
}
.bhr-sub-menu li:hover .bhr-mega-preview {
  opacity: 1 !important;
  visibility: visible !important;
}
.bhr-mega-preview img {
  width: 100% !important;
  height: 140px !important;
  object-fit: cover !important;
  display: block !important;
}
.bhr-mega-preview-label {
  padding: 10px 12px 6px !important;
  font-family: var(--sans,sans-serif) !important;
  font-size: 9px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: var(--gold,#D4B570) !important;
  display: block !important;
}
.bhr-mega-preview-desc {
  padding: 0 12px !important;
  font-family: var(--serif,serif) !important;
  font-size: 10px !important;
  color: rgba(244,239,230,0.55) !important;
  line-height: 1.5 !important;
}
@media (max-width: 991px) {
  .bhr-mega-preview { display: none !important; }
}

/* ================================================================
   6. TOP BANNER COUNTDOWN TIMER
   ================================================================ */
.bhr-countdown {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 10px !important;
  font-variant-numeric: tabular-nums !important;
}
.bhr-countdown-unit {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  line-height: 1 !important;
}
.bhr-countdown-value {
  font-family: var(--sans,sans-serif) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--gold,#D4B570) !important;
  letter-spacing: 0.02em !important;
  min-width: 22px !important;
  text-align: center !important;
}
.bhr-countdown-label {
  font-family: var(--sans,sans-serif) !important;
  font-size: 6px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: rgba(244,239,230,0.5) !important;
  margin-top: 2px !important;
}
.bhr-countdown-sep {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: rgba(212,181,112,0.5) !important;
  align-self: flex-start !important;
  margin-top: 1px !important;
  animation: bhr-sep-blink 1s step-end infinite !important;
}
@keyframes bhr-sep-blink {
  0%,100% { opacity: 1; }
  50%      { opacity: 0; }
}
/* Expired state */
.bhr-countdown[data-expired="true"] {
  display: none !important;
}
/* Urgency flash when < 1h */
.bhr-countdown[data-urgent="true"] .bhr-countdown-value {
  color: #ff6b6b !important;
  animation: bhr-urgent-pulse 1.5s ease-in-out infinite !important;
}
@keyframes bhr-urgent-pulse {
  0%,100% { opacity: 1; }
  50%      { opacity: 0.6; }
}
@media (max-width: 767px) {
  .bhr-countdown { display: none !important; }
}


/* ── New PNG logo + wordmark ───────────────────────────── */
.bhr-logo-link {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}
.bhr-logo-img {
  height: 64px !important;
  width: auto !important;
  display: block !important;
  transition: opacity 0.3s ease, transform 0.3s ease !important;
}
.bhr-logo-link:hover .bhr-logo-img {
  opacity: 0.9 !important;
  transform: scale(1.02) !important;
}
.bhr-logo-text {
  display: flex !important;
  flex-direction: column !important;
  line-height: 1 !important;
}
.bhr-logo-name {
  font-family: "Italiana", serif !important;
  font-size: 22px !important;
  color: var(--moon, #F4EFE6) !important;
  letter-spacing: 0.5px !important;
}
.bhr-logo-name em {
  color: var(--gold, #D4B570) !important;
  font-style: normal !important;
  margin-left: 4px !important;
}
.bhr-logo-tag {
  font-family: "Inter Tight", sans-serif !important;
  font-size: 9px !important;
  color: var(--moon, #F4EFE6) !important;
  opacity: 0.7 !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  margin-top: 4px !important;
}
#header.bhr-scrolled .bhr-logo-img {
  height: 48px !important;
}
@media (max-width: 768px) {
  .bhr-logo-img { height: 48px !important; }
  .bhr-logo-text { display: none !important; }
}