/* Sammitches — standalone look (sunset + wood + orange). Loaded after style.css */
@font-face{font-family:"Rye";src:url(/assets/fonts/rye.woff2) format("woff2");font-display:swap}
.sam{--sun1:#2b1a3d;--sun2:#7b2e6b;--sun3:#e8507a;--orange:#f08a24;--orange-2:#ffb052;--plank:#3a2416;--plank-2:#4a2e1c;--cream:#fff4e3;background:var(--plank);color:var(--cream)}
.sam h1,.sam h2,.sam h3{font-family:"Rye",var(--display);font-weight:400}
.sam a{color:var(--orange-2)}
.sam .kicker{color:var(--orange-2)}
.sam-header{background:#1d120b;border-bottom:3px solid var(--orange);position:sticky;top:0;z-index:50}
.sam-header .wrap{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:12px}
.sam-header .sam-brand{display:flex;align-items:center;gap:10px;color:var(--cream);text-decoration:none;font:400 1.35rem "Rye",serif}
.sam-header .sam-brand img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid var(--orange)}
.sam-header nav a{color:var(--cream);text-decoration:none;font:500 .95rem var(--label);letter-spacing:1.5px;text-transform:uppercase;margin-left:14px}
.sam-header nav a.call{background:var(--orange);color:#1d120b;padding:8px 14px;border-radius:999px;font-weight:700}
.sam-header nav .hide-sm{display:none}
@media (min-width:700px){.sam-header nav .hide-sm{display:inline}}
.sam-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--sun1),var(--sun2) 55%,var(--sun3))}
.sam-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.sam-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#2b1a3d55,#3a2416 98%)}
.sam-hero .wrap{position:relative;z-index:1;padding:40px 20px 56px;text-align:center}
.sam-sign{width:min(88vw,520px);margin:0 auto 18px;border-radius:22px;box-shadow:0 18px 50px #000a}
.sam-hero h1{font-size:clamp(1.7rem,6vw,3rem);text-shadow:0 3px 0 #0008;margin-bottom:.3em}
.sam-hero .lead{font-size:1.15rem;max-width:36ch;margin:0 auto 1.2em}
.sam .btn-row{justify-content:center}
.btn-orange{background:var(--orange);color:#1d120b}
.btn-orange:hover{background:var(--orange-2)}
.sam-band{background:var(--orange);color:#1d120b;text-align:center;padding:22px 0;font:400 clamp(1.2rem,4.5vw,1.9rem) "Rye",serif}
.sam-section{padding:52px 0}
.sam-section.planks{background:repeating-linear-gradient(0deg,var(--plank) 0 62px,#2c1b10 62px 64px)}
.sam-section.sunset{background:linear-gradient(160deg,var(--sun1),var(--sun2) 70%,#a53a6a)}
.sam-card{background:#24160d;border:2px solid #5a3a22;border-radius:16px;padding:24px;box-shadow:0 10px 30px #0006}
.sam-card h3{color:var(--orange-2);font-size:1.5rem}
.sam-card .tag{display:inline-block;background:var(--orange);color:#1d120b;font:700 .8rem var(--label);letter-spacing:1.5px;text-transform:uppercase;padding:4px 10px;border-radius:999px;margin-bottom:10px}
.hours{display:grid;gap:16px}
@media (min-width:700px){.hours{grid-template-columns:repeat(2,1fr)}}
.hours .sam-card{text-align:center}
.hours .big{font:400 1.6rem "Rye",serif;color:#fff;display:block;margin:6px 0}
.flyers img{border-radius:14px;box-shadow:0 12px 34px #0008}
.sam-footer{background:#140c07;color:#d8c6b2;padding:36px 0;text-align:center;font-size:.95rem}
.sam-footer img{width:140px;margin:0 auto 10px}
.sam-footer a{color:#fff}
.sam .action-bar{border-top-color:var(--orange);background:#1d120b}
.sam .action-bar a+a{background:var(--orange);color:#1d120b}
.sam .btn-orange,.sam .sam-header nav a.call{color:#1d120b}
.sam .btn-ghost{color:#fff}
.sam .btn-ghost:hover{color:#1d120b}
.sam .action-bar a{color:#fff}
.sam .action-bar a+a{color:#1d120b}
.fb-icon{display:inline-block;vertical-align:-3px;flex:none}
.sam-header nav a.fb{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#1877f2;color:#fff;vertical-align:middle}
.sam-header nav a.fb .fb-icon{width:20px;height:20px;vertical-align:0}
.sam-footer .fb-link{display:inline-flex;align-items:center;gap:8px}
.sam-header nav{display:flex;align-items:center;gap:10px;flex:none}
.sam-header nav a{margin-left:0;white-space:nowrap}
@media (min-width:700px){.sam-header nav{gap:16px}}
.sam .cashapp{color:var(--cream)}
/* X link + compact mobile header */
.x-icon{display:inline-block;vertical-align:-2px;flex:none}
.sam-header nav a.xlink{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#000;color:#fff;border:1px solid #ffffff40}
.sam-header nav a.call{display:inline-flex;align-items:center;gap:4px}
@media (max-width:419px){
  .sam-header .wrap{gap:8px;padding:0 14px}
  .sam-header .sam-brand{font-size:1.15rem;gap:8px}
  .sam-header .sam-brand img{width:40px;height:40px}
  .sam-header nav{gap:8px}
  .sam-header nav .call-txt{display:none}
  .sam-header nav a.call{width:36px;height:36px;padding:0;justify-content:center;border-radius:50%}
}