/* ===================================================
   ÀMÀLÀ HEADQUARTERS — Shared Stylesheet
   by victorvandi.com
   =================================================== */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,900;1,400;1,700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=Bebas+Neue&display=swap');

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }

:root {
  --lime:       #5DC81E;
  --lime-h:     #4DB518;
  --lime-dark:  #3A8C0F;
  --lime-deep:  #1C4808;
  --lime-pale:  #F0FAEB;
  --lime-tint:  #FAFEF7;
  --red:        #C0392B;
  --white:      #FFFFFF;
  --off:        #F6FBF2;
  --dark:       #0A1A03;
  --text:       #192E08;
  --mid:        #456030;
  --light:      #82A86A;
  --border:     #CCE8B0;
  --shadow:     rgba(30,72,10,0.10);
}

html { scroll-behavior:smooth; }
body {
  font-family:'Plus Jakarta Sans',sans-serif;
  background:var(--white); color:var(--text);
  overflow-x:hidden;
}

::-webkit-scrollbar { width:5px; }
::-webkit-scrollbar-track { background:var(--lime-pale); }
::-webkit-scrollbar-thumb { background:var(--lime); border-radius:3px; }

/* ── PROGRESS BAR ── */
#prog {
  position:fixed; top:0; left:0; height:3px;
  background:var(--lime); z-index:9999; width:0%;
  box-shadow:0 0 8px rgba(93,200,30,0.5);
  transition:width 0.08s linear;
}

/* ══════════════════════════════════════════════════
   NAV
══════════════════════════════════════════════════ */
nav {
  position:fixed; top:0; left:0; right:0; z-index:500;
  padding:1rem 5vw;
  display:flex; align-items:center; justify-content:space-between;
  transition:background 0.35s, box-shadow 0.35s;
}
nav.clear { background:transparent; }
nav.solid { background:var(--white); box-shadow:0 2px 24px var(--shadow); }
nav.on-lime { background:var(--lime); }

.logo-link { display:flex; align-items:center; gap:0.7rem; text-decoration:none; }
.logo-svg  { width:40px; height:40px; flex-shrink:0; }
.logo-words { line-height:1.1; }
.logo-name {
  font-family:'Playfair Display',serif; font-weight:700; font-size:1rem;
  transition:color 0.3s;
}
.logo-tagline {
  font-size:0.55rem; letter-spacing:0.18em; text-transform:uppercase;
  font-weight:600; transition:color 0.3s;
}

nav.clear .logo-name, nav.on-lime .logo-name { color:var(--white); }
nav.clear .logo-tagline, nav.on-lime .logo-tagline { color:rgba(255,255,255,0.6); }
nav.solid .logo-name { color:var(--text); }
nav.solid .logo-tagline { color:var(--light); }

.nav-links { list-style:none; display:flex; gap:1.8rem; align-items:center; }
.nav-links a {
  font-size:0.78rem; font-weight:600; letter-spacing:0.05em;
  text-transform:uppercase; text-decoration:none; transition:color 0.2s;
}
nav.clear .nav-links a, nav.on-lime .nav-links a { color:rgba(255,255,255,0.8); }
nav.clear .nav-links a:hover, nav.on-lime .nav-links a:hover { color:var(--white); }
nav.solid .nav-links a { color:var(--mid); }
nav.solid .nav-links a:hover { color:var(--lime-dark); }
.nav-links a.active { text-decoration:underline; text-underline-offset:4px; }
nav.solid .nav-links a.active { color:var(--lime-dark); }
nav.clear .nav-links a.active, nav.on-lime .nav-links a.active { color:var(--white); }

.nav-cta {
  padding:0.55rem 1.4rem; border-radius:3px; text-decoration:none;
  font-size:0.78rem; font-weight:700; letter-spacing:0.06em;
  transition:all 0.2s;
}
nav.clear .nav-cta, nav.on-lime .nav-cta { background:var(--white); color:var(--lime-dark); }
nav.clear .nav-cta:hover, nav.on-lime .nav-cta:hover { background:var(--lime-pale); }
nav.solid .nav-cta { background:var(--lime); color:var(--white); }
nav.solid .nav-cta:hover { background:var(--lime-h); transform:translateY(-1px); }

