/*
Theme Name: Adam's Smoke Grill
Theme URI: https://adamssmokegrill.com
Author: Adam's Smoke Grill
Description: One-page restaurant theme for Adam's Smoke Grill (Fresh - Halal - Grilled), 5130 Dixie Rd. Edit menu items in front-page.php.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: adams-smoke-grill
*/

:root{
  --bg:#120b09; --bg2:#1b110d; --card:#231612; --red:#d6321f; --orange:#f0762a;
  --gold:#f4b43c; --cream:#f6ead9; --muted:#c9b8a4;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--cream);font-family:'Inter',system-ui,sans-serif;line-height:1.6}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:'Oswald',Impact,sans-serif;text-transform:uppercase;letter-spacing:.04em;line-height:1.1}
.wrap{width:min(1160px,92%);margin:0 auto}
section{padding:90px 0}
.eyebrow{color:var(--orange);font-weight:600;letter-spacing:.25em;text-transform:uppercase;font-size:.8rem;margin-bottom:10px}
.title{font-size:clamp(2rem,5vw,3.2rem);margin-bottom:14px}
.btn{display:inline-block;padding:14px 30px;border-radius:4px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.9rem;transition:.25s}
.btn-primary{background:linear-gradient(135deg,var(--red),var(--orange));color:#fff}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(214,50,31,.45)}
.btn-ghost{border:2px solid var(--cream);color:var(--cream)}
.btn-ghost:hover{background:var(--cream);color:var(--bg)}

/* nav */
.nav{position:fixed;inset:0 0 auto 0;z-index:50;background:rgba(18,11,9,.88);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:70px}
.brand{display:flex;align-items:center;gap:12px;font-family:'Oswald',sans-serif;font-size:1.25rem;letter-spacing:.06em;text-transform:uppercase}
.brand img{width:46px;height:46px;border-radius:50%}
.nav ul{display:flex;gap:26px;list-style:none;align-items:center}
.nav ul a{font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.nav ul a:hover{color:var(--orange)}
.nav .call{background:var(--red);color:#fff!important;padding:9px 18px;border-radius:4px}

/* hero */
.hero{min-height:100vh;display:flex;align-items:center;padding-top:70px;position:relative;
  background:linear-gradient(90deg,rgba(18,11,9,.95) 10%,rgba(18,11,9,.55)),url('assets/images/brisket.jpg') center/cover}
.hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.hero h1{font-size:clamp(2.6rem,7vw,5.4rem)}
.hero h1 span{color:var(--orange)}
.hero p{max-width:520px;color:var(--muted);margin:20px 0 32px;font-size:1.1rem}
.hero .cta{display:flex;gap:14px;flex-wrap:wrap}
.hero .logo{justify-self:center;width:min(360px,80%);filter:drop-shadow(0 20px 50px rgba(214,50,31,.5))}
.hero .logo img{border-radius:50%}
.badges{display:flex;gap:10px;margin-top:34px;flex-wrap:wrap}
.badges span{border:1px solid var(--gold);color:var(--gold);padding:5px 14px;border-radius:30px;font-size:.78rem;letter-spacing:.15em;text-transform:uppercase}

/* about */
.about{background:var(--bg2)}
.about .wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.about img{border-radius:8px;box-shadow:0 20px 50px rgba(0,0,0,.5);max-height:620px;width:100%;object-fit:cover}
.about p{color:var(--muted);margin-bottom:16px}
.points{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}
.points div{background:var(--card);border-radius:8px;padding:18px;text-align:center;border-top:3px solid var(--orange)}
.points b{display:block;font-family:'Oswald',sans-serif;font-size:1.1rem;text-transform:uppercase;letter-spacing:.06em}
.points small{color:var(--muted)}

/* menu */
.menu .head{text-align:center;margin-bottom:46px}
.menu .head p{color:var(--muted);max-width:560px;margin:0 auto}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:26px}
.dish{background:var(--card);border-radius:10px;overflow:hidden;transition:.3s;border:1px solid rgba(255,255,255,.05)}
.dish:hover{transform:translateY(-6px);border-color:var(--orange)}
.dish img{width:100%;height:240px;object-fit:cover}
.dish .body{padding:20px}
.dish h3{font-size:1.3rem;margin-bottom:6px;color:var(--gold)}
.dish p{color:var(--muted);font-size:.93rem}

/* gallery */
.gallery{background:var(--bg2)}
.gallery .head{text-align:center;margin-bottom:40px}
.masonry{columns:3 260px;column-gap:16px}
.masonry img{width:100%;margin-bottom:16px;border-radius:8px;break-inside:avoid}

/* contact */
.contact .wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:44px}
.info{display:grid;gap:18px;align-content:start}
.info .item{background:var(--card);padding:22px;border-radius:8px;border-left:4px solid var(--red)}
.info .item small{display:block;color:var(--orange);letter-spacing:.2em;text-transform:uppercase;font-size:.72rem;margin-bottom:4px}
.info .item a,.info .item span{font-size:1.25rem;font-weight:600}
.map{border-radius:10px;overflow:hidden;min-height:380px}
.map iframe{width:100%;height:100%;min-height:380px;border:0;filter:grayscale(.3) contrast(1.05)}

footer{background:#0b0605;padding:34px 0;text-align:center;color:var(--muted);font-size:.88rem;border-top:1px solid rgba(255,255,255,.06)}
footer img{width:64px;margin:0 auto 12px;border-radius:50%}

/* floating call button (mobile) */
.fab{display:none;position:fixed;right:16px;bottom:16px;z-index:60;background:linear-gradient(135deg,var(--red),var(--orange));color:#fff;padding:14px 22px;border-radius:40px;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.5)}

@media(max-width:860px){
  .hero .wrap,.about .wrap,.contact .wrap{grid-template-columns:1fr}
  .hero .logo{order:-1;width:200px}
  .nav ul li:not(:last-child){display:none}
  .points{grid-template-columns:1fr}
  section{padding:64px 0}
  .fab{display:block}
}