/*
Theme Name: Spectral Vision Divi Child Theme
Theme URI: https://spectralvision.media/
Description: Divi Child Theme
Author: Spectral Vision
Author URI: https://spectralvision.media/
Template: Divi
Version: Updated for Divi 4+
*/

/*------------------------------------------------*/
/*-------------------[GENERAL]--------------------*/
/*------------------------------------------------*/
.et_pb_image .et_pb_image_wrap img{object-fit: cover!important}
.subtext h1, .subtext h2, .subtext h3, .subtext h4, .subtext h5, .subtext h6{padding: 0;}

@media all and (max-width: 980px) {
.custom_row {display: flex; flex-wrap: wrap;}
.first-on-mobile {order: 1;}
.second-on-mobile {order: 2;}
.third-on-mobile {order: 3;}
.fourth-on-mobile {order: 4;}
.special-row .et_pb_row{display: flex; flex-direction: column-reverse;}
}
ol li {padding: 0px 0 12px 7px; margin:0 0 0 20px;}
ol {list-style-type:decimal!important; list-style-position:outside!important;}
.bullet-col ul{columns: auto 15rem}
@media only screen and (max-width: 600px) {
  .footer-sec .et_pb_column{width: 100%!important;}
}
@media only screen and (max-width: 980px) {
   .tablet-mobile-reverse {display: flex; flex-direction: column-reverse;}
   .tablet-mobile-reverse .et_pb_column:first-child {margin-bottom: 0px !important;}
   .tablet-mobile-reverse .et-last-child {margin-bottom: 30px !important;}
}

/*------------------------------------------------*/
/*-----[TOP NOTCH SPORTS — BRAND / WOO SKIN]------*/
/*------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Inter:wght@400;600;700;800&display=swap');

:root{
  --tn-ink:#0A0D10; --tn-ink2:#12161B; --tn-paper:#F6F5F2;
  --tn-gold:#B08D4F; --tn-gold2:#C9A45F; --tn-gold-deep:#8A6B38; --tn-gold-pale:#E4CE9C;
  --tn-grad:linear-gradient(100deg,#8A6B38 0%,#C9A45F 42%,#F1DCA8 55%,#C9A45F 68%,#8A6B38 100%);
}

/* Divi header -> black/gold */
#main-header, #top-header{background-color:var(--tn-ink)!important}
#main-header{box-shadow:0 1px 0 rgba(201,164,95,.25)}
#top-menu li a{color:#A9AFB8!important;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:13px}
#top-menu li a:hover, #top-menu li.current-menu-item > a{color:var(--tn-gold2)!important;opacity:1}
#main-header .logo_container img{max-height:52px}
#et-top-navigation .et-cart-info{color:var(--tn-gold2)!important}
.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation{padding-top:24px}
#main-footer, #footer-bottom{background-color:var(--tn-ink)!important}
#footer-bottom .container, #footer-info{color:#A9AFB8}
#main-footer{border-top:2px solid rgba(201,164,95,.3)}

/* Headings on Woo/native pages */
.woocommerce h1, .woocommerce-page h1, .woocommerce h2, .woocommerce-page h2,
h1.product_title, .woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:'Oswald',sans-serif!important;text-transform:uppercase;letter-spacing:.01em}
body.woocommerce, body.woocommerce-page{font-family:'Inter',sans-serif}
.woocommerce-page #main-content{background:var(--tn-paper)}

/* Buttons -> gold gradient */
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button,
.woocommerce input.button, .woocommerce button.button.alt, .woocommerce a.button.alt,
.woocommerce input.button.alt, .woocommerce #payment #place_order,
body .et_pb_button, .single_add_to_cart_button{
  background:var(--tn-grad)!important;background-size:200% 100%!important;color:#161005!important;
  font-family:'Oswald',sans-serif!important;text-transform:uppercase;letter-spacing:.08em;
  border:none!important;border-radius:6px!important;padding:.8em 1.8em!important;transition:all .2s!important}
.woocommerce a.button:hover, .woocommerce button.button:hover, .single_add_to_cart_button:hover{
  background-position:90% 0!important;transform:translateY(-1px)}

