/*
Theme Name: zorzana (WoodMart child)
Template: woodmart
Version: 1.2.0
Description: zorzana store child theme: design tokens, product fields, size chart, company line. Source: projects/engine-3/stores/zorzana/store/theme/woodmart-child
Text Domain: zorzana
*/

/* Design tokens: palette "wine night + champagne" (Ilias, 2026-09-25) */
:root{
 --zz-porcelain:#F8F3F1;--zz-surface:#FFFFFF;--zz-mist:#F0E6E9;--zz-line:#E4D6DB;
 --zz-ink:#24151C;--zz-ink-muted:#6A5560;--zz-night:#2A1420;--zz-on-night:#F8F3F1;
 --zz-wine:#7B2240;--zz-on-wine:#FFFFFF;--zz-champagne:#E0C9A0;--zz-on-champagne:#24151C;
 --zz-display:"Bodoni Moda","Times New Roman",serif;--zz-sans:"Hanken Grotesk",system-ui,sans-serif;
}
body{background:var(--zz-porcelain)}

/* Home sections (Design System: Hero, OccasionTile, TrustStrip) */
.zz-hero{background:var(--zz-night);color:var(--zz-on-night);padding:64px 32px;border-radius:6px}
.zz-hero h1{font:500 56px/60px var(--zz-display);letter-spacing:-.01em;margin:0 0 16px;color:var(--zz-on-night);max-width:18ch}
.zz-hero h1 em{color:var(--zz-champagne)}
.zz-hero p{font:400 16px/24px var(--zz-sans);margin:0 0 24px;opacity:.85;max-width:44ch;color:var(--zz-on-night)}
.zz-btn{display:inline-block;font:600 12px/16px var(--zz-sans);letter-spacing:.08em;text-transform:uppercase;border-radius:2px;padding:14px 22px;text-decoration:none}
.zz-btn--night{background:var(--zz-champagne);color:var(--zz-on-champagne)}
.zz-btn--night:hover{color:var(--zz-on-champagne);opacity:.9}
.zz-h2{font:500 32px/38px var(--zz-display);color:var(--zz-ink);margin:48px 0 16px}
.zz-occ{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.zz-occ a{border-radius:12px;background:var(--zz-night);color:var(--zz-on-night);text-decoration:none;padding:16px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between}
.zz-occ .m{font:600 12px/16px var(--zz-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--zz-champagne)}
.zz-occ .n{font:italic 500 24px/28px var(--zz-display);color:var(--zz-on-night)}
.zz-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:24px 0;border-top:1px solid var(--zz-line);border-bottom:1px solid var(--zz-line);margin:48px 0}
.zz-trust b{display:block;font:500 18px/24px var(--zz-display);color:var(--zz-ink)}
.zz-trust span{font:400 13px/18px var(--zz-sans);color:var(--zz-ink-muted)}
@media (max-width:768px){.zz-hero{padding:48px 16px}.zz-hero h1{font-size:36px;line-height:42px}.zz-occ,.zz-trust{grid-template-columns:1fr 1fr}}

/* Product page: delivery lines and fields (Design System: BuyBox) */
.zz-promise{list-style:none;margin:0 0 16px;padding:0;font:400 14px/20px var(--zz-sans);color:var(--zz-ink)}
.zz-promise li{margin:0 0 4px}.zz-promise b{font-weight:600}
.zz-fields{width:100%;border-collapse:collapse;font:400 14px/20px var(--zz-sans)}
.zz-fields th,.zz-fields td{text-align:left;padding:8px;border-bottom:1px solid var(--zz-line);vertical-align:top}
.zz-fields th{width:30%;color:var(--zz-ink-muted);font-weight:600}
.zz-size{width:100%;border-collapse:collapse;font:400 14px/20px var(--zz-sans);font-variant-numeric:tabular-nums}
.zz-size th,.zz-size td{padding:8px;border-bottom:1px solid var(--zz-line);text-align:center}
.zz-size thead th{background:var(--zz-mist);font-weight:600}
.zz-size-wrap{overflow-x:auto}
.zz-legal{font:400 13px/20px var(--zz-sans)}

/* Home: no page-title band above the hero */
.home .wd-page-title,.home .page-title{display:none}

