/*
Theme Name: Benny's Burgers & Shakes
Description: Bilingual restaurant website for Benny's Burgers & Shakes in San Antonio.
Version: 1.2.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: bennys-burgers-shakes
*/

:root{--pink:#f60078;--light:#ffd4e7;--turquoise:#00c9c8;--cream:#fff9ef;--ink:#211820;--yellow:#ffe566}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.55 system-ui,sans-serif}a{color:inherit}button{font:inherit;cursor:pointer}img{max-width:100%}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #007674;outline-offset:4px}.wrap{width:min(1240px,calc(100% - 64px));margin:auto}
header{position:sticky;top:0;z-index:10;background:var(--cream);border-top:6px solid var(--pink);border-bottom:2px solid var(--ink)}.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:94px}.brand img{display:block;width:120px;height:auto}.links,.actions,.tabs{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.links{gap:28px}.links a{text-decoration:none;font-weight:800}.links a[aria-current=page]{color:#a60050;border-bottom:3px solid var(--pink)}.btn,.tab{display:inline-flex;justify-content:center;align-items:center;padding:11px 19px;border:2px solid var(--ink);border-radius:100px;font-weight:850;text-decoration:none;background:var(--cream);color:var(--ink);transition:transform .18s,box-shadow .18s}.btn.primary,.btn.pink,.tab[aria-pressed=true]{background:var(--pink);color:white}.btn:hover,.tab:hover{transform:translateY(-2px);box-shadow:3px 4px 0 var(--ink)}
.hero{background:var(--pink);padding:55px 0 64px;position:relative}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center}.hero-brand{margin:0}.hero-brand img{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 1px #ffffff60)}.fresh-message{font-size:clamp(21px,2.5vw,30px);line-height:1.2;font-weight:900;color:var(--ink);margin:20px 0 26px}.hero .btn.primary{background:var(--ink);color:white}.hero .btn{box-shadow:4px 4px 0 var(--ink)}.hero .btn.primary{box-shadow:4px 4px 0 var(--turquoise)}
.food-carousel{min-width:0;border:3px solid var(--ink);border-radius:21px;overflow:hidden;background:var(--cream);box-shadow:10px 10px 0 var(--turquoise)}.carousel-window{overflow:hidden}.carousel-track{display:flex;transition:transform .6s ease}.food-slide{flex:0 0 100%;min-width:0;margin:0}.food-slide img{display:block;width:100%;aspect-ratio:1.38;object-fit:cover}.food-slide figcaption{padding:13px 20px 0;font-size:21px;font-weight:900;line-height:1.2}.carousel-controls{display:flex;align-items:center;gap:9px;padding:14px 18px}.carousel-controls button{background:var(--cream);border:1px solid var(--ink);border-radius:30px;padding:5px 12px;font-weight:800}.carousel-controls button:last-child{margin-left:auto;font-size:13px}.carousel-controls span{font-size:13px;font-weight:800}
.checker{height:24px;background:conic-gradient(var(--ink) 25%,var(--cream) 0 50%,var(--ink) 0 75%,var(--cream) 0) 0 0/24px 24px;border-block:2px solid var(--ink)}.diner-strip{background:var(--turquoise);padding:15px 0;border-bottom:2px solid var(--ink)}.diner-strip .wrap{display:flex;justify-content:center;align-items:center;gap:28px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.section{padding:80px 0}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:900;text-transform:uppercase;color:#a60050}h1,h2{font-weight:950;line-height:1.04;letter-spacing:-.045em}h2{font-size:clamp(36px,4.5vw,62px);margin:14px 0 22px}h3{line-height:1.15}.section-heading{margin-bottom:32px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.feature{border:2px solid var(--ink);background:var(--light);border-radius:16px;overflow:hidden;padding:24px;box-shadow:5px 5px 0 var(--ink)}.feature:nth-child(2){background:#b8f4ed}.feature:nth-child(3){background:var(--yellow)}.feature h3{font-size:25px;margin:18px 0 8px}.feature-image{display:block;width:calc(100% + 48px);max-width:none;margin:-24px -24px 0;aspect-ratio:1.5;object-fit:cover;border-bottom:2px solid var(--ink)}.text-link{font-weight:850;text-underline-offset:5px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.frame{border:2px solid var(--ink);border-radius:18px;overflow:hidden;box-shadow:7px 7px 0 var(--pink)}.frame img{display:block;width:100%;height:auto}.location{background:var(--light);border-block:2px solid var(--ink)}.jobs{background:#b8f4ed;border-top:2px solid var(--ink)}.home-careers img{display:block;width:min(100%,380px);height:auto;margin:auto;border-radius:12px}.home-careers h2{font-size:clamp(36px,4vw,56px)}
.page-intro{padding:50px 0;background:var(--pink)}.page-intro h1{font-size:clamp(42px,6vw,78px);margin:14px 0 18px}.page-intro .eyebrow{color:var(--ink)}.page-intro p{font-weight:600}.tabs{margin:20px 0}.search{display:block;margin-top:7px;background:white;border:2px solid var(--ink);border-radius:9px;width:min(100%,440px);padding:12px;font:inherit}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.item{background:white;border:1px solid #e5c7d4;border-radius:14px;overflow:hidden;padding:19px}.item h3{font-size:22px;margin:12px 0 8px}.item-photo{display:block;width:calc(100% + 38px);max-width:none;margin:-19px -19px 17px;aspect-ratio:1.5;object-fit:cover}.price{color:#b00051;font-size:21px;font-weight:900}.menu-note{background:var(--light);padding:12px 18px;border-radius:8px}.info{background:var(--cream);padding:30px;border:2px solid var(--ink);border-radius:15px}.info p{margin:14px 0}.order-section .feature-grid{grid-template-columns:repeat(2,1fr)}.order-card h2{font-size:32px}.order-note{margin-top:30px}
.careers-intro{text-align:center;padding:65px 0}.careers-intro h1{font-size:clamp(40px,6vw,75px);margin:14px 0}.careers-panel{display:grid;grid-template-columns:1fr 1fr;background:var(--light)}.careers-panel img{width:100%;height:100%;object-fit:cover}.careers-panel img[src$="hiring.png"]{width:min(100%,440px);height:auto;object-fit:contain;margin:32px auto;align-self:center}.careers-panel-copy{padding:clamp(25px,6vw,90px);align-self:center}.careers-panel-reverse{background:#b8f4ed}.careers-panel-reverse img{grid-column:2;grid-row:1}.careers-panel-reverse .careers-panel-copy{grid-column:1;grid-row:1}.apply-in-person{padding:16px;background:var(--cream);border-left:5px solid var(--pink);font-weight:800}
footer{padding:30px 0;background:var(--cream);border-top:5px solid var(--pink)}.footer-grid{display:flex;gap:22px;align-items:center;font-size:14px}.footer-grid img{width:140px;height:auto}.footer-grid nav{margin-left:auto;display:flex;gap:18px;flex-wrap:wrap}.skip{position:absolute;left:-1000px}.skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:20}.mobile{display:none}
@media(max-width:900px){.hero-grid{gap:30px}.links{gap:16px}.feature-grid{gap:16px}.diner-strip .wrap{gap:14px;font-size:13px}}
@media(max-width:760px){.wrap{width:calc(100% - 32px)}.links{display:none}.nav{min-height:75px;gap:8px}.brand img{width:94px}.nav .btn{padding:8px 12px;font-size:14px}.hero{padding:30px 0 40px}.hero-grid,.split,.careers-panel{grid-template-columns:1fr}.hero-brand img{width:min(100%,410px);margin:auto}.hero .actions{justify-content:center}.fresh-message{text-align:center}.food-carousel{margin:6px 9px 0 0;box-shadow:7px 7px 0 var(--turquoise)}.food-slide img{aspect-ratio:1.5}.diner-strip .wrap{flex-wrap:wrap;gap:7px;font-size:11px;letter-spacing:0}.section{padding:48px 0}.feature-grid,.order-section .feature-grid{grid-template-columns:1fr;gap:25px}.feature-image{aspect-ratio:1.75}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.item{padding:12px}.item-photo{width:calc(100% + 24px);margin:-12px -12px 14px}.item h3{font-size:18px}.tabs{gap:8px}.tab{padding:8px 13px;font-size:14px}.careers-panel-reverse img,.careers-panel-reverse .careers-panel-copy{grid-column:auto;grid-row:auto}.careers-panel img[src$="hiring.png"]{width:85%}.footer-grid{flex-wrap:wrap}.footer-grid img{width:100px}.footer-grid nav{width:100%;margin:0}.mobile{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;inset-inline:0;background:var(--cream);border-top:2px solid var(--ink);z-index:20;padding-bottom:env(safe-area-inset-bottom)}.mobile a{text-align:center;padding:12px 0;text-decoration:none;font-weight:850;font-size:14px}.mobile a:last-child{background:var(--pink);color:white}body{padding-bottom:55px}}
@media(max-width:360px){.menu-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.carousel-track,.btn,.tab{transition:none}}

@media(min-width:1000px){.order-section .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}