/* =========================================================
   Awadh Pinner — Overall Luxury Restaurant Website Refresh
   Inspired by premium restaurant sites: immersive hero image,
   editorial typography, warm hospitality palette, clear CTAs,
   photo-led gallery, modern cards and mobile-first spacing.
   ========================================================= */
:root {
  --awadh-ink: #25170f;
  --awadh-charcoal: #11100d;
  --awadh-deep: #1c261e;
  --awadh-green: #24362a;
  --awadh-cream: #fff8ee;
  --awadh-soft: #f5ead8;
  --awadh-paper: #fffaf2;
  --awadh-muted: #6c5a48;
  --awadh-gold: #b47a30;
  --awadh-gold-light: #e8bd73;
  --awadh-rust: #9a4633;
  --awadh-border: rgba(37,23,15,.12);
  --awadh-shadow: 0 24px 70px rgba(37,23,15,.15);
  --awadh-radius: 28px;
}

html { scroll-behavior: smooth; }
body.royal-palace-site,
body {
  background:
    radial-gradient(circle at 12% 8%, rgba(232,189,115,.26), transparent 25%),
    linear-gradient(180deg, #fff9ef 0%, #f8eddd 44%, #fff8ee 100%) !important;
  color: var(--awadh-ink) !important;
  font-family: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}
#app-root,
.app-root {
  background: transparent !important;
  color: var(--awadh-ink) !important;
  overflow-x: hidden;
}

/* Subtle culinary texture */
#app-root::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-image:
    radial-gradient(circle at 20px 20px, rgba(180,122,48,.07) 1px, transparent 1.5px),
    radial-gradient(circle at 70% 30%, rgba(36,54,42,.08), transparent 28%);
  background-size: 34px 34px, 100% 100%;
  opacity: .45;
}
#app-root > * { position: relative; z-index: 1; }

/* Navigation */
.sticky-header,
#main-nav {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(25, 34, 27, .86) !important;
  border-bottom: 1px solid rgba(232,189,115,.22) !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.22) !important;
  backdrop-filter: saturate(140%) blur(18px) !important;
  -webkit-backdrop-filter: saturate(140%) blur(18px) !important;
}
.sticky-header nav { min-height: 82px; }
.logo_bar { max-width: 9.2rem !important; max-height: 5rem !important; }
.logo_bar img {
  max-height: 64px;
  width: auto;
  object-fit: contain;
  filter: drop-shadow(0 10px 20px rgba(0,0,0,.25));
}
.nav-link,
#mobile-menu a,
.sticky-header a:not(.btn-primary):not(.btn-secondary) {
  color: rgba(255,248,238,.88) !important;
  text-decoration: none !important;
  letter-spacing: .16em !important;
  font-weight: 800 !important;
  position: relative;
}
.nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--awadh-gold-light), transparent);
  transform: scaleX(0);
  transition: transform .25s ease;
}
.nav-link:hover::after { transform: scaleX(1); }
.nav-link:hover,
#mobile-menu a:hover { color: var(--awadh-gold-light) !important; }
.sticky-header .card-hover,
.sticky-header button.card-hover {
  border: 1px solid rgba(232,189,115,.9) !important;
  background: linear-gradient(135deg, #d5a35b, #fff0bd 48%, #b47a30) !important;
  border-radius: 999px !important;
  padding: 13px 24px !important;
  box-shadow: 0 14px 34px rgba(180,122,48,.28) !important;
}
.sticky-header .card-hover a {
  color: #25170f !important;
  font-size: .74rem;
  letter-spacing: .18em;
  font-weight: 900;
}
#mobile-menu {
  background: rgba(25,34,27,.97) !important;
  border-top: 1px solid rgba(232,189,115,.18) !important;
}

/* Typography */
h1, h2, h3, h4,
#newsletter-heading,
#about-heading {
  font-family: 'Playfair Display', 'Cormorant Garamond', Georgia, serif !important;
  letter-spacing: -.025em;
}
.gradient-warm h1,
.gradient-warm h2,
.gradient-warm h3,
.section-royal h1,
.section-royal h2,
.section-royal h3,
.auth-card h2,
.panel-card h2,
.card-hover h3,
.royal-experience-item h3 {
  color: var(--awadh-ink) !important;
}
.gradient-warm p,
.section-royal p,
.card-hover p,
.royal-experience-item p,
.auth-card p,
.panel-card p,
footer p {
  color: var(--awadh-muted) !important;
}
.gold-shimmer {
  color: inherit !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}
.badge,
.hero-overline {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: rgba(180,122,48,.1) !important;
  border: 1px solid rgba(180,122,48,.28) !important;
  color: var(--awadh-gold) !important;
  border-radius: 999px !important;
  padding: 9px 14px !important;
  font-size: .72rem !important;
  font-weight: 900 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

/* Buttons */
.btn-primary,
button[type="submit"],
.offer-cta-primary,
.auth-toggle-btn.active,
a.btn-primary {
  background: linear-gradient(135deg, #27382c 0%, #111a14 100%) !important;
  color: #fff8ee !important;
  border: 1px solid rgba(39,56,44,.95) !important;
  border-radius: 999px !important;
  padding: 14px 24px !important;
  font-weight: 900 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  box-shadow: 0 18px 35px rgba(39,56,44,.23) !important;
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.btn-primary:hover,
button[type="submit"]:hover,
.offer-cta-primary:hover,
a.btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 24px 50px rgba(39,56,44,.28) !important;
  filter: brightness(1.06);
}
.btn-secondary,
.offer-cta-secondary,
a.btn-secondary {
  background: rgba(255,248,238,.78) !important;
  color: var(--awadh-ink) !important;
  border: 1px solid rgba(180,122,48,.34) !important;
  border-radius: 999px !important;
  padding: 14px 24px !important;
  font-weight: 900 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  box-shadow: 0 16px 35px rgba(37,23,15,.08) !important;
}
.btn-secondary:hover,
.offer-cta-secondary:hover,
a.btn-secondary:hover {
  background: #fff !important;
  transform: translateY(-2px);
}

/* Hero: photo-led editorial restaurant landing */
.darbar-layer,
.hero-jali { display: none !important; }
.darbar-hero,
.gradient-dark.paisley,
section.gradient-dark.paisley {
  background:
    linear-gradient(90deg, rgba(17,16,13,.90) 0%, rgba(17,16,13,.72) 42%, rgba(17,16,13,.36) 72%, rgba(17,16,13,.74) 100%),
    url('../assects/hero-bg.jpg') center/cover no-repeat !important;
  border: 0 !important;
}
.darbar-hero {
  min-height: calc(100vh - 82px) !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 110px 24px 90px !important;
}
.darbar-hero .relative.z-10 {
  max-width: 1180px !important;
  text-align: left !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100%;
}
.hero-darbar-frame,
.mughal-arch-frame {
  max-width: 760px !important;
  padding: clamp(2rem, 5vw, 4.6rem) !important;
  border-radius: 38px !important;
  background: linear-gradient(135deg, rgba(255,248,238,.92), rgba(255,248,238,.76)) !important;
  border: 1px solid rgba(255,248,238,.6) !important;
  box-shadow: 0 35px 95px rgba(0,0,0,.32) !important;
  color: var(--awadh-ink) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}
.darbar-hero .badge,
.darbar-hero .hero-overline {
  background: rgba(36,54,42,.08) !important;
  color: var(--awadh-green) !important;
  border-color: rgba(36,54,42,.18) !important;
}
.darbar-hero h1,
.gradient-dark h1,
.gradient-dark.paisley h1 {
  color: var(--awadh-ink) !important;
  font-size: clamp(3.2rem, 7vw, 6.8rem) !important;
  line-height: .91 !important;
  letter-spacing: -.06em !important;
}
.darbar-hero p,
.darbar-hero p[style] {
  color: #5c4a39 !important;
}
.darbar-hero p:nth-of-type(1) {
  color: var(--awadh-gold) !important;
  font-weight: 900;
}
.darbar-hero .flex.justify-center { justify-content: flex-start !important; }
.anim-bounce { display: none !important; }

/* Internal page heroes */
section.gradient-dark.paisley:not(.darbar-hero),
section.relative.overflow-hidden.gradient-dark.paisley {
  min-height: 390px;
  display: flex;
  align-items: center;
  padding-top: 96px !important;
  padding-bottom: 96px !important;
}
section.gradient-dark.paisley:not(.darbar-hero) h1,
section.relative.overflow-hidden.gradient-dark.paisley h1 {
  color: var(--awadh-cream) !important;
  text-shadow: 0 16px 40px rgba(0,0,0,.55);
}
section.gradient-dark.paisley:not(.darbar-hero) p,
section.relative.overflow-hidden.gradient-dark.paisley p,
section.gradient-dark.paisley:not(.darbar-hero) .badge,
section.relative.overflow-hidden.gradient-dark.paisley .badge {
  color: rgba(255,248,238,.82) !important;
}
section.relative.overflow-hidden.gradient-dark.paisley .badge {
  background: rgba(255,248,238,.12) !important;
  border-color: rgba(255,248,238,.25) !important;
}

/* Sections and layout rhythm */
.section-royal,
.gradient-warm,
section.gradient-warm,
section.py-20.gradient-warm,
section.py-16.gradient-warm {
  background: linear-gradient(180deg, rgba(255,250,242,.96), rgba(245,234,216,.96)) !important;
  border: 0 !important;
}
.section-royal,
section.py-20,
section.py-16,
section.py-24 { position: relative; }
.section-royal::before,
.gradient-warm::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 90% 10%, rgba(180,122,48,.10), transparent 24%);
  opacity: .75;
}
.section-royal > *,
.gradient-warm > * { position: relative; z-index: 1; }

/* Hospitality ribbon */
.royal-experience-ribbon {
  margin-top: -50px;
  padding-bottom: 54px !important;
  z-index: 5 !important;
}
.royal-experience-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px !important;
  background: rgba(36,54,42,.94) !important;
  border: 1px solid rgba(232,189,115,.24) !important;
  border-radius: 34px !important;
  box-shadow: 0 28px 70px rgba(37,23,15,.22) !important;
  padding: 18px !important;
}
.royal-experience-item {
  background: rgba(255,248,238,.96) !important;
  border: 1px solid rgba(255,255,255,.55) !important;
  border-radius: 24px !important;
  padding: 28px !important;
  box-shadow: none !important;
}
.royal-icon-wrap {
  background: linear-gradient(135deg, var(--awadh-gold), var(--awadh-gold-light)) !important;
  color: var(--awadh-ink) !important;
  border-radius: 18px !important;
}

