/* eryaman: Tacos Fiesta görünümünün Eryaman Ev Yemekleri renkleriyle (koyu yeşil, altın) uyarlaması. */
:root {
    --np-red: #2f6b2a;
    --np-red2: #1f5a1d;
    --np-cream: #f8f1df;
    --np-paper: #fffdf6;
    --np-surface: #fffdf6;
    --np-white: #fffdf6;
    --np-ink: #1c2b18;
    --np-ink2: #5a3347;
    --np-mute: #6a7660;
    --np-sun: #e3b03a;
    --np-tint: #eaf1dc;
    --np-basil: #2f6b2a;
    --np-basil-s: #e1ecd2;
    --np-bad: #c4200d;
    --np-bad-bg: #ffd9d3;
    --np-line: #1c2b18;
    --np-sh: 3px 3px 0 #1c2b18;
    --np-sh-lg: 5px 5px 0 #1c2b18;
    --np-r1: 22px;
    --np-r2: 16px;
    --np-r3: 12px;
    --np-bw: 2.5px;
    --np-bd: #1c2b18;
    --np-fd: "Fredoka", system-ui, sans-serif;
    --np-fi: "Fredoka", system-ui, sans-serif;
    --np-fb: "Nunito", system-ui, sans-serif;
    --np-field: #ffffff;
    --np-onred: #ffffff;
    --np-hd-bg: #24521f;
    --np-hd-fg: #ffffff;
    --np-hd-bd: #1c2b18;
    --np-ib-bg: #fffdf6;
    --np-ib-fg: #1c2b18;
    --np-ib-bd: #1c2b18;
    --np-hero-bg: radial-gradient(rgba(255, 255, 255, .16) 2px, transparent 2.5px) 0 0 / 22px 22px, #24521f;
    --np-hero-fg: #ffffff;
    --np-hero-hl: #e3b03a;
    --np-title-w: 600;
    --np-title-ls: -.02em;
    --np-btn-r: 99px;
    --np-bn-bg: #fffdf6;
    --np-strip-bg: #e3b03a;
    --np-strip-fg: #1c2b18;
    --np-cbar-bg: #1c2b18;
    --np-cbar-fg: #f8f1df;
    --np-ft-bg: #1c2b18;
    --np-ft-fg: #f8f1df;
    --np-ft-hl: #e3b03a;
    --np-hs: 1;
    --np-plate-bd: #1c2b18;
    --np-plate-sh: 8px 12px 0 rgba(0, 0, 0, .28);
    --np-plate-rot: 0deg;
    --np-plate-fit: cover;
    --np-plate-bg: #e3b03a;
}
.np-title i { font-style: normal; }
.np-btn--sun { background: #e3b03a; color: #1c2b18; }
.np-tag { background: var(--np-sun); color: #1c2b18; }
.np-tag--paper { background: #fffdf6; color: var(--np-ink); }
.np-hero .np-lead { color: #f4f1df; }
/* The hero picture stays still: no tilt, no floating, no spinning. */
.np-plate__disc, .np-plate__disc .np-plate__photo, .np-hero .np-plate__disc--cutout .np-plate__photo { animation: none !important; }
.np-plate__disc { transform: none !important; }
/* Hero picture: on a phone it comes first (title below), and it is bigger on every screen. */
@media (max-width: 55.99rem) {
    .np-hero__in { padding-top: 18px; }
    .np-hero .np-plate { order: -1; width: min(86vw, 400px); margin: 4px auto 12px; }
}
@media (min-width: 56rem) {
    .np-hero__in { grid-template-columns: 1fr 1fr; }
    .np-hero .np-plate { width: min(100%, 540px); }
}
/* No cart button in the phone header (the bottom bar has one). */
@media (max-width: 55.99rem) { .np-hd .np-ib--cart { display: none; } }
/* Bigger logo in the phone header. */
@media (max-width: 55.99rem) { .np-brand img { height: 56px; } .np-hd__in { min-height: 72px; } }

/* Checkout: order days shown 5 at a time with arrows */
.fx-daypager{display:flex;align-items:stretch;gap:8px}
.fx-daypager .fx-days{flex:1;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;overflow:visible}
.fx-daypager .fx-day[hidden]{display:none}
.fx-daynav{flex:0 0 38px;border:1.5px solid rgba(0,0,0,.15);background:#fff;border-radius:12px;font-size:22px;line-height:1;cursor:pointer}
.fx-daynav:disabled{opacity:.35;cursor:default}
.fx-daynav[hidden]{display:none}

/* Hero picture is a rectangle, not a circle. */
.np-hero .np-plate__disc, .np-hero .np-plate__disc.np-plate__disc--cutout { aspect-ratio: 4 / 3; border-radius: 18px !important; overflow: hidden; border: 3px solid #fffdf6 !important; box-shadow: 8px 12px 0 rgba(0, 0, 0, .28) !important; filter: none; }
.np-hero .np-plate__disc img, .np-hero .np-plate__disc--cutout .np-plate__photo { width: 100%; height: 100%; object-fit: cover; border-radius: 0 !important; transform: none !important; }
/* Bigger logo on desktop too. */
@media (min-width: 56rem) { .np-brand img { height: 84px; } .np-hd__in { min-height: 104px; } }
.np-hero .np-plate__disc img { object-position: 50% 25%; }

/* WhatsApp order button: WhatsApp green, white text. */
.np-btn--wa, .np-btn--wa:hover { background: #25d366 !important; border-color: #25d366 !important; color: #fff !important; }
.np-btn--wa svg { color: #fff; }