/* Product cards in shop loop -> match .p-card look */
.woocommerce ul.products li.product{background:#fff;border:1px solid #E2DFD8;border-radius:18px;
  padding:14px;box-shadow:0 10px 30px rgba(10,13,16,.08);transition:transform .2s,box-shadow .2s}
.woocommerce ul.products li.product:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(10,13,16,.16)}
.woocommerce ul.products li.product img{border-radius:10px}
.woocommerce ul.products li.product .price, .woocommerce div.product p.price{
  color:#15181C;font-weight:800;font-family:'Inter',sans-serif}
.woocommerce ul.products li.product .price .woocommerce-Price-amount{color:#15181C}
.woocommerce span.onsale{background:var(--tn-gold);color:#161005}

/* Single product */
.woocommerce div.product div.images img{border:1px solid #E2DFD8;border-radius:18px;background:#fff}
.woocommerce div.product .product_meta .sku_wrapper{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#4A5058;font-weight:700}
table.variations label{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:13px}

/* Breadcrumb + notices */
.woocommerce-message, .woocommerce-info{border-top-color:var(--tn-gold)}
.woocommerce-message::before, .woocommerce-info::before{color:var(--tn-gold-deep)}

/* Category archive titles */
.woocommerce-products-header__title.page-title{font-size:42px}

/*------------------------------------------------*/
/*-----[FULL-WIDTH STORE PAGES]-------------------*/
/*  store pages were boxed to Divi's 1080px column; widen to fill the screen  */
/*------------------------------------------------*/
body.woocommerce #main-content > .container,
body.woocommerce-page #main-content > .container,
body.post-type-archive-product #main-content > .container,
body.tax-product_cat #main-content > .container,
body.single-product #main-content > .container,
body.woocommerce-cart #main-content > .container,
body.woocommerce-checkout #main-content > .container,
body.woocommerce-account #main-content > .container{
  width:94%!important;max-width:1600px!important}

body.woocommerce #left-area, body.woocommerce-page #left-area,
body.post-type-archive-product #left-area, body.tax-product_cat #left-area,
body.single-product #left-area, body.woocommerce-cart #left-area,
body.woocommerce-checkout #left-area, body.woocommerce-account #left-area{
  width:100%!important;padding:0!important;float:none!important}
body.woocommerce #sidebar, body.woocommerce-page #sidebar,
body.post-type-archive-product #sidebar, body.tax-product_cat #sidebar,
body.single-product #sidebar{display:none!important}
body.woocommerce #main-content .container:before,
body.woocommerce-page #main-content .container:before{display:none!important}

/* product + category grids fill the full width (auto-fit columns, not Divi 3-up float) */
body.post-type-archive-product .woocommerce ul.products,
body.tax-product_cat .woocommerce ul.products,
.woocommerce ul.products.columns-3, .woocommerce ul.products.columns-4{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(258px,1fr))!important;
  gap:clamp(16px,1.8vw,28px)!important;margin:0!important}
.woocommerce ul.products li.product, .woocommerce ul.products li.product-category{
  width:auto!important;margin:0!important;float:none!important;clear:none!important}

/*------------------------------------------------*/
/*-----[FULL-BLEED DESIGN PAGES]------------------*/
/*  home / about / faq / gallery / contact are raw-HTML on the Divi Blank      */
/*  template; Divi wrapped them in a 1080px row (white side borders). Unbox it  */
/*  so the Fable 5 sections span the full viewport (inner content stays         */
/*  centered by its own max-width).                                            */
/*------------------------------------------------*/
body.page-template-page-template-blank-php #main-content,
body.page-template-page-template-blank-php #et-boc .et-l,
body.page-template-page-template-blank-php .et_builder_inner_content{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important}
body.page-template-page-template-blank-php .et_pb_section{padding:0!important;width:100%!important;max-width:100%!important}
body.page-template-page-template-blank-php .et_pb_row,
body.page-template-page-template-blank-php .et_pb_row_inner{
  width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
body.page-template-page-template-blank-php .et_pb_column,
body.page-template-page-template-blank-php .et_pb_column_inner{padding:0!important;margin:0!important;width:100%!important}
body.page-template-page-template-blank-php .et_pb_text,
body.page-template-page-template-blank-php .et_pb_text_inner,
body.page-template-page-template-blank-php .et_pb_module{width:100%!important;max-width:100%!important;margin:0!important}