/* Cards, menu, offers, reviews */
.card-hover,
.panel-card,
.auth-card,
.offer-hero-card,
.offer-subnav,
.offer-cta-panel,
.review-summary,
.review-card,
#awadh-contact-form,
.modal-content,
.gallery-card,
#gallery-admin-panel,
.customer-card,
.offer-card {
  background: rgba(255,250,242,.9) !important;
  border: 1px solid rgba(37,23,15,.10) !important;
  border-radius: var(--awadh-radius) !important;
  box-shadow: var(--awadh-shadow) !important;
  color: var(--awadh-ink) !important;
}
.card-hover:hover,
.offer-card:hover,
.gallery-card:hover,
.review-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 32px 80px rgba(37,23,15,.18) !important;
}
.counter {
  color: var(--awadh-rust) !important;
  font-family: 'Playfair Display', Georgia, serif !important;
}

#menu-primary-tabs,
#offers-filter-bar,
.auth-toggle {
  background: rgba(255,255,255,.5) !important;
  border: 1px solid rgba(37,23,15,.10) !important;
  border-radius: 999px !important;
  padding: 8px !important;
  box-shadow: 0 16px 40px rgba(37,23,15,.08) !important;
}
.menu-tab,
.offer-pill,
.auth-toggle-btn {
  border-radius: 999px !important;
  border: 1px solid rgba(37,23,15,.1) !important;
  background: transparent !important;
  color: var(--awadh-muted) !important;
  font-weight: 900 !important;
}
.menu-tab[style*="linear-gradient"],
.menu-tab.active,
.offer-pill.active,
.auth-toggle-btn.active {
  background: linear-gradient(135deg, var(--awadh-green), #111a14) !important;
  color: var(--awadh-cream) !important;
  border-color: rgba(36,54,42,.9) !important;
}
#menu-grid .card-hover {
  position: relative;
  overflow: hidden;
  padding: 30px !important;
}
#menu-grid .card-hover::before,
.offer-card::before,
.review-card::before {
  content: "";
  position: absolute;
  left: 24px;
  right: 24px;
  top: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--awadh-rust), var(--awadh-gold-light));
  border-radius: 999px;
}
#menu-grid h3,
#menu-grid h3[style] { color: var(--awadh-ink) !important; }
#menu-grid span,
#menu-grid span[style] { color: var(--awadh-rust) !important; }
#menu-section-title * { color: var(--awadh-ink) !important; }

/* Gallery becomes photo-led and clean */
.gallery-masonry {
  column-count: initial !important;
  column-gap: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 22px !important;
}
.gallery-card {
  margin-bottom: 0 !important;
  overflow: hidden !important;
  min-height: 260px;
  background: var(--awadh-soft) !important;
}
.gallery-card img {
  width: 100%;
  height: 100%;
  min-height: 260px;
  display: block;
  object-fit: cover;
  transform: scale(1.01);
  transition: transform .45s ease;
}
.gallery-card:hover img { transform: scale(1.06); }
.gallery-card:nth-child(4n+1) { grid-row: span 2; }
.gallery-card:nth-child(4n+1) img { min-height: 542px; }
.upload-drop,
#gallery-admin-panel {
  border: 1.5px dashed rgba(180,122,48,.36) !important;
  background: rgba(255,255,255,.55) !important;
}

/* Forms and admin/customer pages */
input,
textarea,
select,
.auth-input,
.admin-input,
.form-input {
  background: #fffdf8 !important;
  color: var(--awadh-ink) !important;
  border: 1px solid rgba(37,23,15,.14) !important;
  border-radius: 16px !important;
  padding: 14px 16px !important;
  outline: none !important;
  transition: border-color .2s ease, box-shadow .2s ease;
}
input:focus,
textarea:focus,
select:focus,
.auth-input:focus,
.admin-input:focus,
.form-input:focus {
  border-color: rgba(180,122,48,.65) !important;
  box-shadow: 0 0 0 4px rgba(180,122,48,.12) !important;
}
label { color: var(--awadh-muted) !important; }
.admin-nav,
.auth-card,
.panel-card { backdrop-filter: blur(12px); }
table { background: #fffaf2 !important; border-radius: 20px; overflow: hidden; }
th { background: rgba(36,54,42,.08) !important; color: var(--awadh-green) !important; }
td { color: var(--awadh-ink) !important; border-bottom: 1px solid rgba(37,23,15,.08) !important; }
pre, code { background: rgba(36,54,42,.08) !important; color: var(--awadh-green) !important; border-radius: 12px; }

/* Contact and footer */
#contact a,
footer a { color: var(--awadh-gold) !important; }
footer {
  background: linear-gradient(135deg, #172019 0%, #0d100d 100%) !important;
  color: var(--awadh-cream) !important;
  border-top: 1px solid rgba(232,189,115,.22) !important;
}
footer h4,
footer .text-lg,
footer [style*="ffc966"] { color: var(--awadh-gold-light) !important; }
footer p,
footer li a,
footer .text-xs { color: rgba(255,248,238,.68) !important; }
footer a:hover { color: var(--awadh-gold-light) !important; }
.modal-backdrop {
  background: rgba(14,16,13,.72) !important;
  backdrop-filter: blur(10px) !important;
}

/* Animations tuned for professional feel */
.reveal { transition: opacity .65s ease, transform .65s ease !important; }
.hover-lift,
.card-hover,
.gallery-card,
.review-card,
.offer-card { transition: transform .28s ease, box-shadow .28s ease !important; }
.toast {
  border-radius: 999px !important;
  background: var(--awadh-green) !important;
  color: var(--awadh-cream) !important;
  box-shadow: 0 20px 50px rgba(0,0,0,.25) !important;
}

@media (max-width: 1024px) {
  .royal-experience-grid { grid-template-columns: 1fr !important; }
  .gallery-masonry { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .darbar-hero .relative.z-10 { text-align: center !important; }
  .darbar-hero .flex.justify-center { justify-content: center !important; }
}
@media (max-width: 768px) {
  .sticky-header nav { min-height: 72px; }
  .logo_bar img { max-height: 52px; }
  .darbar-hero { padding: 80px 18px 70px !important; }
  .hero-darbar-frame,
  .mughal-arch-frame { padding: 30px 20px !important; border-radius: 28px !important; }
  .darbar-hero h1 { font-size: clamp(2.7rem, 15vw, 4.4rem) !important; }
  .btn-primary,
  .btn-secondary,
  button[type="submit"] { width: 100%; text-align: center; }
  #menu-primary-tabs,
  #offers-filter-bar,
  .auth-toggle { border-radius: 26px !important; }
  .gallery-masonry { grid-template-columns: 1fr !important; }
  .gallery-card:nth-child(4n+1) img { min-height: 330px; }
  section.gradient-dark.paisley:not(.darbar-hero),
  section.relative.overflow-hidden.gradient-dark.paisley { min-height: 310px; padding-top: 72px !important; padding-bottom: 72px !important; }
}

/* =========================================================
   Landing page readability correction
   Clear split hero: text on solid dark panel, photography kept
   separate so no important wording sits on a busy image.
   ========================================================= */
#home.darbar-hero,
.darbar-hero.gradient-dark.paisley {
  min-height: calc(100vh - 82px) !important;
  background:
    radial-gradient(circle at 18% 20%, rgba(232,189,115,.14), transparent 24%),
    linear-gradient(135deg, #1c261e 0%, #11130f 52%, #25170f 100%) !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 120px 24px 88px !important;
  isolation: isolate;
}

#home.darbar-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background-image:
    linear-gradient(90deg, rgba(255,248,238,.045) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255,248,238,.035) 1px, transparent 1px),
    radial-gradient(circle at 25% 30%, rgba(232,189,115,.12), transparent 22%) !important;
  background-size: 72px 72px, 72px 72px, 100% 100% !important;
  opacity: .72 !important;
}

#home.darbar-hero::after {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  top: 128px !important;
  right: clamp(22px, 5vw, 82px) !important;
  bottom: 78px !important;
  width: min(43vw, 570px) !important;
  border-radius: 42px !important;
  background:
    linear-gradient(180deg, rgba(17,16,13,.10), rgba(17,16,13,.30)),
    url('../assects/hero-bg.jpg') center/cover no-repeat !important;
  border: 1px solid rgba(232,189,115,.32) !important;
  box-shadow: 0 36px 100px rgba(0,0,0,.46) !important;
  pointer-events: none !important;
}

#home .relative.z-10 {
  position: relative !important;
  z-index: 2 !important;
  max-width: 1180px !important;
  width: 100% !important;
  text-align: left !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 0 !important;
}

#home .hero-darbar-frame,
#home .mughal-arch-frame {
  width: min(100%, 650px) !important;
  max-width: 650px !important;
  margin: 0 !important;
  padding: clamp(2rem, 4vw, 4.1rem) !important;
  border-radius: 36px !important;
  background:
    linear-gradient(135deg, rgba(15,18,14,.97), rgba(32,48,36,.94)) !important;
  border: 1px solid rgba(232,189,115,.36) !important;
  box-shadow: 0 34px 90px rgba(0,0,0,.48) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  color: #fff8ee !important;
  overflow: hidden !important;
}

#home .hero-darbar-frame::before,
#home .mughal-arch-frame::before {
  content: "" !important;
  position: absolute !important;
  left: clamp(1.5rem, 4vw, 3.7rem) !important;
  right: clamp(1.5rem, 4vw, 3.7rem) !important;
  top: 0 !important;
  height: 5px !important;
  border-radius: 0 0 999px 999px !important;
  background: linear-gradient(90deg, transparent, #f2c46d, #b47a30, transparent) !important;
}

#home .hero-overline,
#home .badge {
  background: rgba(242,196,109,.12) !important;
  border-color: rgba(242,196,109,.35) !important;
  color: #f2c46d !important;
  box-shadow: none !important;
}

#home h1,
#home h1[style],
#home h1 .gold-shimmer,
#home .gold-shimmer {
  color: #fff8ee !important;
  -webkit-text-fill-color: #fff8ee !important;
  text-shadow: 0 10px 34px rgba(0,0,0,.55) !important;
  letter-spacing: -.055em !important;
}

#home h1 {
  max-width: 11ch !important;
  font-size: clamp(3.4rem, 7.2vw, 6.7rem) !important;
  line-height: .92 !important;
}

#home p,
#home p[style] {
  color: rgba(255,248,238,.84) !important;
  text-shadow: 0 3px 16px rgba(0,0,0,.32) !important;
}

