/* =========================================================
   The Filoxenia Tavern, custom styles
   Palette: navy (#1B3A5F), gold (#C6A15B), sand (#F6F1E7)
   Loaded root-relative as /css/style.css on every page.
   ========================================================= */

:root{
  --navy:#1B3A5F; --navy-dark:#12263F; --gold:#C6A15B; --gold-dark:#A9843F;
  --sand:#F6F1E7; --ink:#23262B;
}

html{ scroll-behavior:smooth; }
body{ font-family:'Poppins',sans-serif; }
h1,h2,h3,.font-display{ font-family:'Playfair Display',serif; }

/* Offset anchor jumps for the fixed header */
section[id]{ scroll-margin-top:84px; }

::selection{ background:var(--gold); color:#fff; }

/* Scrollbar */
::-webkit-scrollbar{ width:10px; }
::-webkit-scrollbar-track{ background:var(--sand); }
::-webkit-scrollbar-thumb{ background:var(--navy); border-radius:6px; }
::-webkit-scrollbar-thumb:hover{ background:var(--navy-dark); }

/* Menu category chips, compact and premium */
.menu-chip{
  background:#fff;
  border:1px solid rgba(27,58,95,.14);
  border-radius:.6rem;
  padding:.7rem .5rem;
  text-align:center;
  font-size:.82rem;
  font-weight:500;
  color:var(--navy);
  line-height:1.2;
  transition:border-color .2s, box-shadow .2s, transform .2s;
}
.menu-chip:hover{
  border-color:var(--gold);
  box-shadow:0 4px 14px rgba(27,58,95,.08);
  transform:translateY(-2px);
}
.menu-chip--accent{
  border-color:var(--gold);
  background:#FBF7EE;
  color:var(--gold-dark);
  font-weight:600;
}

/* Dish tags */
.dish-tag{
  background:var(--sand);
  color:rgba(35,38,43,.85);
  padding:.4rem 1rem;
  border-radius:9999px;
  font-size:.85rem;
}

/* Form fields */
.form-input{
  width:100%;
  border:1px solid rgba(35,38,43,.2);
  border-radius:.55rem;
  padding:.75rem 1rem;
  font-size:.95rem;
  background:#fff;
  transition:border-color .15s, box-shadow .15s;
}
.form-input:focus{
  outline:none;
  border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(198,161,91,.25);
}

/* Gallery images are clickable (open in Fancybox) */
#stigmes a, #moments a{ cursor:zoom-in; }

/* Keep Fancybox overlay above everything */
.fancybox__container{ z-index:1000; }

/* Gentle fade-in (respects reduced motion) */
@media (prefers-reduced-motion:no-preference){
  section{ animation:fadeUp .7s ease both; }
  @keyframes fadeUp{
    from{ opacity:0; transform:translateY(12px); }
    to{ opacity:1; transform:translateY(0); }
  }
}