/* Hamburger */
.hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; background:none; border:none; padding:4px; }
.hamburger span { display:block; width:24px; height:2px; border-radius:2px; transition:all 0.3s; }
nav.clear .hamburger span, nav.on-lime .hamburger span { background:var(--white); }
nav.solid .hamburger span { background:var(--text); }

/* Mobile fullscreen menu */
.mob-menu {
  position:fixed; inset:0; z-index:800;
  background:var(--white); display:none;
  flex-direction:column; align-items:center; justify-content:center; gap:1.8rem;
}
.mob-menu.open { display:flex; }
.mob-close {
  position:absolute; top:1.5rem; right:5vw;
  font-size:1.8rem; cursor:pointer; background:none; border:none; color:var(--text);
}
.mob-menu a {
  font-family:'Playfair Display',serif;
  font-size:1.8rem; font-weight:700; color:var(--text);
  text-decoration:none; transition:color 0.2s;
}
.mob-menu a:hover { color:var(--lime-dark); }
.mob-menu .mob-order {
  background:var(--lime); color:var(--white); padding:0.8rem 2rem;
  border-radius:3px; font-family:'Plus Jakarta Sans',sans-serif;
  font-size:0.88rem; font-weight:700; letter-spacing:0.06em;
}

@media(max-width:900px) {
  .nav-links, nav .nav-cta { display:none; }
  .hamburger { display:flex; }
}

/* ══════════════════════════════════════════════════
   PAGE BANNER (inner pages)
══════════════════════════════════════════════════ */
.page-banner {
  background:var(--lime); padding:9rem 5vw 5rem;
  position:relative; overflow:hidden; text-align:center;
}
.page-banner::before {
  content:''; position:absolute; right:-10%; top:-20%;
  width:450px; height:450px; border-radius:50%;
  background:rgba(255,255,255,0.05); pointer-events:none;
}
.page-banner::after {
  content:''; position:absolute; left:-5%; bottom:-20%;
  width:300px; height:300px; border-radius:50%;
  background:rgba(255,255,255,0.04); pointer-events:none;
}
.pb-eyebrow {
  font-size:0.68rem; letter-spacing:0.22em; text-transform:uppercase;
  font-weight:700; color:rgba(255,255,255,0.55); margin-bottom:0.7rem;
  position:relative; z-index:1;
}
.pb-title {
  font-family:'Playfair Display',serif; font-size:clamp(2.5rem,6vw,4.5rem);
  font-weight:900; color:var(--white); line-height:1.05;
  position:relative; z-index:1;
}
.pb-title span { color:rgba(255,255,255,0.45); font-style:italic; font-weight:400; }
.pb-sub {
  font-size:0.95rem; color:rgba(255,255,255,0.6); margin-top:0.8rem; max-width:520px;
  margin-left:auto; margin-right:auto; line-height:1.7; position:relative; z-index:1;
}

/* ══════════════════════════════════════════════════
   TICKER
══════════════════════════════════════════════════ */
.ticker { background:var(--lime-deep); overflow:hidden; padding:0.75rem 0; white-space:nowrap; }
.ticker-track { display:inline-flex; animation:scroll-left 30s linear infinite; }
.ticker-item {
  display:inline-flex; align-items:center; gap:1.5rem; padding:0 2rem;
  font-family:'Bebas Neue',cursive; font-size:0.95rem; letter-spacing:0.14em;
  color:rgba(255,255,255,0.75);
}
.tsep { color:var(--lime); }
@keyframes scroll-left { from{transform:translateX(0)} to{transform:translateX(-50%)} }

