/*
Theme Name: JhingJhing Bakery
Description: Cream, green and orange bilingual bakery theme for Janet, with WooCommerce support and shareable full-image galleries.
Version: 1.0.0
Author: Jo Begin
*/
:root{--cream:#fff8e9;--paper:#fffdf7;--green:#164d32;--orange:#d6531d;--ink:#302418;--muted:#6b6051;--line:#e3d6bf;--sand:#f2e6ce}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.055em;line-height:1.03}h1{font-size:clamp(3.3rem,5.6vw,5.7rem);margin-bottom:28px}h2{font-size:clamp(2.5rem,4vw,4.1rem);margin-bottom:25px}h3{font-size:1.25rem;line-height:1.3;letter-spacing:-.02em}em{color:var(--green);font-weight:400}a{text-underline-offset:5px}a:hover{text-decoration-color:var(--orange)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.wrap{width:min(1180px,calc(100% - 80px));margin:auto}.section{padding-block:90px}.eyebrow{font-size:.75rem;line-height:1.5;letter-spacing:.15em;text-transform:uppercase;font-weight:750;color:var(--green);margin-bottom:20px}.lead{font-size:1.1rem;max-width:540px;color:var(--muted)}.skip{position:absolute;left:12px;top:-100px;z-index:100;background:var(--paper);padding:12px}.skip:focus{top:12px}.topline{background:var(--green);color:var(--cream);text-align:center;font-size:.76rem;letter-spacing:.055em;padding:9px 20px}.site-header{display:flex;align-items:center;gap:35px;width:min(1360px,100%);margin:auto;padding:18px 40px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;min-width:245px;text-decoration:none}.brand img{width:78px;height:78px;object-fit:contain;border-radius:50%}.brand span{font-family:Georgia,serif;font-size:.78rem;line-height:1.05;color:var(--green)}.brand strong{display:block;font-size:1.7rem;letter-spacing:-.04em}.brand small{display:block;font:700 .65rem/1.6 system-ui;letter-spacing:.19em}nav{display:flex;gap:27px;justify-content:center;margin-left:auto}nav a{font-size:.86rem;white-space:nowrap;text-decoration:none}.header-actions{display:flex;gap:23px;align-items:center}.languages{display:flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:22px}.languages a{font-size:.68rem;font-weight:750;text-decoration:none;padding:5px 7px;border-radius:20px}.languages a[aria-current]{color:var(--cream);background:var(--green)}.cart-link{font-size:.8rem;text-decoration:none;white-space:nowrap}.cart-link span{background:var(--sand);padding:3px 6px;border-radius:100%}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;padding-block:65px 70px}.hero-copy .eyebrow{color:var(--orange)}.button-row{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--green);color:var(--cream);border-radius:8px;padding:14px 23px;text-decoration:none;font-size:.87rem;font-weight:650;box-shadow:0 6px 0 #164d3210}.button:hover{background:#103d27}.button span{font-size:1.4rem}.text-link{font-size:.85rem;font-weight:650;color:var(--green)}.hero-notes{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px;font-size:.68rem;color:var(--muted)}.hero-notes span:not(:last-child):after{content:'•';color:var(--orange);margin-left:14px}.hero-photo{position:relative;max-width:475px;justify-self:end;width:100%}.hero-photo .photo-open{border-radius:180px 180px 18px 18px;overflow:hidden;background:var(--sand);width:100%;box-shadow:0 20px 40px #68432512}.hero-photo img{width:100%;aspect-ratio:4/5;object-fit:cover}.photo-open{display:block;padding:0;border:0;background:none;position:relative;width:100%}.photo-open:after{content:'↗';position:absolute;right:14px;bottom:14px;background:var(--cream);color:var(--green);border-radius:50%;width:32px;height:32px;line-height:32px;font-size:18px;opacity:0;transition:opacity .2s}.photo-open:hover:after,.photo-open:focus-visible:after{opacity:1}.photo-tag{position:absolute;bottom:22px;left:-35px;right:20px;background:var(--paper);padding:14px 20px;border:1px solid var(--line);border-radius:7px;font-family:Georgia,serif;font-style:italic;font-size:.95rem;box-shadow:0 5px 18px #3024180c}.photo-tag span{color:var(--orange);font-style:normal;margin-right:7px}.ribbon{background:var(--sand);border-block:1px solid var(--line);text-align:center;padding:23px 25px;font-family:Georgia,serif;font-style:italic;font-size:1.12rem}.section-heading{display:flex;justify-content:space-between;gap:70px;align-items:end;margin-bottom:40px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:350px;font-size:.93rem;color:var(--muted);margin:0 0 5px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.product-card{background:var(--paper);border:1px solid var(--line);border-radius:13px;overflow:hidden}.product-card .photo-open img{width:100%;height:330px;object-fit:cover;object-position:center 65%}.product-card .photo-open img.edited{object-position:center 50%}.card-copy{padding:25px}.card-copy .eyebrow{font-size:.65rem;margin-bottom:9px}.card-copy h3{font-family:Georgia,serif;font-size:1.65rem;font-weight:400;margin-bottom:12px}.card-copy p:not(.eyebrow){font-size:.84rem;color:var(--muted)}.card-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.share,#close-photo{font-size:.78rem;line-height:1.3;padding:.42rem .7rem;border:1px solid var(--line);background:var(--paper);border-radius:6px;color:var(--green);white-space:nowrap}.share:hover{background:var(--sand)}.menu-strip{margin-top:40px;border:1px solid var(--line);border-radius:10px;padding:25px 30px;display:grid;grid-template-columns:1fr auto;gap:8px 30px}.menu-strip .eyebrow{grid-column:1/-1;margin:0}.menu-strip p:not(.eyebrow){margin:0;font-size:.9rem;max-width:850px}.menu-strip a{align-self:center}.gallery-section{background:var(--paper)}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}.gallery-grid figure{margin:0;min-width:0}.gallery-grid img{width:100%;height:315px;object-fit:cover;object-position:center 63%;border-radius:9px}.gallery-grid .edited{object-position:center}.gallery-grid figcaption{display:flex;gap:10px;justify-content:space-between;align-items:center;font-size:.84rem;margin-top:12px}.story{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.story-badge{border-radius:50% 50% 12px 12px;background:var(--sand);padding:40px;max-width:440px;text-align:center}.story-badge img{width:245px;max-height:245px;object-fit:contain;margin:0 auto 22px;border-radius:50%}.story-badge p{font:italic 1.5rem/1.25 Georgia,serif;margin:0;color:var(--green)}.story>div>p:not(.eyebrow){color:var(--muted)}.order-section{background:var(--green);color:var(--cream)}.order-section .eyebrow,.order-section em{color:#f0b171}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;margin:45px 0 35px}.steps article{border-top:1px solid #fff8e944;padding-top:24px}.steps span{font:italic 2.3rem Georgia;color:#f0b171;display:block;margin-bottom:22px}.steps h3{font-family:Georgia;font-weight:400;font-size:1.45rem}.steps p{font-size:.92rem;color:#e5e9dc}.light{background:var(--cream);color:var(--green)}.light:hover{background:#f4e8d0}.order-note{font-size:.75rem;color:#d3ddcc;margin:20px 0 0}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.news-grid time{font-size:.75rem;color:var(--muted)}footer{background:var(--sand);border-top:1px solid var(--line);padding:65px 0 20px}footer h2{font-size:2.5rem;line-height:1.15;letter-spacing:-.04em}footer a{font-size:.9rem}footer h3{font-size:1rem}footer p{font-size:.86rem}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:80px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:.72rem;color:var(--muted);margin-top:50px;border-top:1px solid #cfbfa1;padding-top:20px}.footer-bottom a{font-size:inherit}dialog{padding:0;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}dialog::backdrop{background:#17271dcc;backdrop-filter:blur(3px)}#photo-dialog{width:min(1050px,calc(100vw - 24px))}.dialog-toolbar{position:sticky;top:0;display:flex;gap:12px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line);background:var(--paper);z-index:2}.dialog-toolbar h2{font:500 .9rem/1.3 system-ui;letter-spacing:0;margin:0 auto 0 0}#full-photo{height:auto;max-height:calc(100dvh - 110px);width:100%;object-fit:contain;background:#efe9df}#share-dialog{padding:25px;width:420px}#share-dialog h2{font-size:1.8rem}#share-dialog input{display:block;width:100%;padding:10px;margin-bottom:14px}#share-dialog button{font-size:.85rem;padding:7px 12px;border:1px solid var(--line);border-radius:6px}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:100;background:var(--green);color:var(--cream);padding:12px 20px;border-radius:8px;font-size:.85rem;box-shadow:0 6px 22px #0003}.prose{min-height:55vh}.prose h1{font-size:3rem}.woocommerce button.button,.woocommerce a.button{background:var(--green);color:var(--cream)}.woocommerce input,.woocommerce select,.woocommerce textarea{padding:10px;border:1px solid var(--line);border-radius:6px}.woocommerce ul.products li.product img{border-radius:10px}.woocommerce-message,.woocommerce-info{border-top-color:var(--green)}
@media(min-width:1500px){.hero{padding-block:80px}}@media(max-width:1150px){.site-header{gap:15px;padding-inline:25px}.brand{min-width:200px}.brand img{width:63px;height:63px}.brand strong{font-size:1.4rem}nav{gap:16px}.header-actions{gap:12px}.hero{gap:45px}.product-card .photo-open img{height:290px}.story{gap:55px}}@media(max-width:900px){.site-header{flex-wrap:wrap}.brand{margin-right:auto}.menu-toggle{display:block;border:1px solid var(--line);border-radius:6px;background:var(--paper);padding:7px 12px;font-size:.8rem}nav{display:none;order:4;width:100%;margin:0;justify-content:flex-start;flex-wrap:wrap;padding:12px 0}.site-header.menu-open nav{display:flex}.hero{gap:30px}.hero h1{font-size:3.7rem}.hero-notes{gap:7px}.section-heading{gap:35px}.product-card .photo-open img{height:250px}.card-copy{padding:20px}.card-actions{flex-wrap:wrap}.gallery-grid img{height:250px}.menu-strip{grid-template-columns:1fr}.steps{gap:25px}}@media(max-width:650px){.wrap{width:calc(100% - 36px)}html{scroll-padding-top:25px}.site-header{padding:13px 18px;gap:12px}.brand{min-width:0;gap:8px}.brand img{width:54px;height:54px}.brand strong{font-size:1.25rem}.brand span{font-size:.65rem}.brand small{font-size:.54rem}.header-actions{order:3;width:100%;justify-content:flex-end;border-top:1px solid var(--line);padding-top:10px}.languages{margin-right:auto}.topline{font-size:.65rem}.hero{grid-template-columns:1fr;padding:40px 0 45px;gap:38px}.hero h1{font-size:3.65rem}.hero-photo{max-width:400px;justify-self:center}.hero-copy .eyebrow{max-width:300px}.lead{font-size:1rem}.hero-notes{font-size:.66rem;margin-top:25px}.button-row{gap:18px;margin-top:24px}.button{padding:12px 19px}.hero-photo .photo-open{border-radius:140px 140px 12px 12px}.photo-tag{left:12px;right:12px;bottom:14px;font-size:.84rem;padding:11px 13px}.ribbon{font-size:1rem;padding:20px 25px}.section{padding-block:55px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:22px;max-width:100%}.product-grid{grid-template-columns:1fr}.product-card .photo-open img{height:360px}.card-copy{padding:22px}.card-actions{flex-wrap:nowrap}.menu-strip{padding:24px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.gallery-grid img{height:220px}.gallery-grid figcaption{align-items:flex-start;flex-direction:column;font-size:.77rem;gap:8px}.story{grid-template-columns:1fr;gap:38px}.story-badge{max-width:320px;margin:auto;padding:30px}.story-badge img{width:200px;max-height:200px}.story-badge p{font-size:1.3rem}.steps{grid-template-columns:1fr;gap:25px;margin:30px 0}.steps article{display:grid;grid-template-columns:50px 1fr;gap:0 18px}.steps span{grid-row:1/3;margin:0}.steps p{grid-column:2;margin-bottom:0}.steps h3{margin-bottom:10px}.footer-grid{grid-template-columns:1fr;gap:35px}.footer-bottom{flex-wrap:wrap;margin-top:30px}.dialog-toolbar{padding:10px;gap:8px}.dialog-toolbar h2{font-size:.78rem}.share,#close-photo{font-size:.72rem;padding:.4rem .6rem}.news-grid{grid-template-columns:1fr}h2{font-size:2.7rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.gallery-filters{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.gallery-filters button{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:8px 13px;color:var(--green);font-size:.8rem}.gallery-filters button[aria-pressed=true]{background:var(--green);color:var(--cream)}.expanded-gallery figure[hidden]{display:none}.expanded-gallery img{object-fit:contain;background:#f5ecdf;height:330px}.expanded-gallery figcaption{display:block}.model-status{display:block;font-size:.7rem;color:var(--muted);margin-top:5px}.gallery-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.concept-note,.gallery-count{font-size:.8rem;color:var(--muted)}.news-grid article{padding:22px;border:1px solid var(--line);border-radius:12px}.order-section .news-grid{margin-bottom:0}.order-section .share{background:var(--cream)}.order-section em{color:var(--cream)}#request-dialog{width:min(680px,94vw);max-height:90vh;border:0;border-radius:14px;background:var(--paper);color:var(--ink);padding:0}#request-dialog::backdrop{background:#12291dde}.request-body{padding:24px}#request-form{display:grid;gap:15px}#request-form label{display:grid;gap:5px;font-size:.85rem}#request-form input,#request-form select,#request-form textarea{width:100%;border:1px solid var(--line);padding:10px;border-radius:7px;background:white}#request-form .request-check{display:flex;align-items:flex-start;gap:10px}#request-form input[type=checkbox]{width:18px;flex-shrink:0}.honeypot{position:absolute;left:-9999px}.basket-row{display:grid;grid-template-columns:65px 1fr 75px 50px;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);font-size:.85rem}.basket-row img{width:65px;height:70px;object-fit:contain}.basket-row input{width:70px;padding:7px}.basket-row button{border:0;background:none;color:var(--green)}.dialog-toolbar{flex-wrap:wrap}.site-header nav{gap:16px}.site-header{gap:20px}.header-actions{gap:12px}.brand{min-width:215px}.gallery-actions button:disabled{opacity:.5}@media(max-width:700px){.expanded-gallery img{height:240px}.gallery-filters button{padding:7px 10px;font-size:.72rem}.basket-row{grid-template-columns:45px 1fr 60px 35px;gap:6px}.basket-row img{width:45px}.basket-row input{width:55px}.dialog-toolbar h2{width:100%}.header-actions{justify-content:space-between}.cart-link{font-size:.72rem}}
[hidden]{display:none!important}.gallery-actions{flex-wrap:wrap}.photo-open img{object-fit:contain}.basket-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #ddd}.basket-item img{width:60px;height:60px;object-fit:contain}.basket-item span{flex:1}.basket-item input{width:70px}#full-photo{cursor:pointer;transition:opacity .2s}@media(prefers-reduced-motion:reduce){#full-photo{transition:none}}

.site-header{flex-wrap:wrap}#main-nav{flex-wrap:wrap}#main-nav a[aria-current=page]{color:var(--orange);text-decoration:underline}.gallery-grid .photo-open img{aspect-ratio:1;height:auto;width:100%;object-fit:contain}

.cake-options{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;padding:12px 0}.cake-options label{display:grid;gap:6px;font-size:14px}.cake-options select,.cake-options input{width:100%;padding:10px;border:1px solid #c9c5b8;border-radius:6px;background:white;color:#173c2b}.cake-types{margin:28px 0}.cake-types article{padding:22px;border:1px solid #d5cfbe;border-radius:12px}

.basket-item{flex-wrap:wrap}.basket-item .cake-options{flex-basis:100%;width:100%;min-width:0}.basket-item .cake-options input{width:100%}

/* Janet's original chef portrait, without cropping. */
.janet-intro{display:grid;grid-template-columns:minmax(220px,380px) 1fr;align-items:center;gap:65px}.janet-chef{width:100%;height:auto;object-fit:contain;border-radius:16px}.story-badge:has(.janet-chef){border-radius:22px;padding:22px}.story-badge img.janet-chef{width:100%;max-height:none;border-radius:12px}.story-badge:has(.janet-chef) p{margin-top:20px}@media(max-width:650px){.janet-intro{grid-template-columns:1fr;gap:30px}.janet-intro>a{max-width:320px;margin:auto}}

/* Keep the complete cake photo; remove empty arch bands. */
.hero-photo img{aspect-ratio:auto!important;height:auto!important;object-fit:contain!important}
