/*
Theme Name: CrossBins Innovations
Theme URI: https://crossbins.com
Author: CrossBins Innovations
Description: Custom industrial technology storefront theme with WooCommerce support. Based on approved CrossBins visual reference.
Version: 1.7.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: crossbins
*/
:root{--blue:#0799ff;--navy:#0c1823;--ink:#0b1624;--muted:#647184}*{box-sizing:border-box}body{margin:0;font:15px/1.5 Arial,Helvetica,sans-serif;color:var(--ink);background:#f5f8fb}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}.wrap{max-width:1200px;width:calc(100% - 80px);margin-left:auto;margin-right:auto;padding:0}.top{background:#0b151e;color:#fff}.top-inner{min-height:164px;display:flex;align-items:center;gap:4%;}.brand{display:flex;align-items:center;justify-content:flex-start;flex:0 0 230px;min-width:0;background:transparent}.brand-mark{height:43px;width:43px;display:grid;place-items:center;color:#04a1ff;font-size:37px;font-weight:900}.brand-title{font-size:29px;font-weight:800;letter-spacing:-1px;line-height:1}.brand-tag{font-size:8px;letter-spacing:2.1px;color:#c4d2de}.search{flex:1;display:flex;max-width:490px}.search input{width:100%;border:0;padding:13px 17px;border-radius:7px 0 0 7px;background:#f3f6fa;min-width:0}.search button,.btn{background:var(--blue);color:white;border:0;border-radius:6px;padding:12px 21px;font-weight:700}.search button{border-radius:0 7px 7px 0}.actions{margin-left:auto;display:flex;align-items:center;gap:19px;font-size:12px}.actions a:hover,.nav a:hover{color:#28a9ff}.cart-count{background:#0799ff;border-radius:12px;padding:2px 6px}.nav{background:#1a2a37;color:white}.nav-inner{display:flex;justify-content:space-between;gap:10px;align-items:center;min-height:45px}.nav a{font-size:12px;font-weight:bold;padding:13px 7px;white-space:nowrap}.nav a:first-child{color:#2aabff}.hero{background:#08121b;color:#fff;max-width:1200px;width:calc(100% - 80px);margin:14px auto 0;overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,66%) minmax(0,34%);min-height:315px}.hero-main{position:relative;min-height:315px;background:linear-gradient(90deg,#050b12 0%,rgba(5,11,18,.96) 26%,rgba(5,11,18,.1) 70%),url(assets/hero-industrial.webp) center right/cover no-repeat;display:flex;align-items:center}.hero-copy{max-width:470px;padding:28px 0 28px 4%}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700}.hero h1{font-size:clamp(34px,3.8vw,57px);line-height:.99;margin:12px 0;font-weight:900;letter-spacing:-2px}.hero h1 span,.feature h2 span{color:#1a9dff}.hero p{font-size:18px;max-width:470px;margin:0 0 18px;color:#d6e0ea}.btn-outline{border:1px solid #009eff;background:transparent;color:#39b1ff}.btns{display:flex;gap:14px;flex-wrap:wrap}.feature{background:linear-gradient(90deg,#08121a,#0c2a3c);position:relative;overflow:hidden;padding:32px 26px;min-height:315px}.feature h2{font-size:24px;line-height:1.1;margin:0 0 4px}.feature p{font-size:12px;max-width:240px}.feature img{position:absolute;right:0;bottom:0;width:83%;height:54%;object-fit:cover;object-position:center;mask-image:linear-gradient(to bottom,transparent,black 25%)}.feature .btn{position:relative;z-index:1;display:inline-block;margin-top:8px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);background:#07121b;color:#fff;padding:12px 4%;gap:12px}.benefit{display:flex;gap:12px;align-items:center;border-right:1px solid #243645;font-size:12px}.benefit b{display:block}.benefit span{color:#169fff;font-size:24px}.categories{display:grid;grid-template-columns:repeat(6,1fr);gap:11px;margin:14px 0 20px}.category{min-height:127px;border-radius:8px;overflow:hidden;position:relative;background:#12212c;color:white;display:flex;align-items:end;box-shadow:0 3px 8px #0002}.category:before{content:'';position:absolute;inset:0;background:linear-gradient(transparent 5%,#08131d 95%);z-index:1;pointer-events:none}.category img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.category .cat-label{position:relative;z-index:2;padding:10px 12px;width:100%;font-size:13px;font-weight:bold}.category small{display:block;font-weight:normal;font-size:10px;color:#e2e8f0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:12px 0}.section-heading h2{font-size:27px;margin:0;letter-spacing:-.7px}.section-heading a{color:#087ed0;font-size:13px;font-weight:bold}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.product{background:white;border-radius:10px;padding:12px;box-shadow:0 2px 13px #0b294010;display:flex;flex-direction:column;min-width:0}.product-img{width:100%;height:137px;object-fit:contain;background:#fff}.product h3{font-size:13px;margin:8px 0 0}.product .desc{font-size:11px;color:var(--muted);margin:0}.price{font-weight:800;color:#087ddd;margin:8px 0}.product .btn{padding:8px 10px;font-size:12px;text-align:center;background:#e0f2ff;color:#006ebc;margin-top:auto}.promos{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0 30px}.promo{border-radius:8px;min-height:128px;position:relative;overflow:hidden;color:#fff;padding:16px;background:#112333;display:flex;flex-direction:column;align-items:flex-start}.promo:before{content:none}.promo .promo-bg{position:absolute;inset:0;z-index:0}.promo .promo-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.promo .promo-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,12,22,.97),rgba(3,12,22,.72) 60%,rgba(3,12,22,.2))}.promo .promo-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;flex:1;width:100%;min-width:0}.promo .promo-content>*{position:relative}.promo h3{font-size:16px;margin:0}.promo p{font-size:12px;margin:4px 0 10px;max-width:195px}.promo a{margin-top:auto;font-size:12px;color:#37b0ff;border:1px solid #0a9cfb;border-radius:5px;padding:5px 12px}.content{background:#fff;padding:35px;border-radius:10px;margin:25px auto}.footer{background:#0a1620;color:#c4d3df;padding:28px 0;font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.woocommerce .button,.woocommerce button.button,.woocommerce a.button{background:#0799ff;color:white;border-radius:6px}.woocommerce div.product{background:#fff}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px)}@media(max-width:1050px){.categories{grid-template-columns:repeat(3,1fr)}.nav-inner{flex-wrap:wrap;justify-content:center}.hero-grid{grid-template-columns:1fr 40%}.products{grid-template-columns:repeat(4,1fr)}.promos{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.wrap{padding:0 4%}.top-inner{flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:12px}.brand{min-width:0}.brand-title{font-size:23px}.brand-tag{font-size:6px}.search{order:3;flex-basis:100%;max-width:none}.actions{gap:12px}.nav-inner{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}.hero-grid{grid-template-columns:1fr}.hero-main{min-height:340px}.hero-copy{padding:28px 4%}.feature{min-height:230px}.feature img{width:58%;height:70%}.benefits{grid-template-columns:repeat(2,1fr)}.categories{grid-template-columns:repeat(2,1fr)}.products{grid-template-columns:repeat(2,1fr)}.promos{grid-template-columns:1fr 1fr}.section-heading h2{font-size:22px}}@media(max-width:420px){.promos{grid-template-columns:1fr}.actions{font-size:11px}.product-img{height:110px}}


/* CrossBins v1.4: single-source header/logo layout; no image background panels */
.top,.top-inner{background:#0b151e}
.top .brand{flex:0 0 230px;max-width:230px;min-width:0;border:0;box-shadow:none;padding:0}
.top .brand-logo{display:block;width:auto;height:140px;max-width:100%;object-fit:contain;object-position:left center;background:transparent;border:0;box-shadow:none;filter:none}
.top .search{margin-left:0}
.top .actions{white-space:nowrap}
.promos .promo{isolation:isolate;min-height:155px}
.promos .promo-content h3{font-size:16px;line-height:1.25;overflow-wrap:anywhere}
.promos .promo-content p{line-height:1.4;overflow-wrap:anywhere}
@media(max-width:1050px){.top-inner{gap:22px}.top .brand{flex-basis:180px;max-width:180px}.top .brand-logo{height:115px}}
@media(max-width:720px){.wrap,.hero{width:calc(100% - 28px)}.top-inner{min-height:0;padding-top:12px;padding-bottom:12px}.top .brand{flex:0 0 120px;max-width:120px}.top .brand-logo{height:96px}.top .search{order:3;flex-basis:100%}.top .actions{margin-left:auto;flex-wrap:wrap;gap:8px}.hero{margin-top:12px}.hero-grid{grid-template-columns:1fr}.promos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.top .brand{flex-basis:100px;max-width:100px}.top .brand-logo{height:85px}.promos{grid-template-columns:1fr}}

/* v1.5 WooCommerce featured product carousel */
.cb-carousel{position:relative;background:linear-gradient(115deg,#07131f,#132b40);border-radius:3px}
.cb-slides{position:relative;min-height:390px}
.cb-slide{display:none;grid-template-columns:minmax(0,48%) minmax(0,52%);min-height:390px;align-items:center}
.cb-slide.is-active{display:grid}
.cb-slide-copy{padding:42px 28px 58px 6%;position:relative;z-index:1}
.cb-slide h1{font-size:clamp(30px,4vw,54px);line-height:1.08;letter-spacing:-1.5px;overflow-wrap:break-word}
.cb-slide p{font-size:17px;color:#d2e0eb;max-width:480px}
.cb-slide-price{font-size:24px;font-weight:800;color:#52c1ff;margin:0 0 22px}
.cb-slide-price del{font-size:16px;color:#a5b7c4;margin-right:8px}
.cb-slide-price ins{text-decoration:none}
.cb-slide-visual{height:390px;min-width:0;display:flex;align-items:center;justify-content:center;padding:22px 7% 45px;background:radial-gradient(ellipse at center,rgba(18,125,184,.22),transparent 67%)}
.cb-slide-image,.cb-slide-visual img{display:block;width:100%;height:100%;max-height:320px;object-fit:contain;filter:drop-shadow(0 16px 24px #0008)}
.cb-carousel-controls{position:absolute;bottom:10px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:16px;z-index:3}
.cb-carousel-arrow{color:white;background:#193b54;border:1px solid #4b7894;border-radius:6px;width:36px;height:30px;font-size:24px;line-height:20px}
.cb-carousel-dots{display:flex;gap:9px;align-items:center}
.cb-carousel-dot{width:10px;height:10px;border-radius:50%;border:1px solid #9ec5db;background:transparent;padding:0}
.cb-carousel-dot.is-active{background:#0799ff;border-color:#0799ff}
.cb-carousel button:focus-visible,.cb-carousel a:focus-visible{outline:2px solid #fff;outline-offset:3px}
.cb-hero-empty{min-height:280px;padding:50px 5%}
.cb-hero-empty h1{font-size:clamp(30px,4vw,52px)}
@media(max-width:720px){.cb-slide{grid-template-columns:1fr}.cb-slide-copy{padding:28px 5% 8px}.cb-slide-visual{height:240px;padding:8px 7% 48px}.cb-slide-image,.cb-slide-visual img{max-height:190px}.cb-slide p{font-size:15px}.cb-slide-price{margin-bottom:12px}.cb-slides,.cb-slide{min-height:0}.cb-carousel-controls{bottom:8px}}

/* v1.6: Original CNC/PCB hero image with a left-side dark fade */
.hero.cb-carousel,.hero.cb-hero-empty{background-image:linear-gradient(90deg,rgba(4,13,23,.99) 0%,rgba(4,13,23,.97) 23%,rgba(4,13,23,.78) 43%,rgba(4,13,23,.28) 69%,rgba(4,13,23,.05) 100%),url('assets/hero-industrial.webp');background-position:center,center right;background-size:cover;background-repeat:no-repeat}
.cb-slide-visual{background:radial-gradient(ellipse at center,rgba(4,13,23,.55),rgba(4,13,23,.10) 65%,transparent 85%)}
.cb-slide-copy{text-shadow:0 2px 12px rgba(0,0,0,.65)}
.cb-hero-empty{min-height:320px;display:flex;align-items:center}
.cb-hero-empty>div{max-width:560px}
.cb-hero-empty h1{max-width:510px}
.hero+.wrap{padding-top:14px}
@media(max-width:720px){.hero.cb-carousel,.hero.cb-hero-empty{background-image:linear-gradient(90deg,rgba(4,13,23,.94),rgba(4,13,23,.70) 65%,rgba(4,13,23,.40)),url('assets/hero-industrial.webp');background-position:center,right center}.cb-slide-visual{background:rgba(4,13,23,.30)}}

/* v1.7 approved navy/blue header, independently transparent logo + tagline */
:root{--blue:#009bfa;--navy:#061522}
.top,.top-inner{background:#061522}
.top-inner{min-height:138px;gap:22px}
.top .brand{flex:0 0 175px;max-width:175px}
.top .brand-logo{width:175px;height:auto;max-height:125px;object-fit:contain}
.brand-slogan{border-left:2px solid #009bfa;padding-left:14px;display:flex;align-items:center;flex:0 1 220px;min-width:120px}
.brand-slogan img{width:100%;height:auto;max-height:70px;object-fit:contain;display:block}
.top .search{max-width:490px;flex:1 1 270px}
.nav{background:#071d2d;border-top:1px solid #183449}
.hero.cb-carousel,.hero.cb-hero-empty{border-radius:7px;background-image:linear-gradient(90deg,#041522 0%,rgba(4,21,34,.99) 24%,rgba(4,21,34,.89) 39%,rgba(4,21,34,.45) 61%,rgba(4,21,34,.05) 100%),url('assets/hero-industrial.webp');background-position:center,center right;background-size:cover}
.cb-hero-empty{min-height:365px;padding:45px 5%}
.cb-hero-empty h1{font-size:clamp(36px,4.8vw,67px);line-height:1.04;letter-spacing:-1.7px}
.cb-hero-empty h1 span{display:block;color:#009bfa}
.cb-hero-empty .eyebrow,.cb-slide .eyebrow{color:#6dcaff;letter-spacing:3px}
.cb-slide h1{color:#fff}
.cb-slide-copy{background:transparent}
.cb-slide-visual{background:linear-gradient(90deg,rgba(4,21,34,.18),transparent)}
@media(max-width:1050px){.top-inner{gap:12px}.top .brand{flex-basis:140px;max-width:140px}.top .brand-logo{width:140px;height:auto}.brand-slogan{flex-basis:175px;padding-left:9px}}
@media(max-width:720px){.top-inner{min-height:0}.top .brand{flex:0 0 108px;max-width:108px}.top .brand-logo{width:108px;height:auto}.brand-slogan{flex:1 1 130px;max-width:205px}.brand-slogan img{max-height:52px}.top .actions{width:100%;justify-content:flex-end;order:2}.top .search{order:3;flex-basis:100%;max-width:none}.hero.cb-carousel,.hero.cb-hero-empty{background-image:linear-gradient(90deg,rgba(4,21,34,.96),rgba(4,21,34,.79) 60%,rgba(4,21,34,.4)),url('assets/hero-industrial.webp')}.cb-hero-empty{min-height:330px}}