/* ══════════════════════════════════════════════════
   FOOTER
══════════════════════════════════════════════════ */
footer {
  background:var(--dark); color:rgba(255,255,255,0.55);
  padding:4.5rem 5vw 0;
}
.foot-grid {
  display:grid; grid-template-columns:2.2fr 1fr 1fr 1fr;
  gap:3rem; padding-bottom:3rem;
  border-bottom:1px solid rgba(255,255,255,0.07);
}
.foot-brand svg { width:44px; height:44px; margin-bottom:0.8rem; display:block; }
.foot-brand-name {
  font-family:'Playfair Display',serif; font-size:1.2rem; font-weight:700;
  color:var(--white); margin-bottom:0.3rem;
}
.foot-brand-tag { font-size:0.68rem; color:var(--light); letter-spacing:0.12em; text-transform:uppercase; margin-bottom:1rem; }
.foot-desc { font-size:0.8rem; line-height:1.75; max-width:260px; color:rgba(255,255,255,0.38); }
.foot-col h5 {
  font-size:0.62rem; letter-spacing:0.2em; text-transform:uppercase;
  color:rgba(255,255,255,0.25); margin-bottom:1.2rem; font-weight:700;
}
.foot-col a {
  display:block; font-size:0.82rem; color:rgba(255,255,255,0.48);
  text-decoration:none; margin-bottom:0.75rem; transition:color 0.2s;
}
.foot-col a:hover { color:var(--lime); }
.foot-bottom {
  padding:1.5rem 0;
  display:flex; justify-content:space-between; align-items:center;
  font-size:0.72rem; color:rgba(255,255,255,0.22); flex-wrap:wrap; gap:0.5rem;
}
.foot-bottom .lime { color:var(--lime); }
.foot-sig a { color:rgba(255,255,255,0.35); text-decoration:none; transition:color 0.2s; }
.foot-sig a:hover { color:var(--lime); }

@media(max-width:768px) {
  .foot-grid { grid-template-columns:1fr 1fr; gap:2rem; }
}
@media(max-width:480px) {
  .foot-grid { grid-template-columns:1fr; }
}