#home p.text-sm,
#home p.tracking-\[0\.3em\],
#home .hero-darbar-frame > p:nth-of-type(1) {
  color: #f2c46d !important;
  font-weight: 900 !important;
  letter-spacing: .22em !important;
}

#home .hero-darbar-frame > p:last-of-type {
  max-width: 34rem !important;
  color: rgba(255,248,238,.88) !important;
  font-size: clamp(1rem, 1.5vw, 1.18rem) !important;
}

#home .btn-primary,
#home a.btn-primary {
  background: linear-gradient(135deg, #f2c46d 0%, #fff0bd 48%, #b47a30 100%) !important;
  color: #1b120c !important;
  border-color: rgba(242,196,109,.85) !important;
  box-shadow: 0 18px 45px rgba(232,189,115,.25) !important;
}

#home .btn-secondary,
#home button.btn-secondary {
  background: transparent !important;
  color: #fff8ee !important;
  border-color: rgba(255,248,238,.46) !important;
  box-shadow: none !important;
}

#home .btn-secondary:hover,
#home button.btn-secondary:hover {
  background: rgba(255,248,238,.10) !important;
}

#home .anim-fade-up.delay-4.flex {
  justify-content: flex-start !important;
  align-items: center !important;
}

@media (max-width: 1120px) {
  #home.darbar-hero::after {
    opacity: .18 !important;
    inset: 96px 20px 42px 20px !important;
    width: auto !important;
  }
  #home.darbar-hero::before {
    background-color: rgba(12,16,13,.42) !important;
  }
  #home .relative.z-10 {
    justify-content: center !important;
    text-align: center !important;
  }
  #home .hero-darbar-frame,
  #home .mughal-arch-frame {
    margin: 0 auto !important;
  }
  #home h1 {
    max-width: none !important;
  }
  #home .anim-fade-up.delay-4.flex {
    justify-content: center !important;
  }
}

@media (max-width: 768px) {
  #home.darbar-hero,
  .darbar-hero.gradient-dark.paisley {
    min-height: auto !important;
    padding: 92px 16px 56px !important;
  }
  #home.darbar-hero::after {
    top: 84px !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 22px !important;
    border-radius: 28px !important;
    opacity: .14 !important;
  }
  #home .hero-darbar-frame,
  #home .mughal-arch-frame {
    padding: 28px 20px !important;
    border-radius: 26px !important;
  }
  #home h1 {
    font-size: clamp(2.65rem, 14vw, 4.3rem) !important;
    line-height: .95 !important;
  }
  #home p.text-sm,
  #home p.tracking-\[0\.3em\] {
    letter-spacing: .15em !important;
    font-size: .72rem !important;
  }
  #home .anim-fade-up.delay-4.flex {
    gap: 12px !important;
  }
}


/* =========================================================
   Playful UX Refresh - dynamic, readable, stable navigation
   ========================================================= */
:root {
  --awadh-playful-saffron: #ffb545;
  --awadh-playful-pomegranate: #b73838;
  --awadh-playful-mint: #8bc6a6;
  --awadh-playful-cream: #fff8ec;
  --awadh-playful-ink: #24140d;
}
body.royal-palace-site { overflow-x: hidden; }
.app-root { min-height: 100%; }
.sticky-header, #main-nav {
  position: sticky !important; top: 0 !important; z-index: 1000 !important; width: 100% !important;
  min-height: 76px !important; transform: none !important;
  transition: background-color .25s ease, box-shadow .25s ease, border-color .25s ease !important;
  will-change: auto !important;
}
.sticky-header.nav-scrolled, #main-nav.nav-scrolled {
  background: rgba(16, 20, 15, .96) !important;
  box-shadow: 0 18px 45px rgba(0,0,0,.18) !important;
  border-bottom-color: rgba(255,181,69,.24) !important;
}
.sticky-header nav { min-height: 76px !important; padding-top: 10px !important; padding-bottom: 10px !important; }
.sticky-header .hidden.md\:flex { align-items: center !important; gap: clamp(16px, 2vw, 28px) !important; min-height: 56px !important; }
.logo_bar, #nav-logo {
  width: 124px !important; height: 56px !important; max-width: 124px !important; max-height: 56px !important;
  display: flex !important; align-items: center !important; justify-content: flex-start !important; overflow: hidden !important;
}
.logo_bar img, #nav-logo img { width: auto !important; height: 52px !important; max-height: 52px !important; object-fit: contain !important; display: block !important; }
.sticky-header a, .sticky-header button, .sticky-header .card-hover, .sticky-header .offer-cta { transform: none !important; white-space: nowrap !important; }
.sticky-header a:hover, .sticky-header button:hover, .sticky-header .card-hover:hover, .sticky-header .offer-cta:hover { transform: none !important; }
.sticky-header .card-hover::before { display: none !important; }
#mobile-menu { position: absolute !important; left: 0 !important; right: 0 !important; top: 100% !important; z-index: 999 !important; box-shadow: 0 22px 50px rgba(0,0,0,.22) !important; }

