/* Copied from extra.css. url() paths are relative to the site root. */
/* FP-0001 Five O Four — "fiesta" layout. Bold, warm, festive Caribbean-coast Honduran + Louisiana.
   Shrikhand display + Rubik body; orange / jungle green / sunshine; bunting, chunky offset cards. */
.layout-fiesta{font-size:1.0625rem}
.layout-fiesta h1,.layout-fiesta h2{letter-spacing:.01em;font-weight:400}
.layout-fiesta h3{font-family:var(--f-body);font-weight:800;letter-spacing:.01em}

/* header: deep green bar + bunting */
.layout-fiesta .site-header{background:#0B3D2A;border-bottom:0;position:relative;margin-bottom:22px}
.layout-fiesta .site-header::after{content:"";position:absolute;left:0;right:0;bottom:-22px;height:22px;background:url(assets/img/bunting.svg) repeat-x;background-size:120px 22px}
.layout-fiesta .brand,.layout-fiesta .site-nav a{color:#FFF4E0}
.layout-fiesta .site-nav a:hover,.layout-fiesta .site-nav a[aria-current="page"]{color:#FFC94A}
.layout-fiesta .site-header :focus-visible{outline-color:#FFC94A}
.layout-fiesta .brand{font-size:1.45rem;font-weight:400}

/* put the essentials (hours + location) right under the hero */
.layout-fiesta.page-home main{display:flex;flex-direction:column}
.layout-fiesta.page-home .hero{order:1}
.layout-fiesta.page-home #visit{order:2}
.layout-fiesta.page-home #specials{order:3}
.layout-fiesta.page-home #gallery{order:4}
.layout-fiesta.page-home #about{order:5}
.layout-fiesta.page-home #contact{order:6}

/* hero */
.layout-fiesta .hero{margin-top:-22px;padding-top:22px;background:#C2410C radial-gradient(circle at 85% 15%,#D9480F 0 30%,transparent 31%)}
.layout-fiesta .hero h1{font-size:clamp(3rem,13vw,5.6rem);line-height:1;text-shadow:4px 4px 0 #6E1F00;margin-bottom:.3em}
.layout-fiesta .eyebrow{display:inline-block;background:#FFC94A;color:#2B1A10;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;padding:.35rem .8rem;border-radius:999px;transform:rotate(-2deg);margin-bottom:1rem}
.layout-fiesta .hero p.lead{font-size:1.2rem;font-weight:500}
.layout-fiesta .hero .btn{border-radius:999px;font-size:1.05rem;box-shadow:4px 4px 0 #2B1A10}
.layout-fiesta .hero .btn-secondary{background:#0B3D2A;color:#FFF4E0;border-color:#0B3D2A}
.layout-fiesta .hero-art{width:min(100%,30rem);filter:drop-shadow(6px 8px 0 rgba(43,26,16,.35))}

/* hours + location as a bold ticket */
.layout-fiesta #visit{background:#FFF4E0;padding-block:2.5rem}
.layout-fiesta #visit .wrap{background:#fff;border:3px solid #2B1A10;border-radius:var(--radius);box-shadow:8px 8px 0 #0B6E4F;padding:1.5rem 1.25rem;width:min(100% - 2.5rem,62rem)}
.layout-fiesta #visit h2{color:#C2410C;color:#A83A0A}
.layout-fiesta .hours th{font-weight:800}
.layout-fiesta #visit a{display:inline-flex;align-items:center;min-height:44px;font-weight:800}

/* specials: chunky offset cards */
.layout-fiesta section.alt{background:#0B6E4F;color:#fff}
.layout-fiesta section.alt h2,.layout-fiesta section.alt .section-intro{color:#fff}
.layout-fiesta .card{border:3px solid #2B1A10;box-shadow:6px 6px 0 #FFC94A;color:var(--c-text)}
.layout-fiesta section.alt .card{background:#FFF4E0}
.layout-fiesta .special:nth-child(3n+2){transform:rotate(.6deg)}
.layout-fiesta .special:nth-child(3n+1){transform:rotate(-.6deg)}
.layout-fiesta .special a{display:inline-flex;align-items:center;min-height:44px;font-weight:800}
.layout-fiesta section.alt :focus-visible{outline-color:#2B1A10}
.layout-fiesta #contact .link-list a{border:3px solid #2B1A10}

/* gallery: tilted snapshots */
.layout-fiesta .gallery li:nth-child(odd) figure{transform:rotate(-1.2deg)}
.layout-fiesta .gallery li:nth-child(even) figure{transform:rotate(1.2deg)}
.layout-fiesta .gallery figure{background:#fff;padding:.6rem .6rem .4rem;border:3px solid #2B1A10;border-radius:var(--radius)}
.layout-fiesta .gallery img{border-radius:10px}
.layout-fiesta .gallery figcaption{font-weight:800;color:#2B1A10;text-align:center}

/* menu page */
.layout-fiesta .menu-head{background:#C2410C;color:#fff;margin-top:-22px;padding-top:calc(22px + 2rem)}
.layout-fiesta .menu-head h1{color:#fff;text-shadow:4px 4px 0 #6E1F00}
.layout-fiesta .menu-head p{color:#fff}
.layout-fiesta .menu-head :focus-visible{outline-color:#FFE08A}
.layout-fiesta .menu-head a{color:#fff}
.layout-fiesta .cat-nav{background:#0B3D2A;border-bottom:0}
.layout-fiesta .cat-nav a{background:#FFF4E0;border:2px solid #FFF4E0;color:#2B1A10;font-weight:800}
.layout-fiesta .cat-nav a[aria-current="true"]{background:#FFC94A;border-color:#FFC94A;color:#2B1A10}
.layout-fiesta .cat-nav :focus-visible{outline-color:#FFC94A}
.layout-fiesta .menu-cat.alt{background:#FFE7C2;color:var(--c-text)}
.layout-fiesta .menu-cat.alt h2{color:var(--c-heading)}
.layout-fiesta .menu-cat.alt :focus-visible{outline-color:var(--c-focus)}
.layout-fiesta .menu-cat h2{font-size:clamp(2rem,7vw,2.8rem)}
.layout-fiesta .items{gap:1rem}
.layout-fiesta .item{background:#fff;border:3px solid #2B1A10;border-radius:var(--radius);padding:1rem 1.1rem;box-shadow:5px 5px 0 #D9480F}
.layout-fiesta .item h3{font-size:1.2rem}
.layout-fiesta section.alt .contact-note{color:#fff;font-weight:500}
/* r2: extra sections (template v1.2) — order after About */
.layout-fiesta.page-home #press{order:6}
.layout-fiesta.page-home #popups{order:7}
.layout-fiesta.page-home #good-to-know{order:8}
.layout-fiesta.page-home #contact{order:9}
/* r2: full-bleed menu header on wide screens (r1 left cream gutters) */
.layout-fiesta .menu-head{box-shadow:0 0 0 100vmax #C2410C;clip-path:inset(0 -100vmax)}
.layout-fiesta .site-header::after{z-index:2}
/* r3 (template v1.3.0): header Order button in the truck's marigold so it stands out on the dark-green header */
.layout-fiesta .site-header .btn-order{background:#FFC94A;color:#2B1A10;border-color:#FFC94A}
.layout-fiesta .site-header .btn-order:hover{filter:brightness(1.05)}
.layout-fiesta .menu-order a{color:#fff;font-weight:700;text-decoration-thickness:2px}
