/*
Theme Name: Nightshift Topic
Theme URI: https://example.com/nightshift-topic
Author: OpenAI
Description: Dark alternative-retail WooCommerce theme with dense promo, category, product, filter and mobile shopping patterns. Includes a one-click demo store installer.
Version: 1.0.0
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: nightshift-topic
*/
:root{--ink:#050505;--paper:#fff;--muted:#f3f3f3;--line:#d9d9d9;--accent:#d51f2f;--accent2:#760014;--text:#111;--soft:#6a6a6a;--max:1440px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.35}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:min(100% - 30px,var(--max));margin:auto}.site-main{min-height:60vh}.screen-reader-text{position:absolute;left:-9999px}
.promo-strip{background:#d7182a;color:#fff;text-align:center;font-weight:800;font-size:13px;letter-spacing:.02em;padding:9px 12px}.utility-bar{background:#111;color:#fff;font-size:12px}.utility-inner{display:flex;justify-content:flex-end;gap:22px;padding:8px 0;opacity:.92}.masthead{background:#000;color:#fff;border-bottom:1px solid #2b2b2b}.masthead-inner{display:grid;grid-template-columns:260px 1fr auto;gap:28px;align-items:center;padding:16px 0}.brand{font-size:31px;font-weight:1000;letter-spacing:-2px;text-transform:uppercase;white-space:nowrap}.brand span{display:inline-block;background:#fff;color:#000;padding:1px 7px;margin-right:4px;transform:skew(-7deg)}.brand small{font-size:11px;letter-spacing:2px;display:block;color:#aaa;margin-top:3px}.header-search{display:flex;background:#fff;border-radius:2px;overflow:hidden}.header-search input{border:0;padding:12px 14px;width:100%;font-size:14px;outline:0}.header-search button{border:0;background:#fff;padding:0 14px;font-size:18px;cursor:pointer}.header-actions{display:flex;gap:18px;font-weight:700;font-size:13px;align-items:center}.header-actions a{display:flex;flex-direction:column;align-items:center;gap:3px}.header-actions b{font-size:19px}.primary-nav{background:#000;color:#fff;border-top:1px solid #1e1e1e}.primary-nav ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center}.primary-nav li{position:relative}.primary-nav>div>ul>li>a,.primary-nav>ul>li>a{display:block;padding:14px 17px;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.primary-nav li:hover>a{background:#191919}.primary-nav .sub-menu{display:none;position:absolute;z-index:30;top:100%;left:0;background:#fff;color:#111;min-width:230px;padding:10px 0;box-shadow:0 8px 25px #0004}.primary-nav li:hover>.sub-menu{display:block}.primary-nav .sub-menu a{display:block;padding:9px 15px;font-weight:700;font-size:13px}.mobile-toggle{display:none;background:transparent;border:0;color:#fff;font-size:26px}
.hero{position:relative;background:linear-gradient(115deg,#080808 0%,#080808 45%,#3d0010 100%);min-height:470px;display:grid;place-items:center;overflow:hidden;color:#fff}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 50%,#d51f2f55,transparent 33%),repeating-linear-gradient(135deg,transparent 0 14px,#ffffff08 14px 15px)}.hero-content{position:relative;z-index:2;text-align:center;max-width:780px;padding:50px 20px}.eyebrow{font-weight:900;letter-spacing:.25em;font-size:13px;text-transform:uppercase}.hero h1{font-size:clamp(44px,8vw,96px);line-height:.88;text-transform:uppercase;margin:12px 0;letter-spacing:-.055em}.hero p{font-size:18px;max-width:620px;margin:18px auto}.btn{display:inline-block;background:#fff;color:#000;border:2px solid #fff;padding:13px 24px;font-weight:900;text-transform:uppercase;font-size:13px;letter-spacing:.05em}.btn.dark{background:#000;color:#fff;border-color:#000}.btn.red{background:var(--accent);border-color:var(--accent);color:#fff}.hero .btn{margin:5px}
.section{padding:38px 0}.section-title{text-align:center;text-transform:uppercase;font-size:28px;font-weight:1000;letter-spacing:-.025em;margin:0 0 22px}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.category-card{background:#111;color:#fff;text-align:center;min-height:185px;display:flex;align-items:flex-end;justify-content:center;padding:16px;position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#241019,#111 50%,#49101b);transform:scale(1);transition:.25s}.category-card:nth-child(2n):before{background:linear-gradient(135deg,#191919,#313131)}.category-card:hover:before{transform:scale(1.06)}.category-card span{z-index:1;font-weight:1000;text-transform:uppercase;font-size:15px}.feature-band{background:#efefef;padding:26px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{background:#fff;border:1px solid #dedede;text-align:center;padding:25px 18px}.feature strong{display:block;text-transform:uppercase;font-size:20px;margin-bottom:6px}.feature small{color:#555}
.products-grid,.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(5,1fr);gap:20px!important;margin:0!important;padding:0!important}.products-grid .product,.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;position:relative}.product-thumb{aspect-ratio:4/5;background:linear-gradient(135deg,#e9e9e9,#fafafa);display:grid;place-items:center;overflow:hidden;position:relative}.product-thumb img,.woocommerce ul.products li.product img{width:100%;aspect-ratio:4/5;object-fit:cover;margin:0 0 9px!important;background:#eee}.placeholder-art{width:68%;aspect-ratio:1;display:grid;place-items:center;border:7px solid #111;font-size:40px;font-weight:1000;transform:rotate(-6deg);background:#fff;box-shadow:13px 13px 0 var(--accent)}.sale-badge,.woocommerce span.onsale{position:absolute!important;top:8px!important;left:8px!important;right:auto!important;background:#d7192c!important;color:#fff!important;border-radius:0!important;min-height:0!important;line-height:1!important;padding:7px 9px!important;font-size:11px!important;font-weight:900!important;text-transform:uppercase;z-index:4}.quick-view{position:absolute;left:8px;right:8px;bottom:8px;background:#fff;color:#000;border:1px solid #000;padding:10px;text-align:center;font-size:12px;font-weight:900;text-transform:uppercase;opacity:0;transition:.2s}.product-thumb:hover .quick-view{opacity:1}.product-name,.woocommerce ul.products li.product .woocommerce-loop-product__title{font-weight:700!important;font-size:13px!important;line-height:1.3!important;padding:0!important;margin:3px 0 5px!important}.price,.woocommerce ul.products li.product .price{font-weight:900!important;font-size:15px!important;color:#111!important}.product-promo{font-size:11px;font-weight:800;color:#8d0011;margin-top:6px}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.single_add_to_cart_button{border-radius:0!important;background:#000!important;color:#fff!important;font-weight:900!important;text-transform:uppercase!important;padding:13px 18px!important}.woocommerce a.button:hover,.woocommerce button.button:hover{background:#d7192c!important;color:#fff!important}
.split-promos{display:grid;grid-template-columns:1fr 1fr;gap:16px}.promo-tile{min-height:330px;background:linear-gradient(120deg,#111,#50000f);color:#fff;display:flex;align-items:flex-end;padding:26px;position:relative;overflow:hidden}.promo-tile:nth-child(2){background:linear-gradient(120deg,#e8e8e8,#999);color:#000}.promo-tile h3{font-size:34px;text-transform:uppercase;margin:0 0 10px;line-height:.95}.promo-copy{position:relative;z-index:2}.newsletter{background:#080808;color:#fff;text-align:center;padding:35px 15px}.newsletter h2{margin:0 0 7px;text-transform:uppercase}.newsletter form{max-width:560px;margin:18px auto 0;display:flex}.newsletter input{flex:1;padding:13px;border:0}.newsletter button{background:var(--accent);color:#fff;border:0;font-weight:900;text-transform:uppercase;padding:0 20px}.site-footer{background:#111;color:#fff;padding:35px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:30px}.site-footer h4{text-transform:uppercase;margin-top:0}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:8px 0;font-size:13px;color:#ccc}.copyright{border-top:1px solid #333;margin-top:30px;padding-top:17px;color:#999;font-size:12px}
.shop-shell{display:grid;grid-template-columns:240px 1fr;gap:32px;padding:30px 0}.shop-sidebar{border:1px solid #ddd}.shop-sidebar h3{margin:0;background:#111;color:#fff;padding:14px;text-transform:uppercase;font-size:14px}.filter-group{padding:15px;border-top:1px solid #ddd}.filter-group strong{display:block;text-transform:uppercase;font-size:13px;margin-bottom:8px}.filter-group label{display:block;margin:8px 0;font-size:13px}.shop-top{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #ddd;padding-bottom:15px;margin-bottom:18px}.shop-top h1{margin:0;text-transform:uppercase;font-size:28px}.filter-toggle{display:none}.woocommerce .woocommerce-ordering select{padding:9px;border:1px solid #bbb}.woocommerce div.product{padding:30px 0}.woocommerce div.product div.images img{background:#eee}.woocommerce div.product .product_title{text-transform:uppercase;font-weight:1000}.woocommerce-tabs{margin-top:30px}.woocommerce-message,.woocommerce-info{border-top-color:#d7192c!important}.woocommerce-message::before,.woocommerce-info::before{color:#d7192c!important}
.demo-note{background:#fff6d8;border:1px solid #e2cd80;padding:12px 14px;font-size:13px;margin:15px 0}.page-wrap{padding:35px 0}.page-wrap h1{text-transform:uppercase}.mobile-bottom{display:none}
@media(max-width:1100px){.masthead-inner{grid-template-columns:220px 1fr auto}.category-grid{grid-template-columns:repeat(3,1fr)}.products-grid,.woocommerce ul.products{grid-template-columns:repeat(4,1fr)}.primary-nav>div>ul>li>a,.primary-nav>ul>li>a{padding:13px 9px;font-size:11px}}
@media(max-width:820px){body{padding-bottom:58px}.utility-bar{display:none}.masthead-inner{grid-template-columns:auto 1fr auto;padding:10px 0}.mobile-toggle{display:block}.brand{font-size:21px;letter-spacing:-1px}.brand small{display:none}.header-search{grid-column:1/-1;grid-row:2}.header-actions a:nth-child(1){display:none}.primary-nav{display:none;position:absolute;z-index:50;width:100%;max-height:70vh;overflow:auto}.primary-nav.open{display:block}.primary-nav ul{display:block}.primary-nav li .sub-menu{position:static;display:none!important;box-shadow:none;background:#171717;color:#fff}.primary-nav li:hover>.sub-menu{display:block!important}.hero{min-height:400px}.hero h1{font-size:54px}.category-grid{grid-template-columns:repeat(3,1fr);gap:8px}.category-card{min-height:130px}.products-grid,.woocommerce ul.products{grid-template-columns:repeat(2,1fr);gap:14px!important}.split-promos{grid-template-columns:1fr}.promo-tile{min-height:270px}.feature-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.shop-shell{grid-template-columns:1fr}.shop-sidebar{display:none}.shop-sidebar.open{display:block}.filter-toggle{display:inline-block}.mobile-bottom{position:fixed;z-index:80;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #ccc;display:grid;grid-template-columns:repeat(4,1fr);height:58px}.mobile-bottom a{display:grid;place-items:center;font-size:11px;font-weight:800}.mobile-bottom b{display:block;font-size:18px;text-align:center}.quick-view{display:none}}
@media(max-width:520px){.container{width:min(100% - 20px,var(--max))}.masthead-inner{grid-template-columns:auto 1fr auto;gap:10px}.header-actions{gap:8px}.header-actions a{font-size:10px}.category-grid{grid-template-columns:repeat(2,1fr)}.category-card{min-height:118px}.section{padding:28px 0}.section-title{font-size:23px}.hero{min-height:360px}.hero h1{font-size:45px}.hero p{font-size:15px}.split-promos .promo-tile{min-height:230px}.promo-tile h3{font-size:28px}.footer-grid{grid-template-columns:1fr}.newsletter form{display:block}.newsletter input,.newsletter button{width:100%;padding:13px}.woocommerce ul.products li.product .button{width:100%;text-align:center;font-size:11px;padding:10px 6px!important}}