#home.darbar-hero, .darbar-hero.gradient-dark.paisley {
  min-height: auto !important;
  padding: clamp(54px, 7vw, 86px) 24px clamp(40px, 6vw, 72px) !important;
  background: radial-gradient(circle at 12% 20%, rgba(255,181,69,.22), transparent 22%), radial-gradient(circle at 84% 12%, rgba(183,56,56,.18), transparent 24%), linear-gradient(135deg, #1a241b 0%, #11140f 48%, #2c190d 100%) !important;
}
#home.darbar-hero::after, #home.darbar-hero::before { opacity: .28 !important; }
#home .relative.z-10, .awadh-hero-layout {
  max-width: 1220px !important; width: 100% !important; margin: 0 auto !important;
  display: grid !important; grid-template-columns: minmax(0, 1.04fr) minmax(320px, .86fr) !important;
  gap: clamp(24px, 4vw, 48px) !important; align-items: center !important; text-align: left !important; padding: 0 !important;
}
#home .hero-darbar-frame, #home .mughal-arch-frame, .awadh-hero-copy {
  width: 100% !important; max-width: 680px !important; padding: clamp(26px, 4vw, 48px) !important;
  border-radius: 34px !important; background: linear-gradient(135deg, rgba(19,25,18,.98), rgba(38,59,42,.95)) !important;
  border: 1px solid rgba(255,181,69,.38) !important; box-shadow: 0 30px 85px rgba(0,0,0,.43) !important;
  color: #fff8ec !important; position: relative !important; overflow: hidden !important;
}
.awadh-hero-copy::after { content: ""; position: absolute; width: 220px; height: 220px; border-radius: 999px; right: -100px; top: -95px; background: radial-gradient(circle, rgba(255,181,69,.24), transparent 65%); pointer-events: none; }
#home h1 { max-width: 11.5ch !important; font-size: clamp(3rem, 6.5vw, 6rem) !important; line-height: .92 !important; margin-bottom: 18px !important; }
#home .hero-darbar-frame > p:last-of-type, .awadh-hero-copy .hero-body { max-width: 38rem !important; margin-bottom: 24px !important; }
#home .anim-fade-up.delay-4.flex, .hero-action-row { display: flex !important; justify-content: flex-start !important; flex-wrap: wrap !important; gap: 12px !important; margin-top: 22px !important; }
.hero-quick-chips, .hero-mood-row { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 4px; }
.hero-chip, .spice-chip { display: inline-flex; align-items: center; gap: 7px; border-radius: 999px; padding: 9px 12px; color: #fff8ec; background: rgba(255,255,255,.08); border: 1px solid rgba(255,248,236,.16); font-size: .78rem; font-weight: 800; letter-spacing: .03em; }
.hero-chip strong { color: #ffcf75; }
.dynamic-highlight, #hero-dynamic-word, #hero-special-name { color: #ffcf75; }
.hero-visual-stack { position: relative; min-height: 470px; }
.hero-photo-card { position: relative; height: 430px; border-radius: 36px; overflow: hidden; background: url('../assects/hero-bg.jpg') center/cover no-repeat; border: 1px solid rgba(255,181,69,.32); box-shadow: 0 34px 90px rgba(0,0,0,.42); isolation: isolate; }
.hero-photo-card::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.55)); z-index: 0; }
.hero-photo-label { position: absolute; left: 22px; right: 22px; bottom: 22px; z-index: 1; padding: 18px; border-radius: 22px; background: rgba(255,248,236,.92); color: var(--awadh-playful-ink); box-shadow: 0 16px 35px rgba(0,0,0,.18); }
.hero-photo-label small { color: #9a5b16; text-transform: uppercase; letter-spacing: .18em; font-weight: 900; }
.hero-photo-label h3 { margin: 5px 0 4px; color: var(--awadh-playful-ink) !important; font-family: 'Playfair Display', serif; font-size: 1.65rem; }
.hero-photo-label p { color: #66503f !important; text-shadow: none !important; }
.hero-floating-card { position: absolute; z-index: 2; border-radius: 24px; padding: 16px 18px; background: #fff8ec; color: var(--awadh-playful-ink); border: 1px solid rgba(255,181,69,.34); box-shadow: 0 20px 55px rgba(0,0,0,.24); animation: playfulFloat 5.5s ease-in-out infinite; }
.hero-floating-card.card-top { top: 20px; left: -18px; }
.hero-floating-card.card-bottom { right: -14px; bottom: 30px; animation-delay: 1s; }
.hero-floating-card span { display: block; font-size: .72rem; letter-spacing: .16em; text-transform: uppercase; color: #9a5b16; font-weight: 900; }
.hero-floating-card strong { display: block; margin-top: 5px; font-family: 'Playfair Display', serif; font-size: 1.35rem; }
.floating-spice { position: absolute; z-index: 3; width: 54px; height: 54px; border-radius: 20px; display: grid; place-items: center; background: linear-gradient(135deg, #ffb545, #ffde8a); color: #24140d; box-shadow: 0 18px 42px rgba(0,0,0,.2); animation: spinFloat 8s ease-in-out infinite; }
.floating-spice.one { right: 10%; top: -10px; }
.floating-spice.two { left: 4%; bottom: 90px; animation-delay: 1.2s; background: linear-gradient(135deg, #b73838, #ee7663); color:#fff8ec; }
@keyframes playfulFloat { 0%,100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-12px) rotate(1.5deg); } }
@keyframes spinFloat { 0%,100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-14px) rotate(8deg); } }
.royal-experience-ribbon { margin-top: -24px !important; padding-bottom: 34px !important; }
.royal-experience-grid { position: relative; overflow: hidden; }
.royal-experience-grid::before { content: ""; position: absolute; inset: -60% -20% auto -20%; height: 180px; background: linear-gradient(90deg, transparent, rgba(255,181,69,.18), transparent); transform: rotate(-6deg); animation: ribbonShine 7s linear infinite; }
@keyframes ribbonShine { from { translate: -40% 0; } to { translate: 80% 0; } }
.card-hover:hover, .offer-card:hover, .gallery-card:hover, .review-card:hover, .royal-experience-item:hover { transform: translateY(-8px) rotate(.15deg) !important; }
.section-royal.py-20, .section-royal.py-24 { padding-top: clamp(56px, 7vw, 88px) !important; padding-bottom: clamp(56px, 7vw, 88px) !important; }

.offer-shell { background: radial-gradient(circle at 12% 8%, rgba(255,181,69,.22), transparent 25%), radial-gradient(circle at 90% 10%, rgba(183,56,56,.16), transparent 24%), linear-gradient(180deg, #172018 0%, #fff3df 42%, #fff8ec 100%) !important; }
.offer-shell .offer-hero-card, .offer-shell .offer-cta-panel { background: linear-gradient(135deg, rgba(28,38,30,.96), rgba(70,36,20,.92)) !important; border-color: rgba(255,181,69,.34) !important; color: #fff8ec !important; }
.offer-shell .offer-hero-card h1, .offer-shell .offer-hero-card h2, .offer-shell .offer-hero-card .text-2xl, .offer-shell .offer-cta-panel h2, .offer-shell .offer-cta-panel h3 { color: #fff8ec !important; -webkit-text-fill-color: #fff8ec !important; text-shadow: 0 8px 24px rgba(0,0,0,.28) !important; }
.offer-shell .offer-hero-card p, .offer-shell .offer-cta-panel p, .offer-shell .offer-hero-card p[style], .offer-shell .offer-cta-panel p[style] { color: rgba(255,248,236,.82) !important; }
.offer-shell .offer-hero-card .rounded-3xl { background: rgba(255,248,236,.10) !important; border-color: rgba(255,181,69,.24) !important; }
.offer-shell .offer-subnav, .offer-shell #offers-filter-bar { background: rgba(255,248,236,.96) !important; color: var(--awadh-playful-ink) !important; }
.offer-shell .offer-subnav .text-xs, .offer-shell .offer-subnav p, .offer-shell .offer-subnav [style] { color: #6b4a35 !important; }
.offer-shell .offer-card { background: #fffaf0 !important; border-color: rgba(36,20,13,.10) !important; color: var(--awadh-playful-ink) !important; position: relative !important; overflow: hidden !important; }
.offer-shell .offer-card h2, .offer-shell .offer-card h2[style] { color: var(--awadh-playful-ink) !important; -webkit-text-fill-color: var(--awadh-playful-ink) !important; }
.offer-shell .offer-card p, .offer-shell .offer-card p[style] { color: #66503f !important; }
.offer-shell .offer-card [style*="ffc966"] { color: #9a5b16 !important; }
.offer-shell .offer-badge { background: rgba(255,181,69,.16) !important; border-color: rgba(154,91,22,.18) !important; color: #81470f !important; }
.offer-shell .offer-card-image { background: linear-gradient(135deg, rgba(255,181,69,.14), rgba(139,198,166,.18)) !important; color: #6b4a35 !important; }
.offer-shell .offer-cta-secondary { color: var(--awadh-playful-ink) !important; border-color: rgba(36,20,13,.18) !important; background: rgba(255,255,255,.72) !important; }
.offer-shell .offer-cta-panel .offer-cta-secondary { color: #fff8ec !important; border-color: rgba(255,248,236,.38) !important; background: rgba(255,255,255,.08) !important; }
.dynamic-toast { position: fixed; right: 18px; bottom: 18px; z-index: 1200; background: #172018; color: #fff8ec; border: 1px solid rgba(255,181,69,.28); border-radius: 999px; padding: 12px 16px; box-shadow: 0 18px 45px rgba(0,0,0,.24); transform: translateY(20px); opacity: 0; transition: opacity .25s ease, transform .25s ease; }
.dynamic-toast.show { opacity: 1; transform: translateY(0); }
@media (max-width: 1100px) {
  #home .relative.z-10, .awadh-hero-layout { grid-template-columns: 1fr !important; text-align: center !important; }
  #home .hero-darbar-frame, #home .mughal-arch-frame, .awadh-hero-copy { margin: 0 auto !important; }
  #home h1 { max-width: none !important; }
  .hero-action-row, #home .anim-fade-up.delay-4.flex, .hero-quick-chips { justify-content: center !important; }
  .hero-visual-stack { min-height: 380px; max-width: 620px; width:100%; margin: 0 auto; }
  .hero-photo-card { height: 370px; }
}
@media (max-width: 768px) {
  .sticky-header, #main-nav { min-height: 68px !important; }
  .sticky-header nav { min-height: 68px !important; }
  .logo_bar, #nav-logo { width: 104px !important; height: 48px !important; }
  .logo_bar img, #nav-logo img { height: 46px !important; }
  #home.darbar-hero, .darbar-hero.gradient-dark.paisley { padding: 36px 16px 40px !important; }
  #home .hero-darbar-frame, #home .mughal-arch-frame, .awadh-hero-copy { padding: 24px 18px !important; border-radius: 26px !important; }
  #home h1 { font-size: clamp(2.55rem, 13vw, 4.1rem) !important; }
  .hero-visual-stack { min-height: 315px; }
  .hero-photo-card { height: 295px; border-radius: 28px; }
  .hero-floating-card { display: none; }
  .floating-spice { width: 44px; height: 44px; border-radius: 16px; }
  .royal-experience-ribbon { margin-top: 0 !important; padding-top: 14px !important; }
  .offer-shell .offer-subnav { position: static !important; }
}


/* =========================================================
   Client correction: classic royal landing + mostly dark,
   gold and white palette.
   ========================================================= */
:root{
  --awadh-ink:#0f0c09;--awadh-charcoal:#14100c;--awadh-deep:#1a1410;
  --awadh-cream:#fff8ee;--awadh-muted:rgba(255,248,238,.72);
  --awadh-gold:#d8a247;--awadh-gold-light:#ffc966;
}
body.royal-palace-site,body{
  background:radial-gradient(circle at 16% 8%,rgba(255,201,102,.13),transparent 24%),
             linear-gradient(180deg,#0f0c09 0%,#1a1410 48%,#0f0c09 100%)!important;
  color:var(--awadh-cream)!important;
}
#app-root,.app-root,.offer-shell{background:transparent!important;color:var(--awadh-cream)!important;}
#app-root::before{background-image:radial-gradient(circle at 24px 24px,rgba(255,201,102,.08) 1px,transparent 1.7px)!important;opacity:.38!important;}

.sticky-header,#main-nav{background:rgba(12,10,8,.96)!important;border-bottom:1px solid rgba(255,201,102,.22)!important;box-shadow:0 16px 38px rgba(0,0,0,.30)!important;}
.nav-link,#mobile-menu a,.sticky-header a:not(.btn-primary):not(.btn-secondary){color:rgba(255,248,238,.90)!important;}
.nav-link:hover,#mobile-menu a:hover,.nav-link[style*="e8a13d"]{color:var(--awadh-gold-light)!important;}
.sticky-header .card-hover,.sticky-header button.card-hover,.sticky-header .offer-cta-primary{background:linear-gradient(135deg,#d8a247,#ffe2a1 48%,#a96c22)!important;border-color:rgba(255,201,102,.72)!important;color:#120d09!important;box-shadow:0 12px 30px rgba(216,162,71,.22)!important;transform:none!important;}
.sticky-header .card-hover a,.sticky-header .offer-cta-primary{color:#120d09!important;}
#mobile-menu{background:rgba(12,10,8,.985)!important;}

#home.awadh-classic-landing,#home.darbar-hero.awadh-classic-landing,.darbar-hero.awadh-classic-landing.gradient-dark.paisley{
  min-height:calc(100vh - 76px)!important;
  padding:clamp(72px,8vw,116px) 18px clamp(56px,7vw,92px)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:linear-gradient(180deg,rgba(5,4,3,.40),rgba(5,4,3,.78)),
             radial-gradient(circle at top,rgba(255,201,102,.16),transparent 34%),
             url('../assects/hero-bg.jpg') center/cover no-repeat,
             linear-gradient(180deg,#1d140d 0%,#0f0c09 100%)!important;
}
#home.awadh-classic-landing::before{content:''!important;position:absolute!important;inset:0!important;z-index:0!important;opacity:1!important;background:linear-gradient(180deg,rgba(12,9,6,.24),rgba(12,9,6,.58)),radial-gradient(circle at 50% 22%,rgba(255,226,160,.13),transparent 30%)!important;pointer-events:none!important;}
#home.awadh-classic-landing::after{display:none!important;}
#home.awadh-classic-landing .darbar-layer{display:block!important;z-index:0!important;}
#home.awadh-classic-landing .darbar-columns{opacity:.14!important;}
#home.awadh-classic-landing .relative.z-10{display:block!important;max-width:980px!important;width:100%!important;margin:0 auto!important;padding:0 16px!important;text-align:center!important;z-index:2!important;}
#home.awadh-classic-landing .hero-darbar-frame,#home.awadh-classic-landing .mughal-arch-frame{
  width:100%!important;max-width:900px!important;margin:0 auto!important;
  padding:clamp(2rem,5vw,4.25rem) clamp(1.25rem,4vw,4rem)!important;
  border-radius:999px 999px 30px 30px / 180px 180px 30px 30px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(216,162,71,.10)),radial-gradient(circle at top,rgba(255,201,102,.16),transparent 46%),rgba(12,10,8,.74)!important;
  border:1px solid rgba(255,201,102,.30)!important;
  box-shadow:0 34px 90px rgba(0,0,0,.50),inset 0 0 0 1px rgba(255,255,255,.04)!important;
  color:var(--awadh-cream)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
}
#home.awadh-classic-landing .hero-darbar-frame::before,#home.awadh-classic-landing .mughal-arch-frame::before,#home.awadh-classic-landing .hero-darbar-frame::after,#home.awadh-classic-landing .mughal-arch-frame::after{display:block!important;background:none!important;border-color:rgba(255,201,102,.18)!important;height:auto!important;width:34px!important;left:auto!important;right:auto!important;}
#home.awadh-classic-landing .mughal-arch-frame::before,#home.awadh-classic-landing .hero-darbar-frame::before{left:18px!important;}
#home.awadh-classic-landing .mughal-arch-frame::after,#home.awadh-classic-landing .hero-darbar-frame::after{right:18px!important;}
#home.awadh-classic-landing .hero-overline{display:block!important;margin-bottom:1rem!important;color:var(--awadh-gold-light)!important;background:transparent!important;border:0!important;box-shadow:none!important;letter-spacing:.36em!important;}
#home.awadh-classic-landing .hero-jali{display:block!important;width:126px!important;height:10px!important;margin:0 auto 1.5rem!important;border-top:1px solid rgba(255,201,102,.55)!important;border-bottom:1px solid rgba(255,201,102,.22)!important;}
#home.awadh-classic-landing .badge{background:rgba(255,201,102,.10)!important;border-color:rgba(255,201,102,.28)!important;color:var(--awadh-gold-light)!important;}
#home.awadh-classic-landing h1,#home.awadh-classic-landing h1[style],#home.awadh-classic-landing .gold-shimmer{max-width:none!important;color:var(--awadh-cream)!important;-webkit-text-fill-color:var(--awadh-cream)!important;font-size:clamp(3.3rem,7.4vw,6.9rem)!important;line-height:1.02!important;letter-spacing:-.045em!important;text-shadow:0 12px 38px rgba(0,0,0,.60)!important;}
#home.awadh-classic-landing p,#home.awadh-classic-landing p[style]{color:rgba(255,248,238,.88)!important;text-shadow:0 4px 20px rgba(0,0,0,.42)!important;}
#home.awadh-classic-landing p.text-sm,#home.awadh-classic-landing p.tracking-\[0\.3em\]{color:var(--awadh-gold-light)!important;}
.classic-hero-highlights{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:10px!important;margin:0 auto 1.85rem!important;}
.classic-hero-highlights span{display:inline-flex;align-items:center;border-radius:999px;padding:9px 13px;border:1px solid rgba(255,201,102,.24);background:rgba(255,255,255,.055);color:rgba(255,248,238,.88);font-size:.78rem;font-weight:800;letter-spacing:.05em;}
.classic-hero-highlights strong{color:var(--awadh-gold-light);}
#home.awadh-classic-landing .anim-fade-up.delay-4.flex,#home.awadh-classic-landing .flex.justify-center{justify-content:center!important;}
#home.awadh-classic-landing .anim-bounce{display:flex!important;}
#home.awadh-classic-landing .btn-primary,#home.awadh-classic-landing a.btn-primary{background:linear-gradient(135deg,#d8a247,#ffe2a1 48%,#a96c22)!important;color:#120d09!important;border:1px solid rgba(255,201,102,.65)!important;box-shadow:0 18px 44px rgba(216,162,71,.24)!important;}
#home.awadh-classic-landing .btn-secondary,#home.awadh-classic-landing button.btn-secondary{background:rgba(255,255,255,.06)!important;color:var(--awadh-cream)!important;border:1px solid rgba(255,248,238,.42)!important;}
#home.awadh-classic-landing .btn-secondary:hover{background:rgba(255,255,255,.12)!important;}

.section-royal,.gradient-warm,section.gradient-warm,section.py-20.gradient-warm,section.py-16.gradient-warm,section.py-20,section.py-16,section.py-24{background:radial-gradient(circle at 92% 8%,rgba(255,201,102,.08),transparent 25%),linear-gradient(180deg,#18120e 0%,#0f0c09 100%)!important;color:var(--awadh-cream)!important;}
.section-royal h1,.section-royal h2,.gradient-warm h1,.gradient-warm h2,.auth-card h2,.panel-card h2,#newsletter-heading,#about-heading{color:var(--awadh-cream)!important;-webkit-text-fill-color:var(--awadh-cream)!important;}
.section-royal h3,.gradient-warm h3,.card-hover h3,.royal-experience-item h3,footer h4{color:var(--awadh-gold-light)!important;-webkit-text-fill-color:var(--awadh-gold-light)!important;}
.section-royal p,.gradient-warm p,.card-hover p,.royal-experience-item p,.auth-card p,.panel-card p,footer p,label{color:rgba(255,248,238,.72)!important;}
.card-hover,.panel-card,.auth-card,.offer-hero-card,.offer-subnav,.offer-cta-panel,.review-summary,.review-card,#awadh-contact-form,.modal-content,.gallery-card,#gallery-admin-panel,.customer-card,.offer-card,.royal-experience-item{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(216,162,71,.055))!important;border:1px solid rgba(255,201,102,.18)!important;color:var(--awadh-cream)!important;box-shadow:0 24px 70px rgba(0,0,0,.26)!important;}
.royal-experience-grid{background:rgba(11,9,7,.92)!important;border-color:rgba(255,201,102,.22)!important;}
.royal-icon-wrap{color:#120d09!important;}
.counter{color:var(--awadh-gold-light)!important;}
.badge,.hero-overline,.offer-badge{background:rgba(255,201,102,.10)!important;border-color:rgba(255,201,102,.26)!important;color:var(--awadh-gold-light)!important;}
.btn-primary,button[type="submit"],.offer-cta-primary,a.btn-primary,.auth-toggle-btn.active{background:linear-gradient(135deg,#d8a247,#ffe2a1 48%,#a96c22)!important;color:#120d09!important;border-color:rgba(255,201,102,.68)!important;}
.btn-secondary,.offer-cta-secondary,a.btn-secondary{background:rgba(255,255,255,.055)!important;color:var(--awadh-cream)!important;border-color:rgba(255,248,238,.28)!important;}
#menu-primary-tabs,#offers-filter-bar,.auth-toggle,.offer-subnav{background:rgba(255,255,255,.055)!important;border-color:rgba(255,201,102,.16)!important;}
.menu-tab,.offer-pill,.auth-toggle-btn{color:rgba(255,248,238,.74)!important;border-color:rgba(255,201,102,.18)!important;}
.menu-tab.active,.offer-pill.active,.auth-toggle-btn.active,.menu-tab[style*="linear-gradient"]{background:linear-gradient(135deg,#d8a247,#ffe2a1 48%,#a96c22)!important;color:#120d09!important;}
input,textarea,select,.auth-input,.admin-input,.form-input{background:rgba(255,248,238,.96)!important;color:#120d09!important;border-color:rgba(255,201,102,.28)!important;}
footer{background:linear-gradient(135deg,#0d0a08 0%,#1c1510 100%)!important;border-top-color:rgba(255,201,102,.20)!important;}

.offer-shell{background:radial-gradient(circle at top left,rgba(255,201,102,.13),transparent 28%),linear-gradient(180deg,#0f0c09 0%,#1a1410 50%,#0f0c09 100%)!important;}
.offer-shell .offer-hero-card,.offer-shell .offer-cta-panel,.offer-shell .offer-card,.offer-shell .offer-subnav{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(216,162,71,.07))!important;color:var(--awadh-cream)!important;border-color:rgba(255,201,102,.20)!important;}
.offer-shell h1,.offer-shell h2,.offer-shell h3,.offer-shell .text-2xl,.offer-shell .offer-card h2,.offer-shell .offer-card h3{color:var(--awadh-cream)!important;-webkit-text-fill-color:var(--awadh-cream)!important;text-shadow:none!important;}
.offer-shell p,.offer-shell p[style],.offer-shell .text-sm,.offer-shell .text-xs,.offer-shell .offer-subnav p,.offer-shell .offer-subnav [style]{color:rgba(255,248,238,.76)!important;}
.offer-shell [style*="ffc966"],.offer-shell .offer-badge,.offer-shell .badge{color:var(--awadh-gold-light)!important;}
.offer-shell .offer-cta-secondary{color:var(--awadh-cream)!important;border-color:rgba(255,248,238,.30)!important;background:rgba(255,255,255,.055)!important;}
@media(max-width:768px){
  #home.awadh-classic-landing,#home.darbar-hero.awadh-classic-landing{min-height:auto!important;padding:60px 14px 50px!important;}
  #home.awadh-classic-landing .hero-darbar-frame,#home.awadh-classic-landing .mughal-arch-frame{border-radius:140px 140px 24px 24px / 90px 90px 24px 24px!important;padding:30px 18px!important;}
  #home.awadh-classic-landing h1,#home.awadh-classic-landing h1[style]{font-size:clamp(2.7rem,13vw,4.4rem)!important;line-height:1.02!important;}
  #home.awadh-classic-landing .hero-overline{letter-spacing:.22em!important;font-size:.64rem!important;}
  #home.awadh-classic-landing .mughal-arch-frame::before,#home.awadh-classic-landing .mughal-arch-frame::after,#home.awadh-classic-landing .hero-darbar-frame::before,#home.awadh-classic-landing .hero-darbar-frame::after{display:none!important;}
  .classic-hero-highlights span{font-size:.72rem;}
}

/* Consistent all-page navigation: Home, Menu, Offers, Gallery, Reviews, Contact Us, Sign In */
.site-header .main-nav-links {
  flex: 1 1 auto;
  min-width: 0;
}
.site-header .nav-link {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0 0.05rem;
  white-space: nowrap;
}
.site-header .nav-link[aria-current="page"] {
  color: #ffc966 !important;
}
.site-header .reserve-nav-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0.72rem 1.05rem;
  border-radius: 999px;
  border: 1px solid rgba(255,201,102,.72);
  background: linear-gradient(135deg,#d8a247,#ffe2a1 48%,#a96c22);
  color: #120d09 !important;
  font-size: 0.7rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 800;
  box-shadow: 0 12px 30px rgba(216,162,71,.22);
  transform: none !important;
  white-space: nowrap;
}
.site-header .reserve-nav-btn:hover,
.site-header .reserve-nav-btn:focus-visible {
  color: #120d09 !important;
  transform: none !important;
  box-shadow: 0 14px 34px rgba(216,162,71,.28);
}
.site-header .mobile-menu-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(255,201,102,.28);
  background: rgba(255,255,255,.03);
}
#mobile-menu a[aria-current="page"] {
  color: #ffc966 !important;
}
@media (min-width: 1024px) and (max-width: 1120px) {
  .site-header .main-nav-links { gap: 0.72rem !important; }
  .site-header .nav-link { font-size: 0.62rem !important; letter-spacing: 0.11em !important; }
  .site-header .reserve-nav-btn { padding-left: 0.8rem; padding-right: 0.8rem; font-size: 0.62rem; }
  .site-header .logo_bar { max-width: 7.5rem !important; }
}


/* =========================================================
   Client requested patch — fixed stable menu, clear offer sort,
   visible premium reserve buttons. Keep classic dark/gold design.
   ========================================================= */
:root { --awadh-fixed-nav-height: 86px; }
html { scroll-padding-top: calc(var(--awadh-fixed-nav-height) + 18px); }
body { padding-top: var(--awadh-fixed-nav-height) !important; }

.site-header,
.sticky-header,
#main-nav {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 9999 !important;
  min-height: var(--awadh-fixed-nav-height) !important;
  transform: translateZ(0) !important;
  transition: background-color .2s ease, box-shadow .2s ease, border-color .2s ease !important;
  background: rgba(12, 10, 8, .985) !important;
  border-bottom: 1px solid rgba(255, 201, 102, .26) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .38) !important;
}
.site-header nav,
.sticky-header nav,
#main-nav nav {
  min-height: var(--awadh-fixed-nav-height) !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  align-items: center !important;
}
.site-header.nav-scrolled,
.sticky-header.nav-scrolled,
#main-nav.nav-scrolled {
  background: rgba(10, 8, 6, .995) !important;
  box-shadow: 0 20px 54px rgba(0, 0, 0, .46) !important;
}
.site-header .logo_bar,
.sticky-header .logo_bar,
#nav-logo {
  width: 132px !important;
  max-width: 132px !important;
  height: 58px !important;
  max-height: 58px !important;
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
}
.site-header .logo_bar img,
.sticky-header .logo_bar img,
#nav-logo img {
  display: block !important;
  width: auto !important;
  max-width: 132px !important;
  height: 54px !important;
  max-height: 54px !important;
  object-fit: contain !important;
}
.site-header .main-nav-links {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: clamp(.58rem, .85vw, 1.1rem) !important;
  overflow: visible !important;
}
.site-header .nav-link {
  flex: 0 0 auto !important;
  min-height: 44px !important;
  padding: 0 .12rem !important;
  font-size: clamp(.60rem, .58vw, .72rem) !important;
  line-height: 1 !important;
  letter-spacing: .12em !important;
  transform: none !important;
}
.site-header .nav-link:hover,
.site-header .nav-link:focus-visible,
.site-header .reserve-nav-btn:hover,
.site-header .reserve-nav-btn:focus-visible,
.site-header .mobile-menu-toggle:hover,
.site-header .mobile-menu-toggle:focus-visible {
  transform: none !important;
}
.site-header .nav-link::after { bottom: 5px !important; }

.site-header .reserve-nav-btn,
#main-nav .reserve-nav-btn,
.sticky-header .reserve-nav-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  min-width: 118px !important;
  min-height: 46px !important;
  padding: .82rem 1.18rem !important;
  margin-left: .15rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 225, 161, .95) !important;
  background: linear-gradient(135deg, #d8a247 0%, #ffe2a1 52%, #b17226 100%) !important;
  color: #120d09 !important;
  font-weight: 950 !important;
  font-size: .68rem !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  text-shadow: none !important;
  box-shadow: 0 0 0 2px rgba(255, 201, 102, .10), 0 13px 30px rgba(216, 162, 71, .32) !important;
  opacity: 1 !important;
  visibility: visible !important;
  white-space: nowrap !important;
}
.site-header .reserve-nav-btn::before {
  content: "✦";
  font-size: .78rem;
  margin-right: .38rem;
  line-height: 1;
}
.site-header .reserve-nav-btn:hover,
.site-header .reserve-nav-btn:focus-visible {
  color: #120d09 !important;
  background: linear-gradient(135deg, #ffd37a 0%, #fff0bd 52%, #d8a247 100%) !important;
  box-shadow: 0 0 0 3px rgba(255, 201, 102, .18), 0 16px 38px rgba(216, 162, 71, .42) !important;
}

.site-header .mobile-menu-toggle {
  align-items: center !important;
  justify-content: center !important;
  width: 46px !important;
  height: 46px !important;
  flex: 0 0 auto !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 201, 102, .42) !important;
  background: rgba(255, 255, 255, .045) !important;
  color: #ffc966 !important;
  cursor: pointer !important;
  transform: none !important;
}
#mobile-menu {
  position: fixed !important;
  top: var(--awadh-fixed-nav-height) !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9998 !important;
  max-height: calc(100vh - var(--awadh-fixed-nav-height)) !important;
  overflow-y: auto !important;
  padding: 18px 22px 24px !important;
  background: linear-gradient(180deg, rgba(12,10,8,.99), rgba(31,23,17,.99)) !important;
  border-top: 1px solid rgba(255, 201, 102, .22) !important;
  border-bottom: 1px solid rgba(255, 201, 102, .16) !important;
  box-shadow: 0 24px 54px rgba(0,0,0,.52) !important;
}
#mobile-menu:not(.hidden) { display: flex !important; }
#mobile-menu a {
  border-radius: 16px !important;
  padding: 12px 14px !important;
  color: rgba(255,248,238,.92) !important;
}
#mobile-menu a:hover,
#mobile-menu a:focus-visible,
#mobile-menu a[aria-current="page"] {
  color: #ffc966 !important;
  background: rgba(255, 201, 102, .08) !important;
}
#mobile-menu .btn-primary,
#mobile-menu a.btn-primary {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 48px !important;
  color: #120d09 !important;
  background: linear-gradient(135deg, #d8a247, #ffe2a1 52%, #b17226) !important;
  border: 1px solid rgba(255, 225, 161, .9) !important;
  font-weight: 900 !important;
  box-shadow: 0 12px 28px rgba(216,162,71,.28) !important;
}

/* On narrow desktop and tablets, use hamburger so Reserve never disappears. */
@media (max-width: 1210px) {
  :root { --awadh-fixed-nav-height: 76px; }
  .site-header .main-nav-links { display: none !important; }
  .site-header .mobile-menu-toggle { display: inline-flex !important; }
  .site-header .logo_bar,
  .sticky-header .logo_bar,
  #nav-logo { width: 116px !important; max-width: 116px !important; height: 52px !important; max-height: 52px !important; }
  .site-header .logo_bar img,
  .sticky-header .logo_bar img,
  #nav-logo img { max-width: 116px !important; height: 48px !important; max-height: 48px !important; }
}
@media (min-width: 1211px) {
  .site-header .mobile-menu-toggle { display: none !important; }
  .site-header .main-nav-links { display: flex !important; }
  #mobile-menu { display: none !important; }
}
@media (max-width: 640px) {
  :root { --awadh-fixed-nav-height: 72px; }
  .site-header nav,
  .sticky-header nav,
  #main-nav nav { min-height: var(--awadh-fixed-nav-height) !important; }
  .site-header .logo_bar,
  .sticky-header .logo_bar,
  #nav-logo { width: 104px !important; max-width: 104px !important; height: 48px !important; max-height: 48px !important; }
  .site-header .logo_bar img,
  .sticky-header .logo_bar img,
  #nav-logo img { max-width: 104px !important; height: 44px !important; max-height: 44px !important; }
}

/* Offers page: make filter/sort area unmistakable and readable. */
.offer-subnav,
#offers-filter-bar,
.offers-filter-panel {
  overflow: visible !important;
}
.offer-subnav {
  top: calc(var(--awadh-fixed-nav-height) + 18px) !important;
  background: linear-gradient(135deg, rgba(18, 13, 9, .97), rgba(36, 26, 17, .97)) !important;
  border: 1px solid rgba(255, 201, 102, .30) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.34) !important;
}
.offers-filter-label,
.offer-subnav .offers-filter-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: .45rem !important;
  border-radius: 999px !important;
  padding: .58rem .86rem !important;
  background: rgba(255, 201, 102, .12) !important;
  border: 1px solid rgba(255, 201, 102, .25) !important;
  color: #ffe2a1 !important;
  font-size: .72rem !important;
  line-height: 1 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
#offers-filter-bar {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .65rem !important;
  align-items: center !important;
  justify-content: flex-end !important;
  padding: .35rem !important;
  border-radius: 999px !important;
  background: rgba(255, 248, 238, .07) !important;
  border: 1px solid rgba(255, 201, 102, .22) !important;
}
.offer-pill,
#offers-filter-bar .offer-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: .74rem 1.06rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 201, 102, .32) !important;
  background: rgba(255, 255, 255, .045) !important;
  color: rgba(255,248,238,.92) !important;
  font-size: .72rem !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.offer-pill.active,
#offers-filter-bar .offer-pill.active,
.offer-pill:hover,
#offers-filter-bar .offer-pill:hover {
  background: linear-gradient(135deg, #d8a247, #ffe2a1 52%, #b17226) !important;
  color: #120d09 !important;
  border-color: rgba(255, 225, 161, .9) !important;
  box-shadow: 0 10px 24px rgba(216, 162, 71, .28) !important;
  transform: none !important;
}
@media (max-width: 768px) {
  .offer-subnav { position: relative !important; top: auto !important; }
  #offers-filter-bar { width: 100% !important; justify-content: flex-start !important; border-radius: 22px !important; }
  .offer-pill, #offers-filter-bar .offer-pill { flex: 1 1 96px !important; }
}

/* Hero reserve CTA should always be visible and look premium. */
#home .btn-secondary[onclick*="reserve-modal"],
button.btn-secondary[onclick*="reserve-modal"],
.reserve-hero-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 52px !important;
  padding: .95rem 1.45rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 225, 161, .70) !important;
  background: rgba(255, 248, 238, .08) !important;
  color: #fff8ee !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04), 0 12px 28px rgba(0,0,0,.22) !important;
  opacity: 1 !important;
  visibility: visible !important;
}
#home .btn-secondary[onclick*="reserve-modal"]::before,
button.btn-secondary[onclick*="reserve-modal"]::before,
.reserve-hero-btn::before {
  content: "✦";
  margin-right: .46rem;
  color: #ffc966;
}
#home .btn-secondary[onclick*="reserve-modal"]:hover,
button.btn-secondary[onclick*="reserve-modal"]:hover,
.reserve-hero-btn:hover {
  background: linear-gradient(135deg, #d8a247, #ffe2a1 52%, #b17226) !important;
  color: #120d09 !important;
  border-color: rgba(255,225,161,.95) !important;
}
#home .btn-secondary[onclick*="reserve-modal"]:hover::before,
button.btn-secondary[onclick*="reserve-modal"]:hover::before,
.reserve-hero-btn:hover::before { color: #120d09 !important; }

/* =========================================================
   Final requested fixes — fixed header, landing CTA, flip cards,
   menu food shimmer, offers readability
   ========================================================= */
:root { --awadh-fixed-nav-height: 86px; }
html { scroll-padding-top: calc(var(--awadh-fixed-nav-height) + 18px) !important; }
body { padding-top: var(--awadh-fixed-nav-height) !important; overflow-x: hidden !important; }

body .site-header,
body .sticky-header,
body #main-nav {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: auto !important;
  z-index: 10000 !important;
  width: 100% !important;
  min-height: var(--awadh-fixed-nav-height) !important;
  margin: 0 !important;
  transform: translate3d(0,0,0) !important;
  transition: background-color .22s ease, box-shadow .22s ease, border-color .22s ease !important;
  background: rgba(12,10,8,.985) !important;
  border-bottom: 1px solid rgba(255,201,102,.24) !important;
  box-shadow: 0 16px 42px rgba(0,0,0,.34) !important;
  backdrop-filter: saturate(150%) blur(16px) !important;
  -webkit-backdrop-filter: saturate(150%) blur(16px) !important;
}
body #main-nav nav,
body .site-header nav,
body .sticky-header nav {
  min-height: var(--awadh-fixed-nav-height) !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  align-items: center !important;
}
body .site-header.nav-scrolled,
body .sticky-header.nav-scrolled,
body #main-nav.nav-scrolled {
  top: 0 !important;
  transform: translate3d(0,0,0) !important;
  min-height: var(--awadh-fixed-nav-height) !important;
}
body .site-header a,
body .site-header button,
body .sticky-header a,
body .sticky-header button,
body #main-nav a,
body #main-nav button {
  transform: none !important;
  white-space: nowrap !important;
}
body .site-header a:hover,
body .site-header button:hover,
body .sticky-header a:hover,
body .sticky-header button:hover,
body #main-nav a:hover,
body #main-nav button:hover { transform: none !important; }

#mobile-menu {
  position: fixed !important;
  top: var(--awadh-fixed-nav-height) !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999 !important;
  max-height: calc(100vh - var(--awadh-fixed-nav-height)) !important;
  overflow-y: auto !important;
}

#home.awadh-classic-landing {
  min-height: calc(100vh - var(--awadh-fixed-nav-height)) !important;
}
#home .classic-hero-highlights span:empty { display: none !important; }
#home .reserve-hero-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 52px !important;
  padding: .95rem 1.45rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,225,161,.75) !important;
  background: linear-gradient(135deg, rgba(255,248,238,.12), rgba(255,201,102,.14)) !important;
  color: #fff8ee !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04), 0 12px 28px rgba(0,0,0,.24) !important;
}
#home .reserve-hero-link::before {
  content: "✦";
  margin-right: .46rem;
  color: #ffc966;
}
#home .reserve-hero-link:hover,
#home .reserve-hero-link:focus-visible {
  background: linear-gradient(135deg, #d8a247, #ffe2a1 52%, #b17226) !important;
  color: #120d09 !important;
  border-color: rgba(255,225,161,.95) !important;
  box-shadow: 0 16px 38px rgba(216,162,71,.36) !important;
}
#home .reserve-hero-link:hover::before,
#home .reserve-hero-link:focus-visible::before { color: #120d09 !important; }

.signature-flip-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1.2rem, 2.5vw, 2rem);
  perspective: 1400px;
}
.signature-flip-card {
  min-height: 260px;
  border: 0;
  outline: none;
  background: transparent;
  perspective: 1400px;
  cursor: pointer;
}
.signature-flip-inner {
  position: relative;
  width: 100%;
  min-height: 260px;
  transform-style: preserve-3d;
  transition: transform .85s cubic-bezier(.2,.7,.2,1.08), filter .35s ease;
}
.signature-flip-card:hover .signature-flip-inner,
.signature-flip-card:focus .signature-flip-inner,
.signature-flip-card:focus-within .signature-flip-inner,
.signature-flip-card.is-flipped .signature-flip-inner {
  transform: rotateY(180deg) rotateZ(-1deg);
  filter: drop-shadow(0 28px 42px rgba(0,0,0,.32));
}
.signature-flip-face {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: clamp(1.6rem, 3vw, 2.4rem);
  border-radius: 30px;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  overflow: hidden;
}
.signature-flip-front {
  border: 1px solid rgba(255,201,102,.28);
  background:
    radial-gradient(circle at 18% 18%, rgba(255,201,102,.22), transparent 24%),
    radial-gradient(circle at 84% 18%, rgba(255,255,255,.08), transparent 22%),
    linear-gradient(145deg, rgba(25,18,13,.94), rgba(54,36,20,.92));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04), 0 18px 42px rgba(0,0,0,.26);
}
.signature-flip-front::before,
.signature-flip-back::before {
  content: "";
  position: absolute;
  inset: 14px;
  border-radius: 24px;
  border: 1px solid rgba(255,201,102,.22);
  pointer-events: none;
}
.signature-flip-front::after {
  content: "";
  position: absolute;
  width: 70%;
  height: 180%;
  left: -85%;
  top: -40%;
  background: linear-gradient(90deg, transparent, rgba(255,237,188,.20), transparent);
  transform: rotate(18deg);
  animation: flipCardShine 4.4s ease-in-out infinite;
  pointer-events: none;
}
.flip-ornament {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  margin-bottom: 1rem;
  color: #ffe2a1;
  border-radius: 50%;
  background: rgba(255,201,102,.12);
  border: 1px solid rgba(255,201,102,.32);
  box-shadow: 0 0 30px rgba(255,201,102,.12);
}
.signature-flip-front h3,
.signature-flip-back h4 {
  position: relative;
  z-index: 1;
  margin: 0 0 .85rem;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: clamp(1.55rem, 3vw, 2.1rem);
  line-height: 1.08;
  color: #fff8ee;
}
.signature-price {
  position: relative;
  z-index: 1;
  color: #ffc966;
  font-weight: 950;
  font-size: 1.2rem;
  letter-spacing: .12em;
}
.signature-flip-back {
  transform: rotateY(180deg);
  border: 1px solid rgba(255,225,161,.34);
  background:
    radial-gradient(circle at 78% 18%, rgba(255,201,102,.18), transparent 30%),
    linear-gradient(145deg, rgba(216,162,71,.96), rgba(82,49,20,.96));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 18px 42px rgba(0,0,0,.26);
}
.signature-flip-back p {
  position: relative;
  z-index: 1;
  max-width: 32ch;
  margin: 0;
  color: #fff8ee;
  font-size: .96rem;
  line-height: 1.8;
}
@keyframes flipCardShine {
  0%, 55% { left: -85%; opacity: 0; }
  64% { opacity: 1; }
  100% { left: 118%; opacity: 0; }
}

body.menu-animated-page .app-root,
body.menu-animated-page .offer-shell {
  position: relative;
  overflow: hidden;
}
body.menu-animated-page .app-root > *:not(.awadh-floating-food-layer) {
  position: relative;
  z-index: 2;
}
.awadh-floating-food-layer {
  position: fixed;
  inset: var(--awadh-fixed-nav-height) 0 0 0;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
  opacity: .72;
  mix-blend-mode: screen;
}
.awadh-floating-food-layer span {
  position: absolute;
  left: -12vw;
  display: inline-grid;
  place-items: center;
  width: clamp(70px, 8vw, 118px);
  height: clamp(70px, 8vw, 118px);
  border-radius: 50%;
  font-size: clamp(2rem, 4vw, 3.2rem);
  color: rgba(255,226,161,.20);
  background: radial-gradient(circle, rgba(255,201,102,.10), rgba(255,255,255,.02) 52%, transparent 70%);
  border: 1px solid rgba(255,201,102,.08);
  filter: blur(.1px) drop-shadow(0 0 18px rgba(255,201,102,.12));
  animation: indianFoodGlide var(--speed, 18s) ease-in-out infinite;
  animation-delay: var(--delay, 0s);
}
.awadh-floating-food-layer span::after {
  content: "";
  position: absolute;
  inset: -20%;
  background: linear-gradient(90deg, transparent, rgba(255,245,215,.22), transparent);
  transform: skewX(-18deg) translateX(-120%);
  animation: indianFoodShine 3.8s ease-in-out infinite;
  animation-delay: calc(var(--delay, 0s) + .6s);
}
.awadh-floating-food-layer .food-1 { top: 8%; --speed: 17s; --delay: 0s; }
.awadh-floating-food-layer .food-2 { top: 24%; --speed: 20s; --delay: 2.2s; font-size: clamp(1.8rem, 3.5vw, 2.8rem); }
.awadh-floating-food-layer .food-3 { top: 43%; --speed: 19s; --delay: 4.3s; }
.awadh-floating-food-layer .food-4 { top: 62%; --speed: 22s; --delay: 1.2s; font-size: clamp(1.9rem, 3.8vw, 3rem); }
.awadh-floating-food-layer .food-5 { top: 78%; --speed: 18s; --delay: 5.8s; }
@keyframes indianFoodGlide {
  0% { transform: translateX(-16vw) translateY(18px) rotate(-7deg); opacity: 0; }
  12% { opacity: .62; }
  50% { transform: translateX(54vw) translateY(-14px) rotate(7deg); opacity: .38; }
  88% { opacity: .58; }
  100% { transform: translateX(124vw) translateY(12px) rotate(-4deg); opacity: 0; }
}
@keyframes indianFoodShine {
  0%, 45% { transform: skewX(-18deg) translateX(-120%); opacity: 0; }
  60% { opacity: 1; }
  100% { transform: skewX(-18deg) translateX(120%); opacity: 0; }
}

.offer-shell,
.offer-card,
.offer-hero-card,
.offer-subnav,
.offer-cta-panel {
  color: #fff8ee !important;
}
.offer-card {
  background: linear-gradient(145deg, rgba(18,13,9,.98), rgba(46,30,17,.96)) !important;
  border: 1px solid rgba(255,201,102,.30) !important;
  box-shadow: 0 24px 55px rgba(0,0,0,.38) !important;
}
.offer-card h1,
.offer-card h2,
.offer-card h3,
.offer-card h4,
.offer-hero-card h1,
.offer-cta-panel h2,
#offers-list h2 {
  color: #fff8ee !important;
  text-shadow: 0 2px 14px rgba(0,0,0,.38) !important;
}
.offer-card p,
.offer-hero-card p,
.offer-cta-panel p,
#offers-list p,
#offers-empty {
  color: rgba(255,248,238,.88) !important;
}
.offer-card .offer-badge,
.offer-badge {
  color: #1a120c !important;
  background: linear-gradient(135deg, #d8a247, #ffe2a1) !important;
  border-color: rgba(255,225,161,.95) !important;
  font-weight: 950 !important;
}
.offer-card-image {
  background: linear-gradient(135deg, rgba(255,201,102,.12), rgba(255,248,238,.06)) !important;
  color: rgba(255,248,238,.86) !important;
}
.offer-cta-secondary {
  color: #fff8ee !important;
  background: rgba(255,248,238,.08) !important;
  border-color: rgba(255,201,102,.34) !important;
}
.offer-cta-secondary:hover,
.offer-cta-secondary:focus-visible {
  color: #1a120c !important;
  background: linear-gradient(135deg, #d8a247, #ffe2a1) !important;
}

@media (max-width: 1210px) {
  :root { --awadh-fixed-nav-height: 76px; }
}
@media (max-width: 640px) {
  :root { --awadh-fixed-nav-height: 72px; }
  .signature-flip-grid { grid-template-columns: 1fr; }
  .signature-flip-card,
  .signature-flip-inner { min-height: 238px; }
  .awadh-floating-food-layer span { opacity: .72; }
}
@media (min-width: 641px) and (max-width: 980px) {
  .signature-flip-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
  .signature-flip-inner,
  .awadh-floating-food-layer span,
  .awadh-floating-food-layer span::after,
  .signature-flip-front::after { animation: none !important; transition: none !important; }
  .signature-flip-card:hover .signature-flip-inner,
  .signature-flip-card:focus .signature-flip-inner,
  .signature-flip-card:focus-within .signature-flip-inner { transform: rotateY(180deg) !important; }
}


/* Final offers sort visibility patch: keep the cream control but make every label/button readable in black. */
.offer-subnav #offers-filter-bar,
#offers-filter-bar {
  background: rgba(255, 248, 238, .96) !important;
  border: 1px solid rgba(216, 162, 71, .45) !important;
}
.offer-subnav .offers-filter-label,
#offers-filter-bar .offers-filter-label,
.offer-subnav #offers-filter-bar .offers-filter-label {
  color: #120d09 !important;
  background: rgba(255, 201, 102, .20) !important;
  border-color: rgba(216, 162, 71, .45) !important;
  text-shadow: none !important;
}
.offer-subnav .offer-pill,
#offers-filter-bar .offer-pill,
.offer-subnav #offers-filter-bar .offer-pill {
  color: #120d09 !important;
  background: rgba(255, 255, 255, .55) !important;
  border-color: rgba(216, 162, 71, .35) !important;
  text-shadow: none !important;
  opacity: 1 !important;
}
.offer-subnav .offer-pill.active,
#offers-filter-bar .offer-pill.active,
.offer-subnav .offer-pill:hover,
#offers-filter-bar .offer-pill:hover {
  color: #120d09 !important;
  background: linear-gradient(135deg, #d8a247, #ffe2a1 52%, #b17226) !important;
  border-color: rgba(177, 114, 38, .5) !important;
  text-shadow: none !important;
}
.offer-subnav .text-xs,
.offer-subnav .text-sm {
  text-shadow: none !important;
}


/* ---- Reference-based final safe fixes ---- */

/* Stable fixed header/menu bar: no shifting down/up */
.luxury-nav,
header.luxury-nav,
nav.luxury-nav {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999 !important;
  transform: none !important;
}
body {
  padding-top: 92px !important;
}
@media (max-width: 768px) {
  body { padding-top: 78px !important; }
}

/* Reserve button visibility */
.reserve-btn,
.reserve-hero-link,
a[href*="resdiary"],
a[href*="dojo"],
a[href*="booking"] {
  background: linear-gradient(135deg, #ffe6ad 0%, #d8a247 52%, #b98222 100%) !important;
  color: #120d09 !important;
  border: 1px solid rgba(255, 229, 168, .75) !important;
  box-shadow: 0 14px 30px rgba(216, 162, 71, .25) !important;
  font-weight: 900 !important;
}

/* Offers sort/filter and cards: readable text */
.offer-filter-bar,
.offers-filter-bar,
.sort-filter,
.offer-sort,
#offer-filter-bar,
[data-filter],
.filter-button,
.offer-tab,
.sort-btn {
  color: #0f0b08 !important;
}
.offer-filter-bar *,
.offers-filter-bar *,
.sort-filter *,
.offer-sort *,
#offer-filter-bar *,
[data-filter],
.filter-button,
.offer-tab,
.sort-btn {
  color: #0f0b08 !important;
}
.offer-card h1,
.offer-card h2,
.offer-card h3,
.offer-card h4,
.offers-card h1,
.offers-card h2,
.offers-card h3,
.offers-card h4,
.offer-title {
  color: #ffd37d !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.48) !important;
}
.offer-card p,
.offers-card p,
.offer-description,
.offer-card .price,
.offers-card .price {
  color: #f8efe1 !important;
}

/* Flip-card section: local background image, no mirrored text */
.featured-flip-section {
  position: relative !important;
  overflow: hidden !important;
  background:
    linear-gradient(135deg, rgba(8, 6, 5, .90), rgba(29, 20, 13, .84), rgba(8, 6, 5, .90)),
    url('../assects/hero-bg.jpg') center center / cover no-repeat !important;
}
.featured-flip-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 15% 18%, rgba(255, 201, 102, .10), transparent 22%),
    radial-gradient(circle at 84% 22%, rgba(255, 248, 230, .08), transparent 24%);
  pointer-events: none;
}
.featured-flip-section > * {
  position: relative;
  z-index: 1;
}
.signature-flip-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(1.2rem, 2.5vw, 2rem) !important;
  perspective: none !important;
}
.signature-flip-card {
  min-height: 285px !important;
  position: relative !important;
  border: 0 !important;
  outline: none !important;
  background: transparent !important;
  cursor: pointer !important;
  perspective: none !important;
}
.signature-flip-inner {
  position: relative !important;
  width: 100% !important;
  min-height: 285px !important;
  transform: none !important;
  transform-style: flat !important;
  transition: transform .32s ease, filter .32s ease !important;
}
.signature-flip-card:hover .signature-flip-inner,
.signature-flip-card:focus-visible .signature-flip-inner,
.signature-flip-card.is-flipped .signature-flip-inner {
  transform: translateY(-6px) !important;
  filter: drop-shadow(0 20px 34px rgba(0,0,0,.26)) !important;
}
.signature-flip-face {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  padding: clamp(1.45rem, 3vw, 2.25rem) !important;
  border-radius: 30px !important;
  overflow: hidden !important;
  backface-visibility: visible !important;
  -webkit-backface-visibility: visible !important;
  transform: none !important;
  transition: opacity .36s ease, transform .36s ease, visibility .36s ease !important;
}
.signature-flip-front {
  opacity: 1 !important;
  visibility: visible !important;
  transform: rotate(0deg) scale(1) !important;
  border: 1px solid rgba(255,201,102,.32) !important;
  background:
    linear-gradient(145deg, rgba(16, 11, 8, .74), rgba(48, 29, 15, .68)),
    url('../assects/hero-bg.jpg') center center / cover no-repeat !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.05), 0 18px 42px rgba(0,0,0,.28) !important;
}
.signature-flip-back {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: rotate(-3deg) scale(.94) !important;
  border: 1px solid rgba(255,225,161,.38) !important;
  background:
    linear-gradient(145deg, rgba(17, 11, 7, .90), rgba(82, 49, 20, .86)),
    url('../assects/hero-bg.jpg') center center / cover no-repeat !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 18px 42px rgba(0,0,0,.28) !important;
}
.signature-flip-card.is-flipped .signature-flip-front,
.signature-flip-card:hover .signature-flip-front {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: rotate(3deg) scale(.94) !important;
}
.signature-flip-card.is-flipped .signature-flip-back,
.signature-flip-card:hover .signature-flip-back {
  opacity: 1 !important;
  visibility: visible !important;
  transform: rotate(0deg) scale(1) !important;
}
.signature-flip-front::before,
.signature-flip-back::before {
  content: "" !important;
  position: absolute !important;
  inset: 14px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255,201,102,.22) !important;
  pointer-events: none !important;
}
.signature-flip-front::after {
  content: "" !important;
  position: absolute !important;
  width: 70% !important;
  height: 180% !important;
  left: -85% !important;
  top: -40% !important;
  background: linear-gradient(90deg, transparent, rgba(255,237,188,.22), rgba(255,228,150,.30), transparent) !important;
  transform: rotate(18deg) !important;
  animation: flipCardShine 4.4s ease-in-out infinite !important;
  pointer-events: none !important;
}
.signature-flip-back::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,.28)) !important;
  border-radius: inherit !important;
  pointer-events: none !important;
}
.flip-ornament,
.signature-flip-front h3,
.signature-flip-back h4,
.signature-price,
.signature-flip-back p,
.flip-back-label {
  position: relative !important;
  z-index: 2 !important;
}
.signature-flip-front h3,
.signature-flip-back h4 {
  margin: 0 0 .85rem !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: clamp(1.55rem, 3vw, 2.1rem) !important;
  line-height: 1.08 !important;
  color: #fff8ee !important;
  text-shadow: 0 2px 14px rgba(0,0,0,.42) !important;
}
.signature-price {
  color: #ffd37d !important;
  font-weight: 950 !important;
  font-size: 1.2rem !important;
  letter-spacing: .12em !important;
}
.flip-back-label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: .8rem !important;
  padding: .32rem .85rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,215,140,.45) !important;
  background: rgba(20,13,8,.46) !important;
  color: #ffe2a1 !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}
