/* Ombré Café — RoyalNoir Theme (2025-11-21)
   Palette: Noir #0A0A0B, Jet #121214, Gold #D8B449, Green CTA #16A34A, Soft #ECECEC
   Typography: Strong sans for headings
*/
:root{
  --noir:#0a0a0b;
  --jet:#121214;
  --fg:#ececec;
  --muted:#bdbdbd;
  --gold:#d8b449;
  --green:#16a34a;
  --border:#242428;
  --card:#15161a;
  --shadow:0 18px 40px rgba(0,0,0,.45);
  --radius:18px;
  --container:1200px;
}

html,body{ background: var(--jet); color: var(--fg); font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial; line-height:1.7; }
h1,h2,h3{ letter-spacing:.2px; color:#fff; }
a{ color: var(--gold); text-decoration:none; }
a:hover{ opacity:.9; }

.container{ max-width: var(--container); margin:0 auto; padding: 0 20px; }

header.site-header{
  position: sticky; top:0; z-index:70;
  background: rgba(10,10,11,.8); backdrop-filter: blur(10px);
  border-bottom:1px solid var(--border);
}
.navbar, .site-nav{ display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:76px; }
.navbar .logo img{ max-height:56px; filter: drop-shadow(0 6px 22px rgba(0,0,0,.4)); }

.navbar .menu a{
  padding:.65rem 1rem; border-radius:999px; color:#eee; border:1px solid transparent;
}
.navbar .menu a:hover{ border-color: var(--border); background: var(--card); }

.btn, .button, button, input[type="submit"]{
  display:inline-flex; align-items:center; justify-content:center;
  padding:.85rem 1.15rem; border-radius:999px; font-weight:700; cursor:pointer;
  box-shadow: var(--shadow); border:1px solid transparent;
}
.btn-cta, .reserve-btn, .btn-primary, a[href*="wa.me"], a[href*="api.whatsapp.com"]{
  background: var(--green); color:#fff !important; border-color: var(--green);
}
.btn-cta:hover{ filter: brightness(1.07); }
.btn-outline{ background: transparent; border-color: var(--gold); color: var(--gold); }
.btn-outline:hover{ background: rgba(216,180,73,.08); }

.hero{
  position: relative;
  min-height: 78vh;
  display:grid; place-items:center;
  background: linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.75)), center/cover no-repeat;
  border-bottom:1px solid var(--border);
}
.hero .inner{ text-align:center; padding: 2rem; }
.hero .kicker{ color: var(--gold); letter-spacing:2px; font-weight:800; text-transform:uppercase; font-size:.9rem; }
.hero h1{ font-size: clamp(2.2rem, 5vw, 3.6rem); margin:.4rem 0 .4rem; }
.hero p{ color: var(--muted); max-width: 760px; margin: 0 auto 1.1rem; }
.hero .actions{ display:flex; gap:.75rem; justify-content:center; flex-wrap:wrap; }

.specials{
  background: #0d0d0f; border-top:1px solid var(--border); border-bottom:1px solid var(--border);
}
.specials .container{ display:flex; gap:.75rem; align-items:center; padding: .8rem 20px; }
.specials .label{ color: var(--gold); font-weight:800; text-transform:uppercase; letter-spacing:1px; }
.specials .marquee{ overflow:hidden; white-space:nowrap; flex:1; color:#ddd; }
.specials .marquee span{ display:inline-block; padding-left: 100%; animation: slide 18s linear infinite; }
@keyframes slide{ 0%{ transform: translateX(0);} 100%{ transform: translateX(-100%);} }

.section{ padding: 60px 0; border-bottom:1px solid var(--border);}
.grid{ display:grid; gap: 18px; }
.grid-3{ grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.card{ background: var(--card); border:1px solid var(--border); border-radius: var(--radius); padding:18px; box-shadow: var(--shadow); }
.card .title{ font-weight:800; margin:.25rem 0 .5rem; }
.card .meta{ color: var(--muted); font-size:.92rem; }
img, video{ border-radius: 14px; }

.footer{ background: var(--noir); color: var(--muted); padding: 28px 0; border-top:1px solid var(--border); }
.footer a{ color:#fff; }

hr{ border:0; border-top:1px dashed var(--border); margin: 24px 0; }

/* Keeta styling kept */
.k-eeta, a[href*="keeta"], a[data-partner="keeta"]{ border-color:#0ea5e9; color:#0ea5e9; }
.k-eeta:hover{ background: rgba(14,165,233,.12); }

/* Remove Talabat anywhere */
a[href*="talabat"], [class*="talabat"], [id*="talabat"]{ display:none !important; visibility:hidden !important; }