/*
Theme Name: Luk Toy
Author: Luk Toy
Description: Luk Toy stress relief toy factory website with editable company, materials, gallery and contact sections.
Version: 1.2.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: luk-toy
*/
:root{--ink:#142b4c;--yellow:#ffcf36;--paper:#fff;--muted:#526079;--line:#dce2e9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,'Microsoft YaHei','PingFang SC',sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;width:100%;height:100%;object-fit:cover}figure{margin:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.25}h1{font-size:clamp(2.6rem,4.7vw,4.5rem);letter-spacing:-.035em;margin-bottom:25px}h2{font-size:clamp(2rem,3.2vw,3rem);letter-spacing:-.03em;margin-bottom:24px}h3{font-size:1.25rem}a:focus-visible,button:focus-visible{outline:3px solid #175ac8;outline-offset:6px}.wrap{width:min(1240px,calc(100% - 80px));margin:auto}.header{background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.header-inner{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:baseline;font-size:2.1rem;font-weight:900;letter-spacing:-.07em;white-space:nowrap}.brand span{color:#be5800}.brand i{font-size:.8rem;align-self:flex-start;letter-spacing:0;margin:5px}.brand img{max-width:180px;max-height:65px;object-fit:contain}nav{display:flex;align-items:center;gap:30px;font-size:.94rem;font-weight:600}nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.nav-contact{background:var(--ink);color:white;padding:12px 21px;border-radius:4px}.menu-toggle{display:none}.hero{background:#f5f7fa;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;min-height:610px;align-items:stretch}.hero-copy{padding:76px 35px 45px 0}.eyebrow{font-size:.82rem;font-weight:700;letter-spacing:.14em;margin-bottom:28px}.intro{color:var(--muted);max-width:400px;font-size:1.125rem;margin-bottom:30px}.button{display:inline-flex;align-items:center;gap:40px;background:var(--ink);color:white;padding:16px 24px;border-radius:4px;font-weight:700}.button:hover{background:#274c7d}.hero-bottom{font-size:.88rem;margin-top:60px;color:var(--muted);letter-spacing:.16em}.hero-art{background:var(--yellow);position:relative;margin-right:calc((min(1240px,100vw - 80px) - 100vw)/2);overflow:hidden}.hero-art img{object-fit:cover}.hero-art figcaption{position:absolute;bottom:16px;left:20px;background:rgba(255,255,255,.9);font-size:.8rem;padding:5px 12px;border-radius:3px}.section{padding-top:96px;padding-bottom:96px}.about{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.large-copy{font-size:1.45rem;line-height:1.9}.text-link{font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:5px}.categories{background:var(--ink);color:white}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:38px}.section-head h2{margin-bottom:0}.section-head>p{font-size:.88rem;color:#c9d6e8}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #53647d;border-left:1px solid #53647d}.category{padding:30px;border-right:1px solid #53647d;border-bottom:1px solid #53647d}.category-num{display:block;color:var(--yellow);font-size:.85rem;margin-bottom:25px}.category h3{font-size:1.5rem;margin-bottom:14px}.category p{color:#c9d6e8;margin:0}.factory{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:80px}.factory figure{height:420px;background:#e8edf2}.copy{color:var(--muted);font-size:1.1rem;line-height:1.9;margin:25px 0}.image-placeholder{height:100%;min-height:240px;background:#edf1f5;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #a9b5c5;color:#5a6b80}.image-placeholder span{font-size:2.5rem;font-weight:300}.image-placeholder p{font-size:.9rem;margin:12px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 26px}.product figure{height:280px;overflow:hidden;border-radius:5px}.product-label{display:flex;justify-content:space-between;gap:16px;margin-top:20px}.product-label h3{margin-bottom:10px}.product-label span{color:var(--muted);font-size:.85rem}.product>p{color:var(--muted);font-size:.95rem}.contact{background:var(--yellow);padding:85px 0}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px}.contact h2{font-size:clamp(2rem,3.4vw,3.25rem)}dl{margin:0}dl>div{padding:15px 0;border-bottom:1px solid #96792e;display:grid;grid-template-columns:95px 1fr;gap:20px}dt{font-size:.9rem}dd{margin:0;font-weight:600;overflow-wrap:anywhere}dd a{text-decoration:underline}footer{padding:35px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner p,.footer-inner>a:last-child{font-size:.82rem}.footer-inner p{margin:0}.skip{position:absolute;top:-100px;background:white;padding:10px;z-index:100}.skip:focus{top:10px}.prose{max-width:850px;min-height:65vh}.prose article{margin-bottom:50px}.prose img{height:auto}.admin-bar .header{top:32px}
@media(min-width:1500px){.hero-art{margin-right:0}}@media(max-width:1000px){.wrap{width:calc(100% - 40px)}nav{gap:16px}.hero-copy{padding-top:50px}.hero-grid{min-height:550px}.hero-art{margin-right:-20px}.about,.factory,.contact-grid{gap:40px}.product figure{height:220px}}@media(max-width:760px){.header-inner{min-height:78px}.menu-toggle{display:block;border:1px solid var(--line);background:white;padding:8px 12px;border-radius:4px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:20px;box-shadow:0 10px 20px #142b4c15}nav.open{display:flex;flex-direction:column;align-items:stretch}nav a{padding:12px}.hero-grid,.about,.factory,.contact-grid{grid-template-columns:1fr}.hero-copy{padding:45px 0 35px}.hero-bottom{margin-top:30px}.hero-art{height:390px;margin:0 -20px}.section{padding-top:60px;padding-bottom:60px}.about,.factory,.contact-grid{gap:26px}.eyebrow{margin-bottom:20px}.large-copy{font-size:1.2rem}.category-grid{grid-template-columns:repeat(2,1fr)}.category{padding:22px}.category h3{font-size:1.2rem}.section-head{align-items:flex-start;flex-direction:column;gap:15px}.factory figure{height:300px}.product-grid{grid-template-columns:repeat(2,1fr);gap:25px 16px}.product figure{height:210px}.contact{padding:60px 0}.footer-inner{flex-wrap:wrap}.footer-inner p{width:100%;order:3}.admin-bar .header{top:46px}}@media(max-width:400px){.product-grid{grid-template-columns:1fr}.hero-art{height:300px}h1{font-size:2.5rem}.category{padding:16px}.wrap{width:calc(100% - 32px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Luk Toy brand edition */
:root{--ink:#082e69;--yellow:#ff6837;--muted:#50647e}.brand img{width:155px;height:72px;max-height:72px;object-fit:contain}.header-inner{min-height:90px}.hero{background:#eaf8fc}.hero-grid{grid-template-columns:.95fr 1.05fr;min-height:570px}.hero-copy{padding-top:70px}.hero-art{background:#dae5ed;display:flex;align-items:center}.hero-art img{height:auto;object-fit:contain}.hero-art figcaption{bottom:16px}.hero h1{font-size:clamp(2.7rem,4.5vw,4.25rem)}.hero-bottom{color:var(--ink);font-weight:700}.hero-bottom span{color:#c14317;padding:0 12px}.about{align-items:center}.brand-badge{width:120px;height:120px;object-fit:contain;border-radius:50%;margin-top:28px}.category-num{color:#5fe9df}.category-grid{grid-template-columns:repeat(3,1fr)}.category a{display:inline-block;margin-top:28px;font-size:.9rem;text-decoration:underline;text-underline-offset:5px}.factory figure{height:auto}.factory figure img{height:auto;object-fit:contain}figcaption{font-size:.85rem;color:var(--muted);margin-top:12px}.gallery{padding-top:20px}.gallery-wide{max-width:100%}.gallery-wide img{max-height:580px;object-fit:contain;background:#edf3f8}.gallery-wide figcaption{margin-bottom:32px}.gallery-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#edf8fa;padding:30px}.gallery-cta h3{margin-bottom:8px}.gallery-cta p{margin-bottom:0;color:var(--muted)}.contact{background:#e5f7f7;border-top:6px solid #06b8b3}.contact-facebook{display:block;border-top:1px solid #9bb8c0;border-bottom:1px solid #9bb8c0;padding:20px 0}.contact-facebook>span{font-size:.85rem;letter-spacing:.15em}.contact-facebook strong{display:flex;justify-content:space-between;font-size:2rem;margin:8px 0}.contact-facebook p{margin:0;color:var(--muted)}.contact dl>div{border-color:#9bb8c0}.product h3{margin-top:20px}.product figure img{object-fit:contain;background:#eff5f7}.footer-inner .brand img{width:115px;height:60px}.button{background:var(--ink)}@media(max-width:1000px){nav{gap:18px;font-size:.88rem}.hero-copy{padding-top:50px}.hero-art{margin-right:0}}@media(max-width:760px){.hero-grid{grid-template-columns:1fr}.hero-copy{padding-top:45px}.hero-art{height:auto;display:block;margin:0 -20px}.hero-art img{height:auto;width:100%}.hero-art figcaption{position:static;margin:0;padding:10px 20px;background:#dae5ed}.brand img{height:60px;width:140px}.header-inner{min-height:80px}.category-grid{grid-template-columns:1fr}.category{padding:28px}.category-num{margin-bottom:14px}.gallery-cta{flex-direction:column;align-items:flex-start}.gallery-wide img{height:auto}.about{gap:28px}}
.featured-products{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));max-width:820px;margin:0 auto 40px}.featured-products .product figure{height:auto;max-width:600px;margin:auto}.featured-products .product figure img{height:auto;max-height:600px}.featured-products .product h3{font-size:1.5rem}.featured-products .product>p{max-width:700px}

/* Material-filtered catalogue */
.gallery-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 34px}.gallery-filter,.gallery-more{cursor:pointer;border:1px solid #aab9c9;background:#fff;color:var(--ink);padding:10px 18px;border-radius:5px;font-weight:700}.gallery-filter span{font-size:.8rem;opacity:.7;margin-left:5px}.gallery-filter.active,.gallery-filter:hover,.gallery-more:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.catalogue-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 18px;margin-bottom:22px}.catalogue-item{min-width:0}.catalogue-item[hidden]{display:none}.catalogue-item figure{height:220px;background:#f2f5f7;border:1px solid #e2e9ef}.catalogue-item figure img{object-fit:contain}.catalogue-item a:hover img{transform:scale(1.035)}.catalogue-item img{transition:transform .2s ease}.catalogue-item .product-label{margin-top:10px;align-items:baseline}.catalogue-item .product-label h3{font-size:1rem;margin:0}.catalogue-item .product-label span{font-size:.77rem;white-space:nowrap}.gallery-count{color:var(--muted);text-align:center;margin:8px 0}.gallery-more{display:block;margin:0 auto 42px}.gallery-more[hidden]{display:none}@media(max-width:900px){.catalogue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.catalogue-item figure{height:170px}.catalogue-item .product-label{display:block}.catalogue-item .product-label span{display:block;margin-top:3px}}@media(max-width:400px){.catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalogue-item figure{height:135px}.gallery-filter{padding:8px 10px}}