/* ===== Mockup match (approved 2026-09-25, https://claude.ai/artifact/3wZjBTBCpJjwJevW9yXSwR) ===== */
body,.wd-page-content,.website-wrapper{background:var(--zz-porcelain);color:var(--zz-ink);font-family:var(--zz-sans)}
h1,h2,h3,.title,.product_title,.wd-entities-title{font-family:var(--zz-display)}
a{color:var(--zz-wine)}
/* Announcement bar */
.header-banner{background:var(--zz-night)!important}
.zz-bar{font:600 12px/16px var(--zz-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--zz-on-night)}
.zz-bar i{font-style:normal;color:var(--zz-champagne);margin:0 12px}
/* Header */
.whb-general-header{background:var(--zz-porcelain)!important;border-bottom:1px solid var(--zz-line)}
.whb-header-bottom{display:none}
.wd-header-nav .menu > li > a{font:500 15px/20px var(--zz-sans)!important;text-transform:none!important;letter-spacing:0!important;color:var(--zz-ink)!important}
.wd-header-nav .menu > li.current-menu-item > a,.wd-header-nav .menu > li > a:hover{color:var(--zz-wine)!important}
.wd-header-cart .wd-cart-number{background:var(--zz-wine)}
/* Home */
.zz-hero{padding:72px 48px;border-radius:0;display:flex;flex-direction:column;gap:24px}
.zz-hero .zz-eyebrow{color:var(--zz-champagne)}
.zz-hero h1{font-size:64px;line-height:68px;max-width:16ch;margin:0}
.zz-hero p{font-size:17px;line-height:26px;color:#D9C8CF;opacity:1;margin:0}
.zz-actions{display:flex;gap:12px;flex-wrap:wrap}
.zz-btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:16px 26px}
.zz-btn--ghost{color:var(--zz-on-night);border:1px solid #7A6470}
.zz-btn--ghost:hover{color:var(--zz-on-night)}
.zz-eyebrow{display:block;font:600 12px/16px var(--zz-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--zz-wine);margin:0 0 6px}
.zz-sec{margin:64px 0 0}
.zz-sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:0 0 24px}
.zz-sec-head h2{margin:0;font:500 36px/42px var(--zz-display);color:var(--zz-ink)}
.zz-sec-head a{font:500 14px/20px var(--zz-sans);color:var(--zz-wine)}
.zz-occ{gap:16px}
.zz-occ a{min-height:200px;padding:22px;background:var(--zz-night)}
.zz-occ .n{font-size:30px;line-height:1.1}
.zz-trust{padding:36px 0;gap:32px;margin:64px 0}
.zz-trust b{font-size:20px;line-height:1.25}
/* Footer (WoodMart copyrights area holds the 4 columns) */
.wd-copyrights{background:var(--zz-night)!important;color:var(--zz-on-night);padding:56px 0 28px}
.wd-copyrights .wd-col-end{display:none}
.wd-copyrights .wd-col-start{width:100%;max-width:100%;flex:1 1 100%}
.zz-foot{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.4fr;gap:40px;text-align:left}
.zz-foot h4{font:600 12px/16px var(--zz-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--zz-champagne);margin:0 0 8px}
.zz-foot a{display:block;color:var(--zz-on-night);font:400 14px/22px var(--zz-sans);text-decoration:none}
.zz-foot a:hover{color:var(--zz-champagne)}
.zz-foot img{height:30px;width:auto;display:block;margin:0 0 12px}
.zz-foot .zz-tag,.zz-foot .zz-legal{font:400 14px/24px var(--zz-sans);color:#D9C8CF}
.zz-foot .zz-legal a{display:inline;color:var(--zz-on-night)}
.zz-foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:32px;padding-top:16px;border-top:1px solid #4A2E3B;font:400 13px/18px var(--zz-sans);color:#D9C8CF}
.zz-pay{display:flex;gap:6px;flex-wrap:wrap}
.zz-pay span{font:600 11px/14px var(--zz-sans);border:1px solid var(--zz-line);border-radius:2px;padding:4px 7px;color:var(--zz-ink)}
.zz-foot-bottom .zz-pay span{border-color:#4A2E3B;color:var(--zz-on-night)}
/* Product page */
.single-product .product_title{font:500 36px/1.18 var(--zz-display)!important;color:var(--zz-ink)}
.single-product .summary .price{font:600 22px/28px var(--zz-sans)!important;color:var(--zz-ink)!important;font-variant-numeric:tabular-nums}
.zz-promise{display:flex;flex-direction:column;gap:10px;padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid var(--zz-line)}
.zz-promise li{display:flex;gap:10px;align-items:flex-start;margin:0;font:400 14px/20px var(--zz-sans);color:var(--zz-ink)}
.zz-promise svg{color:var(--zz-wine);flex:0 0 18px;margin-top:1px}
.single-product .single_add_to_cart_button{background:var(--zz-wine)!important;color:#fff!important;border-radius:2px!important;min-height:48px;width:100%;font:600 12px/16px var(--zz-sans)!important;letter-spacing:.08em;text-transform:uppercase}
.single-product .zz-pay{justify-content:center;margin-top:12px}
.single-product .woocommerce-tabs .wc-tabs,.single-product .woocommerce-tabs .wd-nav-tabs-wrapper,.single-product .wd-accordion-title{display:none!important}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel,.single-product .wd-accordion-content{display:block!important;height:auto!important;opacity:1!important}
.single-product .woocommerce-tabs .wd-tab-wrapper,.single-product .woocommerce-tabs .wc-tab{margin:0}
.single-product .woocommerce-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 64px;margin-top:72px}
.single-product .woocommerce-Tabs-panel h2{font:500 26px/1.2 var(--zz-display);margin:0 0 12px;color:var(--zz-ink)}
.zz-reviews{border:1px dashed var(--zz-line);border-radius:6px;padding:16px;color:var(--zz-ink-muted);margin:0}
/* Phone (390) */
@media (max-width:768px){
 .zz-hero{padding:36px 16px 32px;gap:20px}
 .zz-hero h1{font-size:38px;line-height:42px}
 .zz-hero p{font-size:15px;line-height:22px}
 .zz-actions .zz-btn{width:100%}
 .zz-sec{margin-top:40px}
 .zz-sec-head h2{font-size:28px;line-height:34px}
 .zz-occ a{min-height:150px;padding:16px}.zz-occ .n{font-size:24px}
 .zz-trust{gap:20px;padding:24px 0}.zz-trust b{font-size:17px}
 .zz-foot{grid-template-columns:1fr 1fr;gap:28px}
 .single-product .product_title{font-size:30px!important}
 .single-product .woocommerce-tabs{grid-template-columns:1fr;gap:32px;margin-top:40px}
 .zz-bar i{margin:0 6px}
}
/* ===== Mockup match, pass 2 (element by element) ===== */
/* Header: logo | centred occasion menu | search + cart "(0)" */
.whb-general-header .wd-header-nav .menu{gap:36px}
.whb-general-header .wd-header-nav .menu > li > a{padding:0!important;height:auto}
.wd-header-cart .wd-tools-text,.wd-header-cart .wd-cart-number > span{display:none!important}
.wd-header-cart > a{display:flex;align-items:center;gap:6px}
.wd-header-cart .wd-cart-number{position:static!important;background:none!important;color:var(--zz-ink)!important;font:500 15px/20px var(--zz-sans)!important;min-width:0!important;height:auto!important;width:auto!important;padding:0!important;transform:none!important;margin-left:6px}
.wd-header-cart .wd-cart-number::before{content:"("}.wd-header-cart .wd-cart-number::after{content:")"}
.wd-tools-element .wd-tools-icon{color:var(--zz-ink)}
.wd-header-mobile-nav .wd-tools-text{display:none}
/* Home: hero and sections edge to edge on the 1440 grid, no gap under the header */
.home .main-page-wrapper,.home .wd-content-layout{padding-top:0!important}
.home .zz-hero{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:72px max(48px,calc(50vw - 672px))}
.zz-occ .nn{display:flex;flex-direction:column;gap:4px}
.zz-occ .c{font:400 13px/18px var(--zz-sans);color:#D9C8CF}
/* Product cards (mockup ProductCard) */
.wd-product .wd-entities-title,.wd-product .wd-entities-title a{font:400 14px/20px var(--zz-sans)!important;color:var(--zz-ink)!important;text-transform:none}
.wd-product .price{font:600 16px/22px var(--zz-sans)!important;color:var(--zz-ink)!important;font-variant-numeric:tabular-nums}
.wd-product .product-image-link img,.wd-product .wd-product-thumb{border-radius:6px}
.wd-product .product-wrapper{background:transparent}
/* Product page: breadcrumb on top, gallery 1.15 / buy box 0.85, no meta, share or wishlist */
.single-product .wd-breadcrumbs,.single-product .woocommerce-breadcrumb{font:400 13px/18px var(--zz-sans)!important;color:var(--zz-ink-muted)}
.single-product .woocommerce-breadcrumb a{color:var(--zz-ink-muted)}
.single-product .product_meta,.single-product .wd-wishlist-btn,.single-product .social-share,.single-product .wd-social-icons{display:none!important}
.zz-size-help{display:flex;flex-direction:column;gap:6px;margin:10px 0 16px;font:400 13px/18px var(--zz-sans);color:var(--zz-ink-muted)}
.zz-size-help a{color:var(--zz-wine);font-weight:500;align-self:flex-start}
.single-product .related-products .title,.single-product .related > h2{font:500 36px/42px var(--zz-display)!important;text-align:left}
@media (max-width:768px){
 .home .zz-hero{padding:36px 16px 32px}
 .whb-general-header .wd-header-nav .menu{gap:0}
 .single-product .related-products .title,.single-product .related > h2{font-size:28px!important;line-height:34px!important}
}