/* ══════════════════════════════════════════════════
   FLOATING & MOBILE STICKY
══════════════════════════════════════════════════ */
.floats {
  position:fixed; bottom:1.8rem; right:1.8rem;
  z-index:600; display:flex; flex-direction:column; gap:0.7rem; align-items:center;
}
.fb {
  width:50px; height:50px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  text-decoration:none; font-size:1.2rem;
  box-shadow:0 4px 20px rgba(0,0,0,0.25); transition:all 0.2s; border:none; cursor:pointer;
}
.fb:hover { transform:scale(1.1); }
.fb-wa { background:#25D366; color:var(--white); }
.fb-up { background:var(--lime-deep); color:var(--white); opacity:0; pointer-events:none; transition:opacity 0.3s; font-size:1rem; }
.fb-up.show { opacity:1; pointer-events:all; }

.mob-bar {
  display:none; position:fixed; bottom:0; left:0; right:0;
  background:var(--lime-deep); z-index:700; padding:0.75rem 1.2rem; gap:0.6rem;
}
.mob-bar a {
  flex:1; text-align:center; padding:0.7rem 0.4rem;
  border-radius:3px; font-size:0.75rem; font-weight:700;
  letter-spacing:0.04em; text-decoration:none; transition:all 0.2s;
}
.mbo { background:var(--lime); color:var(--white); }
.mbw { background:rgba(255,255,255,0.08); color:var(--white); border:1px solid rgba(255,255,255,0.15); }
.mbc { border:1.5px solid rgba(255,255,255,0.25); color:var(--white); }

@media(max-width:768px) {
  .mob-bar { display:flex; }
  body { padding-bottom:66px; }
}

/* ══════════════════════════════════════════════════
   SHARED UTILITIES
══════════════════════════════════════════════════ */
.container { max-width:1200px; margin:0 auto; }
section { padding:6rem 5vw; }

.eyebrow {
  display:inline-flex; align-items:center; gap:0.7rem; margin-bottom:0.9rem;
  font-size:0.67rem; font-weight:700; letter-spacing:0.22em; text-transform:uppercase;
}
.eyebrow::before { content:''; width:22px; height:2px; background:currentColor; flex-shrink:0; }
.ey-lime { color:var(--lime-dark); }
.ey-white { color:rgba(255,255,255,0.45); }
.ey-white::before { background:rgba(255,255,255,0.45); }

.sec-title {
  font-family:'Playfair Display',serif;
  font-size:clamp(1.9rem,4vw,3.2rem); font-weight:900; line-height:1.1; margin-bottom:1.2rem;
}
.sec-title .red { color:var(--red); }
.sec-title .it { font-style:italic; font-weight:400; color:var(--light); }

/* Reveal */
.reveal { opacity:0; transform:translateY(36px); transition:opacity 0.7s ease,transform 0.7s ease; }
.reveal.in { opacity:1; transform:none; }
.d1{transition-delay:.1s} .d2{transition-delay:.2s} .d3{transition-delay:.3s} .d4{transition-delay:.4s}

/* Buttons */
.btn-lime {
  display:inline-flex; align-items:center; gap:0.5rem;
  background:var(--lime); color:var(--white); padding:0.88rem 2rem;
  border-radius:3px; font-size:0.85rem; font-weight:700; letter-spacing:0.04em;
  text-decoration:none; transition:all 0.2s; border:none; cursor:pointer; font-family:'Plus Jakarta Sans',sans-serif;
}
.btn-lime:hover { background:var(--lime-h); transform:translateY(-2px); box-shadow:0 10px 28px rgba(93,200,30,0.25); }

.btn-white {
  display:inline-flex; align-items:center; gap:0.5rem;
  background:var(--white); color:var(--lime-dark); padding:0.88rem 2rem;
  border-radius:3px; font-size:0.85rem; font-weight:700; letter-spacing:0.04em;
  text-decoration:none; transition:all 0.2s; border:2px solid var(--white);
}
.btn-white:hover { background:var(--lime-pale); transform:translateY(-2px); }

.btn-dark {
  display:inline-flex; align-items:center; gap:0.5rem;
  background:var(--lime-deep); color:var(--white); padding:0.88rem 2rem;
  border-radius:3px; font-size:0.85rem; font-weight:700; letter-spacing:0.04em;
  text-decoration:none; transition:all 0.2s;
}
.btn-dark:hover { background:var(--dark); transform:translateY(-2px); }

.btn-ghost-lime {
  display:inline-flex; align-items:center; gap:0.5rem;
  border:2px solid var(--lime); color:var(--lime-dark); padding:0.85rem 2rem;
  border-radius:3px; font-size:0.85rem; font-weight:700; letter-spacing:0.04em;
  text-decoration:none; transition:all 0.2s; background:transparent;
}
.btn-ghost-lime:hover { background:var(--lime); color:var(--white); }

.btn-ghost-white {
  display:inline-flex; align-items:center; gap:0.5rem;
  border:2px solid rgba(255,255,255,0.45); color:var(--white); padding:0.85rem 2rem;
  border-radius:3px; font-size:0.85rem; font-weight:600; letter-spacing:0.04em;
  text-decoration:none; transition:all 0.2s; background:transparent;
}
.btn-ghost-white:hover { border-color:var(--white); background:rgba(255,255,255,0.1); }

.pill {
  display:inline-block; border:1.5px solid var(--border);
  color:var(--lime-dark); padding:0.4rem 1rem; border-radius:50px;
  font-size:0.75rem; font-weight:600; letter-spacing:0.04em; transition:all 0.2s;
}
.pill:hover { background:var(--lime-pale); border-color:var(--lime); }

/* Body text */
.body-text {
  font-size:0.93rem; color:var(--mid); line-height:1.85; font-weight:300; margin-bottom:1.2rem;
}

/* ══════════════════════════════════════════════════
   SHARED JS (inline in each page for self-containment)
══════════════════════════════════════════════════ */
/* shared_js placeholder */