/*
Theme Name: kubrixxx Bare
Template: storefront
Version: 4.4.0
Description: Flat, hard-edged, one colour per page. Local poster and geometric typography.
*/

:root{
  --c:#ff3b30;            /* page colour, overridden per page below */
  --ink:#fff;
  --dim:#a9a9a9;
  --rule:rgba(255,255,255,.28);
  --wrap:960px;
  --font-ui:"Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;
  --font-display:"Arial Narrow",Arial,system-ui,sans-serif;
}
html.kx-fonts-ready{
  --font-ui:"KX Space Grotesk","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-display:"KX Barlow Condensed","Arial Narrow",Arial,sans-serif;
}
body.home{--c:#ff3b30}
body.page-id-319,body.post-type-archive-product,body.tax-product_cat,body.single-product{--c:#ffd60a}
body.page-id-881{--c:#30d158}
body.page-id-178{--c:#0a84ff}
body.page-id-819{--c:#ff9f0a}
body.page-id-179{--c:#ff375f}
body.page-id-8,body.woocommerce-checkout{--c:#64d2ff}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{font-family:var(--font-ui);line-height:1.65;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:var(--font-ui)}
body{
  margin:0;color:#dcdcdc;text-shadow:none;min-height:100vh;font-family:var(--font-ui);
  background:#000;
}
body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100vh;height:100lvh;z-index:-1;pointer-events:none;background:linear-gradient(rgba(0,0,0,.78),rgba(0,0,0,.78)),url("https://kubrixxx.com/wp-content/uploads/2024/03/murkyclouds.png") center / cover no-repeat;-webkit-transform:translateZ(0);transform:translateZ(0)}
#page{max-width:var(--wrap);margin:0 auto;padding:0 32px;background:transparent !important;box-shadow:none !important;min-height:100vh;display:flex;flex-direction:column}
.col-full{max-width:none !important;margin:0 !important;padding:0 !important}
::selection{background:var(--c);color:#000}
a{color:#fff;text-decoration:none;transition:color .12s}
.entry-content a:not(.button):not(.music-link-icon){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.entry-content a:not(.button):hover{color:var(--c)}
img{max-width:100%;height:auto}
hr{border:0;border-top:1px solid var(--rule);margin:3rem 0}
:focus-visible{outline:2px solid var(--c);outline-offset:3px}

/* ---------- Header ---------- */
.site-header{
  display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;
  padding:32px 0 18px;margin:0;background:transparent !important;border:0 !important;border-bottom:1px solid var(--rule) !important;box-shadow:none !important;
}
.site-header .col-full{display:contents}
.site-branding{flex:0 0 auto;margin:0 !important;width:auto !important;float:none !important}
.site-header .custom-logo-link{display:block}
.site-header .custom-logo-link img{width:60px !important;max-width:60px !important;height:auto !important;display:block}
.site-search,.widget_product_search,.site-header-cart,.storefront-handheld-footer-bar,button.menu-toggle,.handheld-navigation,ul#menu-primary-1,header#masthead:nth-of-type(2){display:none !important}
.storefront-primary-navigation{background:transparent !important;border:0 !important;width:auto !important;float:none !important;margin:0 !important}
.main-navigation,.primary-navigation{display:block !important;max-height:none !important;overflow:visible !important;width:auto !important;float:none !important;margin:0 !important;clear:none !important}
.main-navigation ul{list-style:none;margin:0;padding:0;display:flex;gap:28px;flex-wrap:wrap;align-items:flex-end;justify-content:flex-end}
.main-navigation li{margin:0;float:none}
.main-navigation ul li a,.main-navigation a,.primary-navigation a{
  display:block;color:#fff !important;font-weight:700;font-size:11px;letter-spacing:.22em;text-transform:uppercase;
  padding:4px 0;border:0;border-bottom:2px solid transparent;border-radius:0;background:none !important;text-shadow:none;
}
.main-navigation a:hover{color:var(--c) !important}
.main-navigation .current-menu-item>a,.main-navigation .current_page_item>a{color:var(--c) !important;border-bottom-color:var(--c)}

/* ---------- Page ---------- */
.storefront-breadcrumb,.woocommerce-breadcrumb{display:none !important}
#primary,#secondary,.content-area{width:100% !important;float:none !important;margin:0 !important}
#secondary{display:none !important}
.site-main{margin:0}
.hentry{margin:0;padding:64px 0 0;background:none;border:0;box-shadow:none}
.entry-header{margin:0 0 40px;padding:0;border:0}
.entry-title,.hentry h1{margin:0;color:var(--c) !important;font-family:var(--font-display);font-size:clamp(52px,9vw,104px);line-height:.92;font-weight:800;letter-spacing:.005em;text-transform:uppercase;text-shadow:none !important}
.home .entry-header{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0;padding:0}
.home .hentry{padding-top:48px}
.entry-content{font-size:16px;line-height:1.7;max-width:660px}
.entry-content p{margin:0 0 1.2em}
.entry-content strong,.entry-content b{color:#fff}
.entry-content h2,.entry-content h3,.hentry h2,.hentry h3{color:#fff !important;text-shadow:none !important;text-transform:uppercase;letter-spacing:.2em;font-weight:700;font-size:11px;margin:2.6em 0 1em}
.entry-content>ul{padding-left:0;list-style:none;border-top:1px solid var(--rule)}
.entry-content>ul>li{margin:0;padding:.7em 0;border-bottom:1px solid var(--rule)}
.text-center{text-align:left}
.wp-block-columns{display:block;margin:0}
.wp-block-column{flex:none;width:100%}
.entry-content:has(.wp-block-column),.entry-content:has(.landing-page-wrapper),.entry-content:has(.music-links-wrapper),.entry-content:has(.wpforms-container){max-width:none}
.wpforms-container,.entry-content>p{max-width:660px}

/* ---------- Buttons ---------- */
.button,button.button,.wp-block-button__link,.wc-block-grid__product-add-to-cart a,a.add_to_cart_button,input[type=submit],.wpforms-submit,button[type=submit]:not(.search-submit){
  display:inline-block;background:transparent !important;color:#fff !important;border:1px solid #fff !important;border-radius:0 !important;box-shadow:none !important;
  padding:.95em 1.6em !important;font-size:11px !important;font-weight:700 !important;letter-spacing:.2em;text-transform:uppercase;text-decoration:none !important;text-shadow:none !important;
  cursor:pointer;transition:background .12s,color .12s;line-height:1.2;
}
.button:hover,.wp-block-button__link:hover,a.add_to_cart_button:hover,input[type=submit]:hover,.wpforms-submit:hover{background:var(--c) !important;border-color:var(--c) !important;color:#000 !important;opacity:1;transform:none}
.button.alt,.button.checkout-button{background:#fff !important;color:#000 !important}

/* ---------- Product grids ---------- */
ul.products,.wc-block-grid__products{
  display:grid !important;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:40px 24px;list-style:none !important;margin:1.6rem 0 0 !important;padding:0 !important;
}
ul.products::before,ul.products::after,.wc-block-grid__products::before,.wc-block-grid__products::after{content:none !important;display:none !important}
ul.products li.product,.wc-block-grid__product{
  width:auto !important;max-width:none !important;float:none !important;margin:0 !important;padding:0 !important;list-style:none !important;border:0;background:none;
  display:flex;flex-direction:column;text-align:left;position:relative;
}
ul.products li.product a.woocommerce-LoopProduct-link,.wc-block-grid__product-link{display:block;text-decoration:none !important;color:#fff}
ul.products li.product img,.wc-block-grid__product-image img{width:100% !important;height:auto !important;aspect-ratio:1;object-fit:cover;border-radius:0;margin:0 0 14px !important;display:block;box-shadow:none;transition:opacity .12s}
ul.products li.product:hover img,.wc-block-grid__product:hover img{opacity:.8}
.woocommerce-loop-product__title,.wc-block-grid__product-title{color:#fff !important;font-size:12px !important;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0 0 4px !important;padding:0 !important;text-shadow:none}
ul.products li.product:hover .woocommerce-loop-product__title{color:var(--c) !important}
.price,.wc-block-grid__product-price{display:block;color:var(--dim) !important;font-size:13px;margin:0 0 14px}
.price ins{background:none;color:#fff;text-decoration:none}
ul.products li.product .button,.wc-block-grid__product-add-to-cart{margin-top:auto !important}
.wc-block-grid__product-add-to-cart a{width:auto}
.onsale{position:absolute;top:0;left:0;background:var(--c);color:#000;border-radius:0;padding:.35em .8em;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;min-height:0;min-width:0;line-height:1.4;z-index:2}
.woocommerce-result-count,.woocommerce-ordering{color:var(--dim);font-size:12px}
.woocommerce-pagination ul{display:flex;gap:0;justify-content:flex-start;list-style:none;padding:0;border:0 !important}
.woocommerce-pagination li{border:0 !important}
.woocommerce-pagination a,.woocommerce-pagination span{display:block;padding:8px 14px;border:1px solid var(--rule);margin-right:-1px;color:#fff;background:transparent}
.woocommerce-pagination .current{background:var(--c);border-color:var(--c);color:#000}

/* ---------- Home ---------- */
.landing-page-wrapper{display:block}
.landing-page-wrapper hr{display:none}
.content-square{margin:0}
.content-square-header{margin:4rem 0 22px}
.content-square-header h2,.content-square-header a h2{margin:0 !important;font-size:11px !important;letter-spacing:.24em !important;color:var(--c) !important;display:flex;align-items:center;gap:16px}
.content-square-header h2::after{content:"";flex:1;height:1px;background:var(--rule)}
.content-square-header a:hover h2{color:#fff !important}
.content-square-main{text-align:left}
.content-square-main>img{display:block;width:100%;max-width:420px !important;margin:0 0 1.6rem !important;border-radius:0;box-shadow:none}
.content-square-main>p{font-size:16px;max-width:560px;margin-left:0;margin-right:0}
.content-square-main iframe{display:block;width:100%;max-width:760px;height:auto;aspect-ratio:16/9;margin:0 0 1.2rem;border:0;border-radius:0;box-shadow:none;background:#000}
.content-square-main>a:has(.button){display:block;margin:2rem 0 0}
.content-square-header:has(a[href*="buy-beats"]),.content-square-header:has(a[href*="buy-beats"])+.content-square-main{display:none}
img[src*="AKAIMPCLIVE"],a[href*="buy-beats"]{display:none !important}

/* ---------- Listen ---------- */
.music-links-wrapper{display:flex;flex-wrap:wrap;gap:20px;margin:2.4rem 0 0}
.music-links-wrapper br{display:none}
.music-link-icon{display:block;width:64px;height:64px;padding:0;transition:opacity .12s}
.music-link-icon svg{display:block;width:100%;height:100%}
.music-link-icon .st0{fill:#ff0033}
.music-link-icon .st1{fill:#fff}
.music-link-icon:hover{opacity:.55}

/* ---------- Forms ---------- */
.entry-content label,.wpforms-field-label,.woocommerce form .form-row label,
div.wpforms-container-full .wpforms-form .wpforms-field-label,div.wpforms-container-full .wpforms-form label{
  display:block;margin:0 0 8px;color:#fff !important;font-weight:700;font-size:11px;letter-spacing:.2em;text-transform:uppercase;text-shadow:none
}
div.wpforms-container-full .wpforms-form .wpforms-field-sublabel,div.wpforms-container-full .wpforms-form .wpforms-field-description{color:var(--dim) !important}
div.wpforms-container-full,div.wpforms-container-full .wpforms-form{--wpforms-label-color:#fff;--wpforms-label-sublabel-color:#a9a9a9;--wpforms-label-error-color:#ff6b6b}
.wpforms-required-label,.required{color:var(--c) !important;text-decoration:none}
input[type=text],input[type=email],input[type=tel],input[type=url],input[type=number],input[type=password],input[type=search],textarea,select,.wpforms-field input,.wpforms-field textarea{
  width:100%;max-width:none !important;background:transparent !important;color:#fff !important;border:0 !important;border-bottom:1px solid #fff !important;border-radius:0 !important;
  padding:12px 0 !important;font:inherit;font-size:16px !important;line-height:1.4;box-shadow:none !important;
}
input::placeholder,textarea::placeholder{color:#777}
input:focus,textarea:focus,select:focus{outline:0 !important;border-bottom-color:var(--c) !important;box-shadow:0 1px 0 var(--c) !important}
textarea{min-height:140px;border:1px solid #fff !important;padding:12px !important}
.wpforms-field{padding:0 0 26px !important}
.wpforms-container{margin:2.4rem 0 0}
.wpforms-submit-container{padding:4px 0 0 !important}
.wpforms-confirmation-container-full{background:transparent !important;border:1px solid var(--c) !important;color:#fff !important;border-radius:0}
.wpforms-error{color:#ff6b6b !important;font-size:12px;margin-top:6px}

/* ---------- Cart / checkout / notices ---------- */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-notice{
  background:transparent !important;color:#fff !important;border:1px solid var(--rule) !important;border-left:4px solid var(--c) !important;border-radius:0;padding:16px 20px !important;margin:0 0 24px !important;list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:14px;
}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{display:none !important}
.woocommerce-message .button,.woocommerce-info .button{order:2;margin-left:auto}
.return-to-shop{margin:0}
table.shop_table{width:100%;border-collapse:collapse;border:0 !important;background:transparent;color:#fff}
table.shop_table th,table.shop_table td{padding:14px 10px !important;border:0 !important;border-bottom:1px solid var(--rule) !important;background:transparent !important;color:#fff;text-align:left}
table.shop_table th{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}
.cart_totals h2,.woocommerce-billing-fields h3,#order_review_heading{font-size:11px !important}
.woocommerce-checkout #payment{background:transparent !important;border-radius:0;border:1px solid var(--rule)}
.woocommerce-checkout #payment div.payment_box{background:transparent !important;color:#ddd;border-radius:0}
.woocommerce-checkout #payment div.payment_box::before{display:none}
.woocommerce-checkout #payment ul.payment_methods{border-bottom:1px solid var(--rule) !important}
.select2-container .select2-selection--single{height:auto !important;background:transparent !important;border:0 !important;border-bottom:1px solid #fff !important;border-radius:0 !important;padding:8px 0}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:#fff !important;padding-left:0}
.quantity .qty{width:5em !important;text-align:center}
.product .summary .price{font-size:22px;color:#fff !important}
.single-product div.product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.single-product div.product .woocommerce-product-gallery,.single-product div.product .summary{width:100% !important;float:none !important;margin:0 !important}
.single-product div.product .woocommerce-tabs,.single-product div.product .related,.single-product div.product .upsells{grid-column:1/-1}
.woocommerce-tabs ul.tabs{list-style:none;padding:0;display:flex;gap:24px;border:0 !important}
.woocommerce-tabs ul.tabs::before{display:none !important}
.woocommerce-tabs ul.tabs li{background:transparent !important;border:0 !important;border-radius:0 !important;margin:0 !important;padding:0 !important}
.woocommerce-tabs ul.tabs li::before,.woocommerce-tabs ul.tabs li::after{display:none !important}
.woocommerce-tabs ul.tabs li a{padding:4px 0 !important;display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;border-bottom:2px solid transparent}
.woocommerce-tabs ul.tabs li.active a{color:var(--c);border-bottom-color:var(--c)}

/* ---------- Footer ---------- */
.site-footer{margin:80px 0 0;padding:20px 0 40px;border-top:1px solid var(--rule);background:transparent !important;color:var(--dim);text-align:left;font-size:10px;letter-spacing:.22em;text-transform:uppercase}
.site-social{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0 0 16px}
.site-social a{color:#fff !important}
.site-social a:hover{color:var(--c) !important}
.site-footer a[href*="woocommerce.com"],.site-info br{display:none}
.site-footer,.site-footer a{color:var(--dim)}

/* ---------- Responsive ---------- */
@media(max-width:720px){
  .site-header{flex-direction:column;align-items:flex-start;gap:20px}
  .main-navigation ul{justify-content:flex-start;gap:8px 20px}
  .single-product div.product{grid-template-columns:1fr}
}
@media(max-width:640px){
  #page{padding:0 18px}
  .hentry{padding-top:44px}
  ul.products,.wc-block-grid__products{grid-template-columns:repeat(2,1fr);gap:28px 14px}
}
@media(prefers-reduced-motion:reduce){*{transition:none !important}}
.content-square-main .wc-block-grid{margin-bottom:2.4rem}