/* Theme Name: Filipino Foodmart
Version: 0.1.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: filipino-foodmart
*/
:root{--cream:#faf7ef;--ink:#29271f;--red:#a32d24;--gold:#eabb53}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.65 system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--red)}a:focus-visible,summary:focus-visible{outline:3px solid #a32d24;outline-offset:5px}h1,h2,h3{font-family:Georgia,serif;line-height:1.07;font-weight:400}h1{font-size:clamp(52px,6.8vw,100px);letter-spacing:-.055em;margin:26px 0}h1 em{color:var(--red);font-weight:400}h2{font-size:clamp(38px,4vw,62px);letter-spacing:-.035em;margin:0 0 24px}h3{font-size:27px}p{margin:0 0 20px}.masthead{max-width:1440px;margin:auto;padding:28px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd6c7}.masthead p{margin:0}.brand{display:block;font-weight:900;font-size:22px;line-height:.95;letter-spacing:-1px;text-decoration:none}.brand span{display:block;font-size:9px;letter-spacing:2px;margin-top:12px}.masthead>p:last-child{display:flex;gap:28px;font-size:14px;font-weight:650}.hero{display:grid;grid-template-columns:1.1fr 1fr;max-width:1440px;margin:auto}.hero-copy{padding:70px 8% 60px 10%}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;color:var(--red)}.lead{font-size:23px}.categories{font-size:12px;font-weight:650}.hero-photo{position:relative}.wp-block-image{margin:0}.hero-photo figure,.hero-photo img{height:100%;min-height:650px;width:100%;object-fit:cover}.photo-caption{position:absolute;bottom:0;left:0;right:0;background:#29271fd9;color:white;padding:15px 26px;margin:0;font-size:10px;letter-spacing:2px}.wp-block-buttons{margin:26px 0}.wp-block-button__link{display:inline-block;background:var(--red);color:white;border-radius:0;padding:15px 24px;font-weight:650;text-decoration:none}.wp-block-button__link:hover{background:#762119;color:white}.section{padding:80px max(6%,calc((100vw - 1200px)/2));border-top:1px solid #e2dacb}.section>p{max-width:900px}.steps,.food-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:40px 0}.steps h3{font-size:24px}.steps p{font-size:15px}.food-grid img{width:100%;height:360px;object-fit:cover}.food-grid h3{margin-bottom:15px}.food-grid p{font-size:15px}.warm{background:#f0e9d9}.red{background:#842820;color:#fff8ec}.red a:hover{color:white}.red .wp-block-button__link{background:#fff3dc;color:#69241c}.delivery-buttons{display:flex;gap:20px;flex-wrap:wrap}.footer{padding:40px 6%;display:flex;justify-content:space-between;font-size:12px;border-top:1px solid #d6ccba}.wp-block-table{margin:32px 0;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}td,th{padding:15px 12px;text-align:left;border-bottom:1px solid #d1c5b0}th{font-size:12px}td:last-child{white-space:nowrap;font-weight:650}.review-bar{padding:8px 20px;background:#29271f;color:white;font-size:12px;text-align:center}.skip{position:absolute;left:-10000px}.skip:focus{left:20px;top:20px;background:white;z-index:10;padding:15px}.quick{display:none}figure img{display:block} .menu-intro{padding-bottom:20px}@media(max-width:760px){.masthead{padding:22px 6%}.masthead>p:last-child{gap:15px;font-size:12px}.nav-order{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:42px 6%}.hero-photo figure,.hero-photo img{height:440px;min-height:0}.section{padding:52px 6%}.steps,.food-grid{grid-template-columns:1fr;gap:20px}.food-grid{gap:36px}.food-grid img{height:380px}.footer{display:block;padding-bottom:95px}td,th{padding:12px 7px;font-size:12px}.quick{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--cream);border-top:1px solid #d1c5b0;z-index:9;justify-content:space-around;padding:14px}.quick a{font-size:14px;font-weight:700}.delivery-buttons{gap:0}h1{font-size:64px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.quick p{margin:0}.wp-site-blocks{padding:0}.wp-block-post-content{margin:0}
.wp-block-post-content p{margin-top:0;margin-bottom:20px}.wp-block-post-content .masthead p,.wp-block-post-content .photo-caption{margin:0}.wp-block-post-content h3{margin-top:24px;margin-bottom:18px}.wp-block-post-content .wp-block-table td,.wp-block-post-content .wp-block-table th{border:0;border-bottom:1px solid #d1c5b0}.wp-block-post-content .hero-copy{align-self:center}.wp-block-post-content .brand{line-height:.95}

/* Food photography additions */
.section{display:flow-root}.section .feature-photo{float:right;width:44%;margin:0 0 32px 48px}.section .feature-photo img{width:100%;height:auto;display:block}.section>.wp-block-table{clear:both}#catering .feature-photo{width:38%}@media(max-width:760px){.section .feature-photo,#catering .feature-photo{float:none;width:100%;margin:0 0 32px}}

/* Readable, shared party packages */
.party-packages{clear:both;padding-top:32px}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.package-card{padding:30px;background:#faf7ef;border:1px solid #d5c8af}.package-card h3{margin:0 0 12px!important;font-size:32px}.package-price{font-size:36px;font-weight:750;color:#842820;line-height:1.2;margin-bottom:24px!important}.package-items p{font-size:15px;line-height:1.5;margin:0!important;padding:9px 0;border-bottom:1px solid #e2dacb}.package-exclusions{margin-top:24px!important;font-weight:650;font-size:15px}.package-note{font-size:13px}@media(max-width:760px){.package-grid{grid-template-columns:1fr}.package-card{padding:24px}.package-items p{font-size:16px}}

.food-grid img{height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center}.food-grid figure{margin:0}
.catering-intro h1{font-size:clamp(44px,6vw,80px);max-width:1000px}.catering-category-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px!important}.catering-category-links a{display:inline-block;padding:10px 18px;border:1px solid #cdbda1;text-decoration:none;background:#f0e9d9;font-weight:650}.catering-category-links a:hover{background:#a32d24;color:white}.catering-category td{font-size:16px!important;padding:16px 10px!important}.catering-category:nth-of-type(even){background:#f0e9d9}.catering-category .wp-block-table{margin-top:24px}

.catering-dishes{clear:both;padding-top:48px}.catering-dish-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}.catering-dish-category{background:#faf7ef;padding:24px;border:1px solid #d5c8af}.catering-dish-category h4{font-family:Georgia,serif;font-size:30px;font-weight:400;margin:0 0 18px}.catering-dish-category .wp-block-table{margin:0}.catering-dish-category td{font-size:14px!important;padding:12px 6px!important}.catering-dish-category th{font-size:11px!important}@media(max-width:760px){.catering-dish-grid{grid-template-columns:1fr;gap:20px}.catering-dish-category{padding:18px}.catering-dish-category td{font-size:13px!important}}

.top-contact{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px max(5%,calc((100vw - 1296px)/2));background:#f0e9d9;color:#29271f;font-size:13px;line-height:1.6}.top-contact p,.wp-block-post-content .top-contact p{margin:0}.top-contact a{font-weight:650;display:inline-block;padding:4px 0}.top-contact p:last-child{display:flex;gap:20px}.top-contact span{color:#514b40}@media(max-width:760px){.top-contact{display:block;padding:12px 6%;font-size:13px}.top-contact span{display:block}.top-contact p:last-child{margin-top:4px}}
/* Owner-approved red Foodmart wordmark. */
.masthead .brand,.masthead .brand:visited{color:var(--red)}
.masthead .brand span{color:var(--ink)}

/* Mobile contact strip: aligned phone and social columns. */
@media(max-width:760px){.top-contact{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:16px;padding:10px 6%;line-height:1.6}.top-contact p:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin-top:0}.top-contact a{padding:5px 0}.top-contact p:last-child a{white-space:nowrap}}

/* Readable Visit contacts and merienda rows. */
.visit-contact{line-height:2.3}.visit-contact a{white-space:nowrap}.merienda-table td,.merienda-table td:last-child{width:50%;vertical-align:top;white-space:normal;font-weight:400;font-size:15px;line-height:1.55;padding:16px 12px}.merienda-table td+td{border-left:1px solid #d1c5b0!important}.merienda-table th{font-size:13px}.merienda-table td strong{font-weight:650}

/* Owner-editable, swipeable merienda photographs. */
.merienda-gallery{float:right;width:44%;margin:0 0 32px 48px;min-width:0}.merienda-slides{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;max-width:100%}.merienda-slides>figure{flex:0 0 100%;width:100%;min-width:0;margin:0;scroll-snap-align:start}.merienda-slides img{width:100%;aspect-ratio:4/5;height:auto;object-fit:cover;display:block}.merienda-slides figcaption{text-align:center;font-size:15px;color:var(--ink);margin:0;padding:10px;background:#f0e9d9}.merienda-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:4px;margin-top:6px}.merienda-controls button{font:inherit;border:1px solid #cdbda1;color:var(--ink);background:transparent;min-height:44px;cursor:pointer}.merienda-controls button:focus-visible,.merienda-slides:focus-visible{outline:3px solid var(--red);outline-offset:2px}.merienda-status{text-align:center;font-size:12px;line-height:1.3}.merienda-dots{grid-column:1/-1;display:flex;justify-content:center;flex-wrap:wrap}.merienda-dots button{width:28px;border:0;font-size:25px;color:#978d7c}.merienda-dots button[aria-current=true]{color:var(--red)}@media(max-width:760px){.merienda-gallery{float:none;width:100%;margin:0 0 32px}}

@media(min-width:761px){.section:has(>.merienda-gallery)>.merienda-table{clear:none;width:calc(56% - 48px)}}

/* Text-first document order, with photos beside the text on wide screens. */
#merienda>.merienda-gallery,#catering>.feature-photo{float:none;margin:24px 0 32px;width:100%}
@media(min-width:761px){
#merienda,#catering{display:grid;column-gap:48px;align-items:start}
#merienda{grid-template-columns:minmax(0,56fr) minmax(0,44fr);grid-template-rows:min-content min-content 1fr}
#merienda>h2{grid-column:1;grid-row:1}#merienda>.lead{grid-column:1;grid-row:2}
#merienda>.merienda-table{grid-column:1;grid-row:3;width:100%;clear:none}
#merienda>.merienda-gallery{grid-column:2;grid-row:1/4;margin:0}
#catering{grid-template-columns:minmax(0,62fr) minmax(0,38fr)}
#catering>:nth-child(-n+5){grid-column:1}
#catering>.feature-photo{grid-column:2;grid-row:1/6;margin:0}
#catering>.party-packages,#catering>.catering-dishes{grid-column:1/-1}
}

/* Photo thumbnails make direct selection visible. */
.merienda-gallery{display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:8px 12px}
.merienda-slides{grid-column:1;grid-row:1;min-width:0}
.merienda-controls{grid-column:1;grid-row:2;margin:0}
.merienda-thumbnails{grid-column:2;grid-row:1/3;display:grid;grid-template-columns:1fr;gap:5px;align-content:start;min-width:0}
.merienda-thumbnails button{display:block;width:100%;min-width:0;padding:3px;border:2px solid transparent;background:transparent;color:var(--ink);font:inherit;cursor:pointer}
.merienda-thumbnails img{display:block;width:100%;height:48px;object-fit:cover}
.merienda-thumbnails span{display:block;font-size:10px;line-height:1.25;margin-top:3px;overflow-wrap:break-word}
.merienda-thumbnails button[aria-current=true]{border-color:var(--red);background:#f0e9d9}
.merienda-thumbnails button:focus-visible{outline:3px solid var(--red);outline-offset:2px}
@media(max-width:760px){.merienda-gallery{grid-template-columns:minmax(0,1fr)}.merienda-thumbnails{grid-column:1;grid-row:3;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 4px}.merienda-thumbnails img{height:58px}.merienda-thumbnails span{font-size:11px}}