/** Shopify CDN: Minification failed

Line 124:0 All "@import" rules must come first

**/
/* ====================================================
   ZIYARA – Personnalisations visuelles
   1. Couleur hero (rouge plus chaud)
   2. Hauteur hero réduite d'1/4
   3. Boutons de navigation en "cases"
   4. Animations hover (desktop) + tap (mobile)
==================================================== */

/* ── 1 & 2 : HERO ────────────────────────────────── */
.hero-premium {
  background: #7B2D1E !important;
  min-height: 75vh !important;
  padding: 70px 24px 40px !important;
}

/* ── 3 : BOUTONS DU MENU EN CASES ────────────────── */

/*
 * Supprime le gap entre les items pour que les
 * bordures se touchent et forment des cases.
 */
.overflow-menu::part(list) {
  gap: 0 !important;
  margin-inline: 0 !important;
}

/*
 * Chaque lien devient une "case" :
 * - bordure droite en séparateur
 * - padding harmonisé
 * - position relative pour le pseudo-élément d'animation
 */
.menu-list__list-item:not([slot='overflow']) {
  border-right: 1px solid rgba(255, 255, 255, 0.20);
  position: relative;
}

.menu-list__list-item:not([slot='overflow']):first-child {
  border-left: 1px solid rgba(255, 255, 255, 0.20);
}

.menu-list__link {
  padding-inline: 20px !important;
  position: relative;
  overflow: hidden;
  z-index: 0;
}

.menu-list__link-title {
  padding-inline: 0 !important;
  position: relative;
  z-index: 2;
  transition: color 0.25s ease;
}

/* ── 4 : ANIMATION HOVER (desktop) ───────────────── */

/*
 * Pseudo-élément doré qui monte de bas en haut au hover.
 * z-index: 1 pour être sous le texte (z-index: 2).
 */
.menu-list__link::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(160deg, #C9A84C 0%, #D4A93A 100%);
  transform: scaleY(0);
  transform-origin: bottom center;
  transition: transform 0.30s cubic-bezier(0.22, 1, 0.36, 1);
  z-index: 1;
}

.menu-list__list-item:hover .menu-list__link::before,
.menu-list__list-item:focus-within .menu-list__link::before {
  transform: scaleY(1);
}

/* Texte passe en brun foncé quand le fond doré est visible */
.menu-list__list-item:hover .menu-list__link-title,
.menu-list__list-item:focus-within .menu-list__link-title {
  color: #4A1A0A;
}

/* Léger lift du lien au hover */
.menu-list__list-item:hover .menu-list__link {
  transform: translateY(-1px);
}

/* ── 4b : ANIMATION TAP (mobile / touch) ─────────── */

/*
 * Sur écrans tactiles (hover: none), on utilise :active
 * pour un retour visuel immédiat au toucher.
 */
@media (hover: none) {
  .menu-list__list-item:active .menu-list__link {
    transform: scale(0.95);
    transition: transform 0.10s ease;
  }

  .menu-list__list-item:active .menu-list__link::before {
    transform: scaleY(1);
    transition: transform 0.10s ease;
  }

  .menu-list__list-item:active .menu-list__link-title {
    color: #4A1A0A;
  }

  /* Barre de navigation mobile (menu-list--mobile) */
  .menu-list--mobile .menu-list__item:active {
    background: rgba(201, 168, 76, 0.25);
    border-radius: 4px;
    transition: background 0.10s ease;
  }
}

/* ── LOGO ZIYARA – police Cormorant, taille standard ─────── */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700&display=swap');

.header-logo {
  font-family: 'Cormorant Garamond', 'Playfair Display', serif !important;
  font-size: 2.4rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--color-foreground) !important;
  text-decoration: none !important;
  justify-content: center !important;
}

.header-logo .header-logo__image-container {
  font-family: 'Cormorant Garamond', serif !important;
}