/**
 * Lumiere — luxury gold shimmer & promo strip
 */

@keyframes goldShimmer {
  0% {
    background-position: -200% center;
  }
  100% {
    background-position: 200% center;
  }
}

@keyframes shimmerStrip {
  0%,
  100% {
    background-position: 0% center;
  }
  50% {
    background-position: 100% center;
  }
}

@keyframes goldPulse {
  0%,
  100% {
    box-shadow: 0 0 20px rgba(201, 169, 110, 0.3);
  }
  50% {
    box-shadow: 0 0 35px rgba(201, 169, 110, 0.6), 0 0 50px rgba(201, 169, 110, 0.3);
  }
}

.gold-shimmer-text {
  background: linear-gradient(90deg, #c9a96e 0%, #e8c98e 25%, #d4af37 50%, #e8c98e 75%, #c9a96e 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: goldShimmer 3s linear infinite;
}

.gold-divider-shimmer {
  height: 2px;
  background: linear-gradient(90deg, transparent, #d4af37, #e8c98e, #d4af37, transparent);
  background-size: 200% 100%;
  animation: goldShimmer 3s linear infinite;
  box-shadow: 0 0 15px rgba(201, 169, 110, 0.6);
}

/* ——— Gold promo strip (header) ——— */
.lumiere-gold-strip {
  background: linear-gradient(90deg, #a8844a 0%, #e8c98e 25%, #d4af37 50%, #e8c98e 75%, #a8844a 100%);
  background-size: 200% 100%;
  animation: shimmerStrip 3s linear infinite;
  box-shadow: 0 2px 10px rgba(201, 169, 110, 0.4);
  font-size: 0.6875rem;
  letter-spacing: 0.08em;
}

.lumiere-gold-strip__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding-block: 0.4375rem;
  color: #0a0608;
  flex-wrap: wrap;
}

.lumiere-gold-strip__phone {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  color: inherit;
  text-decoration: none;
  direction: ltr;
}

.lumiere-gold-strip__phone:hover {
  opacity: 0.85;
}

.lumiere-gold-strip__offer {
  font-weight: 600;
  text-align: center;
  flex: 1 1 auto;
}

.lumiere-gold-strip__hours {
  white-space: nowrap;
}

@media (max-width: 767px) {
  .lumiere-gold-strip__inner {
    justify-content: center;
    text-align: center;
  }

  .lumiere-gold-strip__hours {
    display: none;
  }
}

/* ——— LUMIÈRE / BEAUTY ATELIER wordmark ——— */
.lumiere-logo--atelier {
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  color: var(--lm-fg);
}

.lumiere-logo--footer.lumiere-logo--atelier {
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}

.lumiere-logo__wordmark {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  line-height: 1;
}

.lumiere-logo__brand {
  font-family: "IBM Plex Sans Arabic", system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  color: var(--lm-fg);
}

.lumiere-logo__tagline {
  margin-top: 0.1875rem;
  font-size: 0.5rem;
  letter-spacing: 0.4em;
  color: var(--lm-primary);
  text-shadow: 0 0 10px rgba(201, 169, 110, 0.4);
}

.lumiere-logo--footer .lumiere-logo__brand {
  font-size: 1.375rem;
}

.lumiere-logo--footer .lumiere-logo__tagline {
  font-size: 0.5625rem;
  letter-spacing: 0.35em;
}

.lumiere-header--gold .lumiere-header__shell {
  background: rgba(251, 247, 238, 0.97);
  backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(201, 169, 110, 0.2);
}

/* مطابقة Navbar.tsx — إخفاء الهيدر على الجوال (شريط سفلي فقط) */
@media (max-width: 767.98px) {
  .lumiere-header--gold {
    display: none;
  }
}

/* أزرار حسابي + احجزي (سطح المكتب) */
.lumiere-header__profile-btn,
.lumiere-header__book-btn {
  display: none;
  align-items: center;
  gap: 0.375rem;
  text-decoration: none;
  font-size: 0.6875rem;
  letter-spacing: 0.08em;
  transition: color 0.2s, border-color 0.2s, box-shadow 0.2s;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .lumiere-header__profile-btn,
  .lumiere-header__book-btn {
    display: inline-flex;
  }

  .lumiere-header__search-btn,
  .lumiere-account-dd,
  .lumiere-nav__toggle {
    display: none !important;
  }

  .lumiere-nav__mobile-shell {
    display: none !important;
  }
}

.lumiere-header__profile-btn {
  padding: 0.5rem 0.875rem;
  border: 1px solid rgba(201, 169, 110, 0.4);
  color: var(--lm-fg);
  background: transparent;
}

.lumiere-header__profile-btn:hover,
.lumiere-header__profile-btn.is-active {
  border-color: var(--lm-primary);
  color: var(--lm-primary);
}

.lumiere-header__book-btn {
  padding: 0.625rem 1.25rem;
  border: none;
  font-weight: 700;
  color: #0a0608;
  background: linear-gradient(135deg, #e8c98e, #d4af37, #c9a96e);
  box-shadow: 0 0 20px rgba(201, 169, 110, 0.4), 0 4px 16px rgba(0, 0, 0, 0.15);
}

.lumiere-header__book-btn:hover {
  color: #0a0608;
  box-shadow: 0 0 25px rgba(201, 169, 110, 0.5), 0 6px 20px rgba(0, 0, 0, 0.2);
}

/* روابط التنقل النشطة (ذهبي) */
.lumiere-header--gold .lumiere-nav__list > li.current-menu-item > a,
.lumiere-header--gold .lumiere-nav__list > li.current_page_item > a {
  color: var(--lm-primary);
  border-bottom: 1px solid var(--lm-primary);
  text-shadow: 0 0 10px rgba(201, 169, 110, 0.4);
}

.lumiere-header--gold .lumiere-nav__list a {
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  color: rgba(107, 114, 128, 0.8);
  border-bottom: 1px solid transparent;
  padding-bottom: 0.125rem;
  transition: color 0.2s, text-shadow 0.2s, border-color 0.2s;
}

.lumiere-header--gold .lumiere-nav__list a:hover {
  color: var(--lm-primary);
  text-shadow: 0 0 10px rgba(201, 169, 110, 0.4);
}