/*
Theme Name: Jingcan Pearl
Description: A restrained pearl jewelry storefront with separate retail and wholesale journeys.
Version: 0.1.0
Requires PHP: 7.4
Text Domain: jingcan-pearl
*/
:root{--paper:#faf8f3;--ink:#263c35;--muted:#6b7168;--line:#dedfd5;--gold:#a58a58;--cream:#eeede3}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,sans-serif}a{color:inherit;text-underline-offset:4px}img{max-width:100%;height:auto}h1,h2,h3,.brand{font-family:Georgia,serif;font-weight:400;line-height:1.15}h1{font-size:clamp(42px,5.5vw,78px)}h2{font-size:clamp(30px,3.6vw,48px)}h3{font-size:28px}p{max-width:62ch}.wrap{width:min(1320px,90%);margin:auto}.announcement{background:var(--ink);color:var(--paper);padding:8px;text-align:center;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.site-header{border-bottom:1px solid var(--line);padding:24px 0}.header-row{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:30px;text-decoration:none;letter-spacing:.08em}.brand span{display:block;font:10px/1.3 Arial,sans-serif;letter-spacing:.4em;text-align:center;margin-top:7px}.header-tools{display:flex;gap:20px;font-size:13px}.nav{display:flex;gap:28px;justify-content:center;padding:22px 0 0;font-size:13px}.nav details{position:relative}.nav summary{cursor:pointer;list-style:none}.nav summary:after{content:' ⌄';color:var(--gold)}.nav details[open]>div{position:absolute;top:32px;left:-15px;z-index:9;background:var(--paper);padding:20px;min-width:215px;box-shadow:0 8px 25px #263c351a;border:1px solid var(--line)}.nav details a{display:block;padding:5px 0;text-decoration:none}.nav a:hover{text-decoration:underline}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:610px;align-items:stretch}.hero-copy{padding:80px 10% 80px 0;align-self:center}.eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.hero h1{margin:25px 0}.hero-copy>p{color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:32px}.button,button,input[type=submit],.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{display:inline-block;text-decoration:none;border:1px solid var(--ink);border-radius:0;background:var(--ink);color:white;padding:13px 23px;font:12px/1.5 Arial,sans-serif;letter-spacing:.04em;cursor:pointer}.button.secondary{background:transparent;color:var(--ink)}.hero-art{position:relative;overflow:hidden;min-height:430px;background:radial-gradient(ellipse at 20% 0,#fffdf7,transparent 65%),linear-gradient(135deg,#d5cbb8,#eae6dd 55%,#b6bfb3)}.pearl{position:absolute;width:var(--size,52px);height:var(--size,52px);border-radius:50%;background:radial-gradient(circle at 32% 27%,#fffefa 0,#fffdf1 15%,#f3ecdd 40%,#c9c5bb 72%,#fffdf7 97%);box-shadow:3px 8px 10px #5b584b30,inset -3px -5px 8px #918e7a25;left:var(--x);top:var(--y)}.art-caption{position:absolute;bottom:26px;left:30px;font:10px/1.5 Arial;letter-spacing:.1em;text-transform:uppercase;color:#3d4d42}.intro{padding:65px 0 20px;text-align:center}.intro p{margin:15px auto}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:28px 0 80px}.collection-card{text-decoration:none}.collection-art{height:270px;position:relative;background:var(--cream);overflow:hidden}.collection-card:nth-child(2) .collection-art{background:#eadfce}.collection-card:nth-child(3) .collection-art{background:#dbe1d8}.collection-card:nth-child(4) .collection-art{background:#e6e0d6}.collection-art .pearl{--size:40px}.collection-card h3{font-size:24px;margin:18px 0 8px}.collection-card p{font-size:13px;color:var(--muted)}.card-link{font-size:12px;border-bottom:1px solid var(--gold);padding-bottom:5px}.trade-banner{background:var(--ink);color:var(--paper);padding:55px 7%;display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:80px}.trade-banner h2{margin:10px 0}.trade-banner .eyebrow{color:#d7c6a8}.trade-banner .button{border-color:var(--paper);white-space:nowrap}.section-styles{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:20px 0 60px}.section-styles a{border:1px solid var(--line);padding:9px 20px;text-decoration:none;font-size:13px}.site-footer{border-top:1px solid var(--line);padding:45px 0 25px}.footer-grid{display:flex;gap:50px;justify-content:space-between;align-items:start}.footer-grid p{font-size:13px;color:var(--muted);max-width:36ch}.footer-grid nav{display:grid;gap:8px;font-size:13px}.copyright{font-size:11px;color:var(--muted);margin-top:45px}.site-content{padding:50px 0;min-height:55vh}.jp-trade-note{padding:16px;background:var(--cream);font-size:14px}.woocommerce ul.products{padding-top:20px}.woocommerce ul.products li.product .price{color:var(--ink)}.woocommerce ul.products li.product .button{font-size:11px}.woocommerce .woocommerce-breadcrumb{font-size:12px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font:24px/1.2 Georgia,serif}.skip-link{position:absolute;top:-100px;left:10px;background:white;z-index:20;padding:12px}.skip-link:focus{top:10px}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}input,select,textarea{max-width:100%;padding:10px;border:1px solid var(--line);background:white;color:var(--ink)}.woocommerce .quantity .qty{padding:8px}.woocommerce div.product .product_title{font-size:42px}
@media(max-width:900px){.nav{gap:16px;flex-wrap:wrap}.hero{min-height:0}.hero-copy{padding:45px 7% 45px 0}.collection-grid{grid-template-columns:repeat(2,1fr)}.trade-banner{display:block}.trade-banner .button{margin-top:16px}}@media(max-width:600px){.brand{font-size:24px}.header-row{flex-wrap:wrap;justify-content:center}.header-tools{font-size:12px}.nav{font-size:12px;gap:14px}.nav details[open]>div{position:fixed;top:auto;left:5%;right:5%;min-width:0;max-height:55vh;overflow:auto}.hero{grid-template-columns:1fr}.hero-copy{padding:35px 0}.hero-art{min-height:330px}.collection-grid{gap:25px 14px;margin-bottom:45px}.collection-art{height:200px}.collection-card h3{font-size:22px}.trade-banner{padding:35px 7%;margin-bottom:40px}.footer-grid{display:block}.footer-grid nav{margin:20px 0}.site-content{padding:30px 0}}