/*
Theme Name: 烏告賀禮
Version: 0.2.0
Requires at least: 6.9
Requires PHP: 8.3
Text Domain: mkseafood
*/
:root{--ink:#193c40;--marine:#123f46;--primary:#16645b;--roe:#b55b2d;--seafoam:#e5efeb;--red:#16645b;--gold:#b55b2d;--paper:#f5f4ec;--line:#cfdbd5;--body:18px;--min:16px;--h1:48px;--h2:36px;--h3:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;font-size:var(--body);line-height:1.75}button,input,select,textarea{font:inherit}a{color:inherit;text-underline-offset:.2em}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2{line-height:1.3;font-family:"Noto Serif TC","PMingLiU",serif;text-wrap:nowrap;max-width:100%}h1{font-size:var(--h1)}h2{font-size:var(--h2)}h3{font-size:var(--h3);line-height:1.4}small,.meta,.eyebrow,.site-footer,.site-nav,.button,.preview-bar{font-size:var(--min)}:focus-visible{outline:3px solid var(--red);outline-offset:4px}[hidden]{display:none!important}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:20px;top:20px;background:white;padding:10px;z-index:200}.container{width:min(1180px,calc(100% - 48px));margin:auto}.preview-bar{padding:7px 20px;text-align:center;background:var(--ink);color:#fff}.site-header{background:#f5f4ecf5;border-bottom:1px solid var(--line)}.header-row{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:104px}.wordmark{text-decoration:none;font-family:serif;line-height:1.2;font-size:30px;font-weight:800;letter-spacing:.08em}.wordmark span{display:block;font-size:var(--min);font-family:sans-serif;letter-spacing:.18em;margin-top:7px}.site-nav{display:flex;gap:26px;align-items:center}.site-nav a{text-decoration:none}.site-nav a:hover{text-decoration:underline}.nav-toggle{display:none;border:1px solid var(--ink);background:transparent;padding:8px 13px}.hero{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center;padding:64px 0 72px}.eyebrow{color:#9b4c26;letter-spacing:.14em;margin-bottom:20px}.hero h1{font-size:clamp(38px,4.1vw,60px);margin-bottom:24px}.hero h1 span{display:block}.hero-lead{font-size:20px;max-width:28em}.hero-photo{position:relative}.hero-photo img{width:100%;display:block;border:1px solid #cfdbd5}.image-note{margin:10px 0 0;color:#526963;font-size:var(--min)}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{display:inline-block;background:var(--red);color:#fff;border:1px solid var(--red);border-radius:0;padding:11px 24px;text-decoration:none;font-weight:600;font-size:var(--min);line-height:1.5}.button.secondary{color:var(--ink);background:transparent;border-color:var(--ink)}.section{padding:72px 0;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:28px}.section-heading h2{margin:0}.section-heading a{font-size:var(--min)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.intro-grid img{max-height:440px;object-fit:contain;display:block;margin:auto}.intro-grid p{max-width:32em}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.product-card{border-bottom:1px solid var(--ink);padding-bottom:23px}.product-card>a{display:block;text-decoration:none}.product-card img{width:100%;aspect-ratio:1.25;object-fit:cover}.product-card h3{margin:18px 0 8px}.product-card .meta{color:#526963;margin:0}.brand-band{padding:32px 24px;background:var(--red);color:#fff;text-align:center;font-family:serif;font-size:28px}.page-main{padding:48px 0 80px;min-height:50vh}.page-main article{max-width:900px}.page-main .entry-content{margin-top:30px}.site-footer{background:var(--ink);color:white;padding:42px 0}.footer-row{display:flex;justify-content:space-between;gap:28px}.footer-links{display:flex;flex-wrap:wrap;gap:20px}.copyright{margin:24px 0 0;color:#cfdfd9}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:var(--h3);white-space:normal}.woocommerce div.product .product_title{font-size:var(--h1)}.woocommerce .woocommerce-breadcrumb,.woocommerce-result-count,.woocommerce-ordering,.woocommerce .woocommerce-message,.woocommerce .woocommerce-info,.woocommerce .woocommerce-error,.woocommerce .woocommerce-Price-amount,.woocommerce .price,.woocommerce .product_meta,.woocommerce .woocommerce-tabs,.woocommerce form .form-row label{font-size:var(--min)}.woocommerce div.product p.price{font-size:20px}.woocommerce input.input-text,.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{padding:12px;border:1px solid #8c8b86;background:white;color:var(--ink);font-size:var(--min)}.woocommerce form.login,.woocommerce form.register{border-color:var(--line);border-radius:0}.woocommerce .col2-set{margin-bottom:28px}.woocommerce div.product .woocommerce-tabs ul.tabs li a{font-size:var(--min)}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{margin-bottom:36px}.wndfc{--wndfc-accent:var(--red)}.wndfc button,.wndfc a,.wndfc span,.wndfc p{font-size:max(var(--min),1em)}.wml-auth,.wml-auth label,.wml-auth input,.wml-auth button{font-size:var(--min)}.wnnw,.wnnw p,.wnnw a,.wnnw span{font-size:var(--min)}
@media(max-width:1279px){:root{--body:16px;--h1:40px;--h2:30px;--h3:22px}.site-nav{gap:18px}.hero{gap:32px}.hero-lead{font-size:18px}}
@media(max-width:767px){:root{--body:15px;--min:15px;--h1:32px;--h2:26px;--h3:20px}.container{width:calc(100% - 32px)}.header-row{min-height:86px;flex-wrap:wrap;gap:12px}.wordmark{font-size:25px}.wordmark span{letter-spacing:.08em}.nav-toggle{display:block;font-size:15px}.site-nav{display:none;width:100%;flex-wrap:wrap;padding:12px 0 20px;gap:17px}.site-nav.is-open{display:flex}.hero{grid-template-columns:1fr;gap:30px;padding:38px 0 42px}.hero h1{font-size:40px}.hero-lead{font-size:16px}.hero-photo{order:2}.section{padding:42px 0}.intro-grid{grid-template-columns:1fr;gap:28px}.intro-grid img{max-height:300px}.product-grid{grid-template-columns:1fr}.section-heading{flex-wrap:wrap;gap:10px}.footer-row{flex-direction:column;gap:20px}.footer-links{gap:14px}.brand-band{font-size:24px}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{width:100%;float:none;margin-right:0}.woocommerce div.product .product_title{font-size:32px}}
/* Allow the existing heading fitter to measure the actual grid column. */
.hero > *{min-width:0}
.wml-line__divider{font-size:var(--min)}
@media(max-width:767px){
    /* Match WooCommerce's column/nth-child specificity on small screens. */
    .woocommerce ul.products[class*="columns-"] li.product:nth-child(n),
    .woocommerce-page ul.products[class*="columns-"] li.product:nth-child(n){width:100%;float:none;clear:both;margin-right:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* MKSEAFOOD marine / roe brand system, 2026-11-06. */
:root{--wml-red:#16645b;--wml-red-dark:#123f46;--wml-gold:#b55b2d;--wml-ink:#193c40;--wml-muted:#526963;--wml-border:#cfdbd5;--wml-paper:#f5f4ec}
.site-header{background:var(--paper)}.header-row{min-height:116px;padding-block:8px}.wordmark{display:block;width:286px;flex-shrink:0;line-height:1;letter-spacing:0}.brand-logo-horizontal{display:block;width:100%;height:auto}.site-nav a:hover{color:var(--primary)}.preview-bar,.site-footer{background:var(--marine)}.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{border-radius:8px}.button:hover,.woocommerce a.button:hover{background:var(--marine);border-color:var(--marine);color:white}.button.secondary:hover{color:white}.brand-band{background:var(--seafoam);color:var(--marine);border-block:1px solid var(--line)}.footer-row{align-items:center}.footer-brand{display:block;width:min(300px,100%);flex-shrink:0}.footer-brand img{display:block;width:100%;height:auto}.footer-links{align-items:center}.copyright{padding-top:22px;border-top:1px solid #477077;color:#d3e4dd}.intro-grid .brand-emblem{width:min(340px,100%);max-height:none}.nav-toggle{border-radius:8px;color:var(--marine)}
@media(max-width:1279px){.wordmark{width:254px}.header-row{min-height:104px}}
@media(max-width:767px){.wordmark{width:min(220px,calc(100% - 76px))}.header-row{min-height:86px;padding-block:8px}.footer-row{align-items:flex-start}.footer-brand{width:min(300px,100%)}.footer-links{align-items:flex-start}}