.signature-flip-back p {
  display: block !important;
  max-width: 30ch !important;
  margin: 0 !important;
  color: #fff7ea !important;
  font-size: 0.98rem !important;
  line-height: 1.72 !important;
  font-weight: 500 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35) !important;
}

@media (hover: none) {
  .signature-flip-card:hover .signature-flip-front {
    opacity: 1 !important;
    visibility: visible !important;
    transform: rotate(0deg) scale(1) !important;
  }
  .signature-flip-card:hover .signature-flip-back {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: rotate(-3deg) scale(.94) !important;
  }
  .signature-flip-card.is-flipped .signature-flip-front {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: rotate(3deg) scale(.94) !important;
  }
  .signature-flip-card.is-flipped .signature-flip-back {
    opacity: 1 !important;
    visibility: visible !important;
    transform: rotate(0deg) scale(1) !important;
  }
}
@media (max-width: 1024px) {
  .signature-flip-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 767px) {
  .signature-flip-grid {
    grid-template-columns: 1fr !important;
  }
  .signature-flip-card,
  .signature-flip-inner {
    min-height: 255px !important;
  }
}

/* ---- Menu recovery safety patch ---- */
.luxury-nav,
header.luxury-nav,
nav.luxury-nav {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999 !important;
  transform: none !important;
}
body {
  padding-top: 92px !important;
}
@media (max-width: 768px) {
  body { padding-top: 78px !important; }
}
#menu-grid {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
}