/*
Theme Name: Book Bali Cooking
Theme URI: https://bookbalicookingclass.com/
Author: BBCC Project
Description: Lightweight accessible cooking-class theme. Draft/staging foundation.
Version: 1.0.1
Requires PHP: 8.0
Text Domain: book-bali-cooking
*/
:root{--forest:#173f35;--cream:#f7f2e8;--clay:#c96c48;--gold:#e6b96d;--ink:#20312c}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif;background:#fff}a{color:var(--forest)}a:focus-visible,button:focus-visible{outline:3px solid var(--clay);outline-offset:3px}.wrap{max-width:1140px;margin:auto;padding:0 22px}.site-header{background:#fff;border-bottom:1px solid #e5e7e5}.header-row{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:76px}.brand{font-weight:800;text-decoration:none;font-size:1.15rem}.menu{display:flex;gap:18px;list-style:none;padding:0;flex-wrap:wrap}.hero{background:var(--forest);color:white;padding:72px 0}.hero h1{font-size:clamp(2rem,5vw,3.7rem);line-height:1.12;max-width:780px}.hero p{max-width:670px;font-size:1.1rem}.btn{display:inline-block;background:var(--gold);color:#173f35;padding:12px 22px;border-radius:8px;font-weight:700;text-decoration:none}.section{padding:54px 0}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.card{border:1px solid #e2e5e2;border-radius:12px;padding:24px;background:#fff}.muted{color:#52645e}.site-footer{background:var(--cream);padding:38px 0}.notice{padding:12px 18px;background:#fff4df;border-left:4px solid var(--clay)}@media(max-width:720px){.header-row{align-items:flex-start;flex-direction:column;padding:16px 0}.menu{gap:10px;margin:0}.hero{padding:48px 0}.cards{grid-template-columns:1fr}.section{padding:38px 0}}
.bbcc-booking{max-width:700px;margin:2rem auto}.bbcc-booking label{font-weight:600}.bbcc-booking input:not([type=checkbox]),.bbcc-booking select,.bbcc-booking textarea{width:100%;max-width:100%;padding:11px;border:1px solid #88958e;border-radius:6px;font:inherit}.bbcc-booking button{background:#dde1dd;border:0;padding:12px 20px;border-radius:6px;cursor:not-allowed}.bbcc-booking input:focus-visible,.bbcc-booking select:focus-visible,.bbcc-booking textarea:focus-visible{outline:3px solid #c96c48;outline-offset:2px}

/* SEO-first theme checkpoint 005: semantic layout, responsive, accessible, zero frontend JS */
html{scroll-behavior:smooth}body{overflow-wrap:anywhere}img{max-width:100%;height:auto}h1,h2,h3{line-height:1.18;letter-spacing:-.025em}h2{font-size:clamp(1.65rem,3vw,2.5rem)}p{margin-top:0}.skip-link{position:absolute;left:-9999px;top:12px;background:#fff;padding:10px;z-index:100}.skip-link:focus{left:12px}.desktop-nav .menu{align-items:center}.desktop-nav a{text-decoration:none;font-weight:600}.mobile-nav{display:none}.btn-small{padding:9px 16px;font-size:.9rem}.eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--clay);margin-bottom:14px}.hero .eyebrow{color:var(--gold)}.hero-inner{max-width:1140px}.hero h1{margin:0 0 22px}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:26px}.hero .text-link{color:#fff;text-underline-offset:4px}.section-lead{max-width:680px;color:#4d6259}.section-cream{background:var(--cream)}.narrow{max-width:790px}.split{display:grid;grid-template-columns:1.25fr 1fr;gap:50px;align-items:center}.card{display:flex;flex-direction:column;justify-content:space-between;gap:20px;min-height:245px;box-shadow:0 8px 30px rgba(23,63,53,.045)}.card h3{font-size:1.45rem}.tag{display:inline-block;color:#1d4c3e;background:#e6f1e9;padding:4px 10px;border-radius:99px;font-size:.78rem;font-weight:700}.card-link{font-weight:800;text-underline-offset:4px}.info-panel{padding:25px;background:#f4f7f3;border:1px solid #dce8df;border-radius:12px}.steps{padding-left:22px}.steps li{margin-bottom:15px}.faq{padding:17px 0;border-bottom:1px solid #dbe4dc}.faq summary{font-weight:700;cursor:pointer}.faq p{padding-top:15px}.small-note{font-size:.85rem;margin-top:15px}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer-grid nav{display:flex;flex-wrap:wrap;gap:14px;align-content:start}.breadcrumbs{padding-top:14px;padding-bottom:14px;font-size:.85rem}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.breadcrumbs li:not(:last-child)::after{content:' /';color:#87968d;margin-left:8px}.article-layout{max-width:900px}.article-header h1{font-size:clamp(2rem,5vw,3.4rem)}.entry-content{max-width:75ch}.entry-content a{text-underline-offset:3px}.feature-image{margin:20px 0 35px;border-radius:12px;overflow:hidden}.entry-content h2{margin-top:1.6em}.entry-content h3{margin-top:1.3em}.entry-content blockquote{border-left:4px solid var(--clay);padding-left:20px;margin-left:0}.entry-content table{display:block;overflow-x:auto}.entry-content iframe{max-width:100%}@media(max-width:850px){.desktop-nav,.header-cta{display:none}.mobile-nav{display:block;margin-left:auto}.mobile-nav summary{cursor:pointer;font-weight:700;padding:8px}.mobile-nav nav{position:absolute;z-index:10;right:20px;left:20px;top:70px;background:#fff;border:1px solid #d9e3db;border-radius:10px;padding:18px;box-shadow:0 12px 28px #0002}.mobile-nav .menu{display:flex;flex-direction:column;align-items:flex-start}.header-row{flex-direction:row;align-items:center;position:relative}.split{grid-template-columns:1fr}.footer-grid{flex-direction:column}}@media(max-width:480px){.wrap{padding-left:18px;padding-right:18px}.hero{padding:56px 0}.hero h1{font-size:2.3rem}.section{padding:46px 0}.btn{width:auto;max-width:100%;text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* CP006: readable layout, keyboard affordances, editorial content and robust mobile nav */
:root{color-scheme:light}body{line-height:1.65;-webkit-font-smoothing:antialiased}main{min-height:48vh}main:focus{outline:none}a:hover{text-decoration-thickness:2px}.btn{transition:background-color .15s ease,transform .15s ease}.btn:hover{background:#f1c780;transform:translateY(-1px)}.card:focus-within{outline:2px solid var(--forest);outline-offset:3px}.entry-content{font-size:1.0625rem;line-height:1.85}.entry-content>p,.entry-content>ul,.entry-content>ol{max-width:72ch}.entry-content img{border-radius:10px}.entry-content figure{margin:1.5rem 0}.entry-content figcaption{font-size:.85rem;color:#52645e}.entry-content :is(h2,h3){scroll-margin-top:2rem}.entry-content :is(pre,code){overflow-wrap:normal}.entry-content pre{max-width:100%;overflow-x:auto;padding:1rem;background:#f4f6f3;border-radius:8px}.entry-content .wp-block-image img{height:auto}.entry-content .alignwide{max-width:1080px}.entry-content .alignfull{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)}.site-header{position:relative;z-index:5}.breadcrumbs li{min-width:0}.breadcrumbs a{text-underline-offset:3px}.faq summary{padding-right:1.25rem}.faq summary:focus-visible{outline:3px solid var(--clay);outline-offset:3px}.mobile-nav summary{list-style:none}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary::after{content:' ☰';font-size:1.2em}.mobile-nav[open] summary::after{content:' ×'}@media(max-width:850px){.mobile-nav nav{max-height:75vh;overflow-y:auto}.mobile-nav .menu{gap:0}.mobile-nav .menu li{width:100%}.mobile-nav .menu a{display:block;padding:10px 6px;min-height:44px}}@media(max-width:480px){.hero h1{font-size:clamp(2rem,9vw,2.5rem)}.hero-actions .btn{width:100%}.section-lead{line-height:1.6}}@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}}

/* CP007 product templates */
.product-hero{background:var(--forest);color:#fff;padding:66px 0}.product-hero h1{max-width:820px;font-size:clamp(2.15rem,5vw,3.7rem);margin:0 0 22px}.product-lead{font-size:1.17rem;max-width:690px}.product-hero .eyebrow{color:var(--gold)}.product-hero .text-link{color:#fff}.product-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.85fr);gap:56px;align-items:start}.product-grid h2{margin-top:0}.product-grid h2:not(:first-child){margin-top:2.1rem}.product-aside{position:sticky;top:20px}.product-aside h2{font-size:1.35rem}.fact-list{margin:0 0 24px}.fact-list dt{font-weight:750;margin-top:14px}.fact-list dd{margin:3px 0 0;color:#425b51}@media(max-width:850px){.product-grid{grid-template-columns:1fr;gap:26px}.product-aside{position:static}.product-hero{padding:46px 0}}

/* Final upload candidate: visual refinement and resilient content layout */
:root{--shadow:0 16px 44px rgba(17,53,41,.10);--line:#dbe5df}
html{scroll-padding-top:90px}
.site-header{background:rgba(255,255,255,.98)}
.brand{max-width:220px;line-height:1.2;letter-spacing:-.035em;color:var(--forest)}
.header-row{min-height:82px}
.desktop-nav a{color:#304b3f}
.desktop-nav a:hover{color:#a74c2b}
.hero{background:linear-gradient(115deg,#12372f 0%,#1c5041 68%,#2e6652 100%);padding:96px 0 100px;position:relative}
.hero:after{content:"";position:absolute;right:0;bottom:0;width:28%;height:58%;pointer-events:none;opacity:.10;background:radial-gradient(ellipse at 100% 100%,#f8e4a8 0%,transparent 70%)}
.hero-inner{position:relative;z-index:1}
.hero h1{max-width:880px;letter-spacing:-.05em}
.hero p:not(.eyebrow){max-width:660px}
.section{padding:78px 0}
.section h2{max-width:850px;letter-spacing:-.04em}
.cards{gap:26px}
.card{border-radius:18px;min-height:300px;padding:34px;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 20px 52px rgba(17,53,41,.14)}
.card h3{font-size:clamp(1.35rem,2vw,1.7rem);margin:18px 0 12px}
.card-top p{color:#4a5e55}
.card-link{display:inline-flex;align-items:center;gap:8px}
.btn{border-radius:10px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,.09)}
.info-panel{border-radius:18px;padding:32px}
.info-panel ul{padding-left:21px}
.steps{display:grid;gap:12px}
.steps li{padding-left:5px}
.faq{padding:19px 0}
.faq summary{font-size:1.06rem}
.site-footer{padding:58px 0}
.footer-grid nav a{white-space:normal}
.entry-content{width:100%}
.entry-content :is(ul,ol){padding-left:1.5rem}
.wp-block-button__link{background:var(--forest);border-radius:9px}
.wp-block-button__link:hover{background:#285849}
.product-hero{background:linear-gradient(115deg,#12372f,#275c4c);padding:82px 0}
.product-grid{gap:68px}
.product-aside{box-shadow:var(--shadow)}
:where(h1,h2,h3,h4){text-wrap:balance}
@media(max-width:850px){.section{padding:56px 0}.hero{padding:72px 0}.card{min-height:0}.product-hero{padding:58px 0}}
@media(max-width:600px){.hero{padding:58px 0 64px}.header-row{min-height:70px}.card{padding:25px}.info-panel{padding:24px}.hero-actions{gap:15px}.hero-actions .btn{width:100%}.footer-grid nav{flex-direction:column}.section{padding:50px 0}}
@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}

/* Checkpoint 010: readable, mobile-friendly package comparison */
.bbcc-compare{margin-top:38px;padding:28px 30px;border:1px solid #dbe5df;background:#fff;border-radius:18px}
.bbcc-compare h3{margin-top:0}
.bbcc-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.bbcc-comparison-table{border-collapse:collapse;width:100%;min-width:570px;text-align:left}
.bbcc-comparison-table th,.bbcc-comparison-table td{padding:15px 14px;border-bottom:1px solid #dbe5df;vertical-align:top}
.bbcc-comparison-table thead th{background:#f2f5ef;color:#173f35}
.bbcc-comparison-table tbody th{font-weight:650}
.bbcc-comparison-table tr:last-child th,.bbcc-comparison-table tr:last-child td{border-bottom:0}
@media(max-width:600px){.bbcc-compare{padding:20px 16px}.bbcc-comparison-table th,.bbcc-comparison-table td{padding:12px 10px}}

.bbcc-editor-extra{border-top:1px solid #dbe5df}.bbcc-editor-extra .entry-content{max-width:780px;margin-inline:auto}

/* CP013: safe focus states, fluid embeds, small-screen overflow protection */
:where(a,button,summary,input,select,textarea):focus-visible{outline:3px solid #d69a3a;outline-offset:3px}
:where(img,video,iframe){max-width:100%}
img{height:auto}
:where(.entry-content,.product-grid,.wrap){min-width:0}
:where(.entry-content,.product-grid) :is(p,li,a){overflow-wrap:break-word}
:where(.entry-content) :is(table,pre){max-width:100%;overflow-x:auto}
:where(.entry-content) pre{white-space:pre-wrap}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* CP014: keyboard skip link and anchor positioning */
.skip-link:focus{position:fixed;top:12px;left:12px;z-index:99999;padding:12px 18px;background:#fff;color:#173f35;box-shadow:0 4px 18px rgba(0,0,0,.2)}
#classes,#location,#booking{scroll-margin-top:96px}