/*
Theme Name: Nursery Market
Description: Independent nursery storefront with built-in catalogue and order requests.
Version: 1.2.6
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: nursery-market
License: GPL-2.0-or-later
*/
:root{--green:#174534;--ink:#20362c;--cream:#faf8ef;--line:#d8e1d4}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);background:var(--cream);font:1rem/1.6 system-ui,sans-serif}
a{color:var(--green)} a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #a64922;outline-offset:3px}
img{max-width:100%;height:auto}.wrap{width:min(1160px,92%);margin:auto}
.site-head,.site-foot{background:#fff;border-block:1px solid var(--line);padding:1rem 0}
.bar,.menu,.account{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.bar{justify-content:space-between}
.brand{font:700 1.65rem Georgia,serif;text-decoration:none}.custom-logo{max-width:180px;max-height:65px;width:auto}
.menu{list-style:none;margin:0;padding:0}.menu .sub-menu{list-style:none;padding-left:1rem}.account a,.menu a{text-underline-offset:.22em}
.search{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.search input{flex:1;min-width:0;padding:.65rem;border:1px solid #72897b;border-radius:.5rem;font:inherit}
main.wrap{padding-block:2rem 3rem;min-height:55vh}
.hero{background:#dfebd7;border-radius:1.5rem;padding:clamp(1.5rem,6vw,5rem);margin-bottom:2.5rem}
.eyebrow{font-size:.83rem;letter-spacing:.12em;font-weight:700;text-transform:uppercase}
h1,h2,h3{font-family:Georgia,serif;line-height:1.15}h1{font-size:clamp(2rem,6vw,4rem);margin:.4em 0}h2{font-size:clamp(1.5rem,4vw,2.25rem)}
.cta,.search button{display:inline-block;border:0;background:var(--green);color:white;padding:.7rem 1rem;border-radius:.55rem;text-decoration:none;font:inherit;font-weight:650;cursor:pointer}
.categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,155px),1fr));gap:1rem;margin-bottom:2.5rem}
.category{display:block;background:#fff;border:1px solid var(--line);border-radius:.85rem;overflow:hidden;text-decoration:none;font-weight:650}.category img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.category span{display:block;padding:.85rem}
article{overflow-wrap:anywhere}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.screen-reader-text:focus{width:auto;height:auto;clip-path:none;z-index:100000;background:white;padding:.7rem}
@media(max-width:600px){.bar{align-items:flex-start}.bar nav{width:100%}.hero{border-radius:1rem}.woocommerce ul.products li.product{padding:.45rem}}

.nm-crumb{margin-bottom:1rem;font-size:.875rem;color:#445d50}
.nm-product-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:start;gap:clamp(1rem,3vw,2rem)}
.nm-panel{min-width:0;background:white;border:1px solid var(--line);border-radius:1rem;padding:clamp(1rem,2.5vw,1.75rem);overflow-wrap:anywhere}
.nm-panel h1{font-size:clamp(1.8rem,4vw,3rem);margin:.25rem 0 1.2rem}
.nm-gallery img{display:block;width:100%;max-height:36rem;object-fit:contain;background:#f6f8f4;border-radius:.65rem}
.nm-gallery details{margin-top:.75rem}.nm-gallery summary{cursor:pointer;font-weight:600}
.nm-photo-empty{display:grid;place-items:center;min-height:15rem;background:#f6f8f4;border-radius:.65rem}
.nm-purchase{background:#edf5ee;border:1px solid var(--line);border-radius:.75rem;padding:1rem}
.nm-price{margin:0;font-size:1.65rem;font-weight:750}.nm-purchase .cta{width:100%}
.nm-delivery{font-size:.85rem;margin:.7rem 0 0}.nm-description{margin-top:1.5rem}
.nm-description h2{font-size:1.3rem}
@media(max-width:720px){.nm-product-grid{grid-template-columns:1fr}.nm-gallery img{max-height:26rem}}

.nm-photo-stage > div + div{display:none}
.nm-photo-stage > div:target{display:block}
.nm-gallery:not(.nm-gallery-ready) .nm-photo-stage:has(> div + div:target) > div:first-child{display:none}
.nm-thumbs{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.85rem}
.nm-thumbs a{display:block;width:3.65rem;border:1px solid var(--line);border-radius:.5rem;padding:.15rem}
.nm-thumbs a:hover,.nm-thumbs a:focus-visible{border-color:var(--green)}
.nm-thumbs img{aspect-ratio:1;object-fit:cover}

.nm-photo-stage{aspect-ratio:1;background:#f6f8f4;border-radius:.65rem}
.nm-photo-stage > div{height:100%}
.nm-photo-stage img{height:100%;max-height:none;object-fit:contain}
.nm-gallery-ready .nm-photo-stage > div{display:none}
.nm-gallery-ready .nm-photo-stage > div.nm-photo-active{display:block}
.nm-thumbs a[aria-current="true"]{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}

.nm-thumbs a{flex:0 0 3.65rem;height:3.65rem;overflow:hidden}
.nm-thumbs img{width:100%;height:100%;max-height:100%;object-fit:contain}
@media(max-width:720px), (hover:none) and (pointer:coarse){
  .nm-gallery .nm-thumbs{display:none}
  .nm-gallery .nm-photo-stage{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}
  .nm-gallery .nm-photo-stage > div{display:block;flex:0 0 100%;min-width:0;scroll-snap-align:start}
}

.nm-gallery-dots{display:none}
@media(max-width:720px), (hover:none) and (pointer:coarse){
  .nm-gallery-ready .nm-photo-stage{scrollbar-width:none}
  .nm-gallery-ready .nm-photo-stage::-webkit-scrollbar{display:none}
  .nm-gallery-dots{display:flex;justify-content:center;flex-wrap:wrap;margin-top:.35rem}
  .nm-gallery-dots button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;background:transparent;cursor:pointer}
  .nm-gallery-dots button::after{content:"";width:8px;height:8px;border:1px solid #557260;border-radius:50%;background:#dce5db}
  .nm-gallery-dots button[aria-current="true"]::after{background:var(--green);transform:scale(1.25)}
}