/*
Theme Name: MY NEXX ShopXO Woo Port
Theme URI: https://mynexx.shop/
Author: Nexxaro Commerce Limited
Description: WooCommerce-native storefront based on the historical MY NEXX ShopXO visual design.
Version: 0.2.3
Requires at least: 6.6
Requires PHP: 8.2
Text Domain: mynexx-shopxo-woo
*/

:root{--ink:#171719;--muted:#5f5d62;--soft:#f4f3f1;--warm:#faf9f6;--paper:#fff;--line:#d8d4ce;--phoenix:#b84721;--max:1600px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--warm);color:var(--ink);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}button,input{font:inherit}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;z-index:100;background:#fff;padding:.5rem}.site-header{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:auto minmax(240px,720px) auto;align-items:center;gap:clamp(1rem,3vw,3rem);min-height:76px;padding:.8rem clamp(1rem,4vw,4.5rem);background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.3rem;text-decoration:none}.brand img:first-child{width:45px;height:45px;object-fit:contain}.brand img:nth-child(2){width:140px;height:auto;max-height:50px;object-fit:contain}.search{display:flex;min-width:0;border:1px solid #cfcac3;border-radius:999px;background:#fff;overflow:hidden}.search input{flex:1;min-width:0;border:0;background:transparent;padding:.75rem 1.1rem}.search button{border:0;background:var(--ink);color:#fff;padding:.7rem 1.2rem;cursor:pointer}.header-actions{display:flex;align-items:center;gap:1rem}.header-actions a{text-decoration:none;font-size:.85rem;font-weight:650}.header-actions a:hover,.category-nav a:hover{color:var(--phoenix)}.category-nav{display:flex;align-items:center;gap:clamp(.7rem,2vw,2rem);padding:.7rem clamp(1rem,4vw,4.5rem);background:#fff;border-bottom:1px solid var(--line);overflow-x:auto;white-space:nowrap}.category-nav a{text-decoration:none;font-weight:650;font-size:.88rem}.home-hero{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;min-height:490px;background:#e9e4dd}.hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(2rem,6vw,6rem)}.overline{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:700;color:var(--phoenix)}.hero-copy h1{font-size:clamp(2.5rem,5vw,5rem);line-height:1.05;letter-spacing:-.045em;margin:.6rem 0 1rem}.hero-copy h1 em{font-family:Georgia,serif;font-weight:400}.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}.hero-actions a,.creator-cta a{display:inline-block;background:var(--ink);color:#fff;padding:.8rem 1.1rem;text-decoration:none;border-radius:3px}.hero-art{display:grid;place-items:center;background:#e0d1c7}.hero-art img{width:min(67%,400px);height:auto}.home-section,.content-shell,.woocommerce-shell{max-width:var(--max);margin:0 auto;padding:3.5rem clamp(1rem,4vw,4.5rem)}.home-section h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.2;margin:.2rem 0 1.5rem}.world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.world-card{min-height:150px;display:flex;align-items:flex-end;padding:1.5rem;background:#fff;border:1px solid var(--line);text-decoration:none;font-size:1.3rem;font-weight:750}.world-card:hover{border-color:var(--phoenix)}.creator-cta{background:#211d1b;color:#fff;padding:2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.creator-cta p{max-width:55ch}.creator-cta a{background:#fff;color:#211d1b}.site-footer{background:#191719;color:#f8f5f1;padding:3rem clamp(1rem,4vw,4.5rem);display:grid;grid-template-columns:2fr repeat(3,1fr);gap:2rem}.site-footer a{display:block;text-decoration:none;margin:.45rem 0;color:#eee}.site-footer strong{display:block;margin-bottom:.7rem}.site-footer img{width:75px;height:auto}.site-footer small{grid-column:1/-1;color:#c5c0bd}.woocommerce-shell,.content-shell{min-height:55vh;background:#fff}.woocommerce-shell .woocommerce ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.woocommerce-shell .woocommerce ul.products::before,.woocommerce-shell .woocommerce ul.products::after{display:none}.woocommerce-shell .woocommerce ul.products li.product{width:auto!important;margin:0!important;border:1px solid var(--line);padding:.7rem}.woocommerce-shell .woocommerce ul.products li.product img{aspect-ratio:1;object-fit:contain}.woocommerce .button,.woocommerce button.button,.woocommerce a.button{background:var(--ink);color:#fff}.woocommerce .button:hover,.woocommerce button.button:hover,.woocommerce a.button:hover{background:var(--phoenix);color:#fff}.screen-reader-text{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--phoenix);outline-offset:2px}
@media(max-width:1000px){.site-header{grid-template-columns:1fr auto}.site-header .search{grid-column:1/-1;grid-row:2}.header-actions{gap:.7rem}.world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.woocommerce-shell .woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.site-header{padding:.7rem 1rem}.brand img:nth-child(2){width:110px}.header-actions a{font-size:.72rem}.category-nav{padding:.65rem 1rem}.home-hero{grid-template-columns:1fr}.hero-art{min-height:240px;grid-row:1}.hero-art img{width:190px}.hero-copy{padding:2rem}.home-section,.content-shell,.woocommerce-shell{padding:2rem 1rem}.world-grid{grid-template-columns:1fr 1fr}.world-card{min-height:115px;padding:1rem;font-size:1rem}.creator-cta{display:block}.site-footer{grid-template-columns:1fr 1fr;padding:2rem 1rem}.woocommerce-shell .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}}
.category-entry{display:flex;align-items:center;position:relative;gap:.2rem}.category-entry details summary{list-style:none;cursor:pointer;padding:.1rem .25rem}.category-entry details summary::-webkit-details-marker{display:none}.subcategory-menu{position:fixed;z-index:40;display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:.2rem 1rem;max-width:min(850px,calc(100vw - 2rem));padding:1rem;background:#fff;box-shadow:0 12px 35px #0002;border:1px solid var(--line);white-space:normal}.subcategory-menu a{padding:.35rem .45rem;font-weight:500}.subcategory-menu a:hover{background:var(--soft)}@media(max-width:700px){.subcategory-menu{left:1rem;right:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 02 October MyShop structure, adapted to native WooCommerce routes. */
.site-header{grid-template-columns:auto minmax(300px,720px) auto;background:rgba(255,255,255,.96);backdrop-filter:blur(16px)}
.brand{gap:.65rem}.brand img:first-child{width:48px;height:48px}.brand img:nth-child(2){width:166px}
.header-actions{gap:.35rem}.header-action{display:grid;place-items:center;min-width:66px;text-align:center;color:var(--ink);text-decoration:none}.header-action span{font-size:1.25rem;line-height:1}.header-action b{font-size:.68rem;font-weight:650}.header-action:hover{color:var(--phoenix)}
.category-nav{gap:clamp(.75rem,1.7vw,1.6rem);overflow-x:auto}.category-nav>a,.category-nav summary{font-size:.87rem;font-weight:650}.all-categories summary{cursor:pointer;list-style:none}.all-categories summary::-webkit-details-marker{display:none}.all-categories[open] summary{color:var(--phoenix)}
.all-categories-panel{position:fixed;left:clamp(1rem,4vw,4.5rem);right:clamp(1rem,4vw,4.5rem);top:122px;z-index:40;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;padding:1.5rem;background:#fff;border:1px solid var(--line);box-shadow:0 18px 50px #19141217;white-space:normal;max-height:min(70vh,700px);overflow:auto}.category-group{display:grid;align-content:start;gap:.35rem}.category-group>a:first-child{font-weight:750;border-bottom:1px solid var(--line);padding-bottom:.35rem}.category-group .subcategory-link{font-weight:450;color:var(--muted)}.category-group .subcategory-link:hover{color:var(--phoenix)}
.home-hero{min-height:500px;background:#eee8e1}.hero-copy h1{font-size:clamp(2.7rem,5vw,5.2rem)}.hero-copy>p:not(.overline){max-width:55ch}.hero-actions a:nth-child(2){background:transparent;color:var(--ink);border:1px solid var(--ink)}.hero-art{position:relative;align-content:center;gap:0}.hero-art>img{align-self:end;width:min(58%,360px)}.creator-banner{align-self:end;width:100%;padding:1.3rem 1.6rem;background:#f6eee9}.creator-banner .overline{margin:0}.creator-banner h2{font-size:1.25rem;margin:.35rem 0}.creator-banner p{font-size:.85rem;margin:.3rem 0}.creator-banner a{display:inline-block;margin-top:.45rem;color:var(--ink);font-size:.82rem;font-weight:750}.home-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem}.home-heading>a{text-decoration:none;font-size:.88rem;font-weight:700}.world-section{padding-top:2rem}.world-card{display:flex;flex-direction:column;justify-content:end;align-items:start;gap:.5rem}.world-card small{font-size:.72rem;font-weight:500;color:var(--muted)}
@media(max-width:1000px){.site-header{grid-template-columns:1fr auto}.site-header .search{grid-column:1/-1;grid-row:2}.all-categories-panel{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.site-header{padding:.7rem 1rem}.brand img:nth-child(2){width:118px}.header-action{min-width:48px}.header-action b{font-size:.62rem}.header-actions .header-action:first-child{display:none}.category-nav{overflow-x:auto}.all-categories-panel{position:fixed;left:1rem;right:1rem;top:130px;grid-template-columns:repeat(2,minmax(0,1fr));max-height:65vh}.hero-art>img{width:180px;align-self:center}.creator-banner{padding:1rem}.home-heading{align-items:start}.home-heading>a{font-size:.75rem}}

/* Visual parity with the 02 October camera control. Enable only after a verified search backend exists. */
.search .image-search-trigger{flex:0 0 46px;width:46px;min-width:46px;display:grid;place-items:center;padding:10px;border:0;border-radius:0;background:transparent;color:var(--ink)}
.search .image-search-trigger:disabled{cursor:not-allowed;opacity:.55}
@media(max-width:620px){.search .image-search-trigger{flex-basis:40px;min-width:40px;width:40px;padding:8px}}
/* Keep the account link visible on mobile when there is no tracking page. */
@media(max-width:700px){.header-actions .header-action:first-child:not(.tracking-action){display:grid}}
/* Fit branding and account/cart controls without page-wide horizontal scrolling. */
@media(max-width:700px){.site-header{gap:.5rem}.brand{gap:.3rem}.brand img:first-child{width:34px;height:34px}.brand img:nth-child(2){width:100px}.header-actions{gap:.1rem}.header-action{min-width:42px}.header-action b{font-size:.58rem}}