/*
Theme Name: Tecbro
Theme URI: https://dev.tecbro.co
Author: Tecbro
Author URI: https://dev.tecbro.co
Description: Cold-weather workwear storefront for Tecbro. Self-contained templates for the homepage, product page, coveralls listing, cart, checkout, fleet & bulk, pro discount, about, contact, my account, wishlist, sign in, and search. Mobile-first, accessibility-aware, with sticky header / filter bar tuned for the WordPress admin bar.
Version: 3.1.0
Requires at least: 5.9
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tecbro
Tags: e-commerce, one-column, two-columns, custom-menu, sticky-post, custom-logo, accessibility-ready, translation-ready
*/

/* === Accessibility — visually hidden helper === */
.screen-reader-text{
 border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;
 margin:-1px;overflow:hidden;padding:0;position:absolute;word-wrap:normal!important
}
.screen-reader-text:focus{
 background-color:#fff;clip:auto!important;clip-path:none;color:#0E0E0E;
 display:block;font-size:14px;font-weight:700;height:auto;left:8px;line-height:1;
 padding:14px 22px;text-decoration:none;top:8px;width:auto;z-index:100000;
 box-shadow:0 4px 14px rgba(0,0,0,0.2);border-radius:8px
}

/* === Offset the sticky header + filter bar below the WordPress admin bar === */
.admin-bar .hdr{top:32px}
.admin-bar .fbar{top:107px}
@media screen and (max-width:782px){
 .admin-bar .hdr{top:46px}
 .admin-bar .fbar{top:121px}
}

/* === Scroll-reveal — JS adds .tb-reveal, so no-JS keeps content visible === */
.tb-reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform}
.tb-reveal.tb-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.tb-reveal{opacity:1!important;transform:none!important;transition:none!important}}

/* === Generic WP page + WooCommerce content, rendered inside the Tecbro shell === */
.wp-page,.wc-wrap{padding:56px 0 80px}
.wp-page .wrap,.wc-wrap .wrap{max-width:1200px;margin:0 auto;padding:0 32px}
.wp-page-title{font-family:'Inter Tight','Inter',sans-serif;font-weight:900;font-size:clamp(30px,4.5vw,46px);letter-spacing:-0.02em;color:var(--ink,#0E0E0E);margin:0 0 24px}
.wp-page-content{font-size:16px;line-height:1.7;color:var(--ink-2,#3A3A3A)}
.wp-page-content h2{font-family:'Inter Tight','Inter',sans-serif;font-weight:800;font-size:24px;margin:32px 0 12px;color:var(--ink,#0E0E0E)}
.wp-page-content a{color:var(--accent,#0443AD);font-weight:600}
.wp-page-content img{border-radius:12px;height:auto}
.woocommerce .button,.woocommerce a.button,.woocommerce button.button,.woocommerce #respond input#submit,.woocommerce-page .button{background:var(--accent,#0443AD)!important;color:#fff!important;border-radius:99px!important;font-family:'Inter Tight','Inter',sans-serif!important;font-weight:700!important;padding:12px 26px!important;border:0!important}
.woocommerce .button:hover,.woocommerce a.button:hover{background:var(--accent-2,#375DA8)!important}
.woocommerce ul.products li.product .price{color:var(--ink,#0E0E0E);font-weight:700}
.woocommerce span.onsale{background:var(--accent,#0443AD)!important;border-radius:99px}
.woocommerce-message,.woocommerce-info{border-top-color:var(--accent,#0443AD)!important}

/* === A11y: make the header EXPLORE dropdown keyboard-operable (was hover-only) === */
.hdr .nav .has-dd:focus-within .dd{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}

/* ============================================================
   WOOCOMMERCE BRAND STYLING — Tecbro (folded into build later)
   tokens: --accent #0443AD  --accent-2 #375DA8  --accent-soft #E9F0FC
           --ink #0E0E0E --ink-2 #3A3A3A --muted #6E6B66 --line #E6E6E2
           --card #fff --bg #FAFAFA --radius 10 / 18 / 6
   ============================================================ */
.woocommerce,.woocommerce-page{font-family:'Inter','Inter Tight',sans-serif;color:var(--ink,#0E0E0E)}
.wc-wrap .wrap{max-width:1320px}

/* --- breadcrumb / result bar / ordering --- */
.woocommerce .woocommerce-breadcrumb{font-size:13px;color:var(--muted,#6E6B66);margin-bottom:22px}
.woocommerce .woocommerce-breadcrumb a{color:var(--accent,#0443AD)}
.woocommerce .woocommerce-result-count{color:var(--muted,#6E6B66);font-size:14px;padding-top:10px}
.woocommerce .woocommerce-ordering select{border:1px solid var(--line,#E6E6E2);border-radius:var(--radius,10px);padding:10px 14px;font-family:inherit;background:#fff}

/* --- PRODUCT GRID (archive / shop) --- */
.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin:0!important;padding:0;list-style:none}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;background:var(--card,#fff);border:1px solid var(--line,#E6E6E2);border-radius:var(--radius-lg,18px);padding:14px;text-align:left;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;display:flex;flex-direction:column}
.woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(4,67,173,.10);border-color:var(--accent-soft,#E9F0FC)}
.woocommerce ul.products li.product a img{border-radius:var(--radius,10px);margin-bottom:14px;aspect-ratio:4/5;object-fit:cover;width:100%}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:'Inter Tight','Inter',sans-serif;font-weight:700;font-size:16px;line-height:1.3;color:var(--ink,#0E0E0E);padding:0 4px}
.woocommerce ul.products li.product .price{display:block;padding:6px 4px 12px;font-size:16px;color:var(--ink,#0E0E0E)}
.woocommerce ul.products li.product .price del{color:var(--muted,#6E6B66);font-weight:500;margin-right:6px}
.woocommerce ul.products li.product .price ins{text-decoration:none;color:var(--accent,#0443AD)}
.woocommerce ul.products li.product .button,.woocommerce ul.products li.product .added_to_cart{margin-top:auto;width:100%;text-align:center;display:block}
.woocommerce .star-rating{color:var(--accent,#0443AD);font-size:13px;margin:2px 4px 8px}

/* --- SINGLE PRODUCT --- */
.woocommerce div.product{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:start}
.woocommerce div.product .woocommerce-product-gallery{margin:0}
.woocommerce div.product .woocommerce-product-gallery__image img{border-radius:var(--radius-lg,18px)}
.woocommerce div.product .product_title{font-family:'Inter Tight','Inter',sans-serif;font-weight:900;font-size:clamp(26px,3.4vw,40px);letter-spacing:-.02em;line-height:1.05;margin:0 0 12px}
.woocommerce div.product p.price,.woocommerce div.product span.price{font-size:26px;font-weight:800;color:var(--accent,#0443AD);margin-bottom:18px}
.woocommerce div.product .woocommerce-product-details__short-description{color:var(--ink-2,#3A3A3A);line-height:1.7;margin-bottom:22px}
.woocommerce div.product form.cart{background:var(--bg,#FAFAFA);border:1px solid var(--line,#E6E6E2);border-radius:var(--radius-lg,18px);padding:22px;margin-top:8px}
.woocommerce div.product form.cart .variations{margin-bottom:14px}
.woocommerce div.product form.cart .variations td,.woocommerce div.product form.cart .variations th{padding:6px 0;vertical-align:middle}
.woocommerce div.product form.cart .variations label{font-weight:700;font-family:'Inter Tight','Inter',sans-serif;color:var(--ink,#0E0E0E)}
.woocommerce div.product form.cart .variations select{border:1px solid var(--line,#E6E6E2);border-radius:var(--radius,10px);padding:12px 14px;font-family:inherit;background:#fff;min-width:170px}
.woocommerce div.product form.cart .quantity input.qty{border:1px solid var(--line,#E6E6E2);border-radius:var(--radius,10px);padding:12px 10px;width:74px;text-align:center;font-family:inherit}
.woocommerce div.product form.cart .single_add_to_cart_button{padding:15px 34px!important;font-size:16px!important}
.woocommerce div.product .product_meta{margin-top:18px;font-size:13px;color:var(--muted,#6E6B66)}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;border-bottom:1px solid var(--line,#E6E6E2)}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:transparent;border:0;border-radius:0;font-family:'Inter Tight','Inter',sans-serif;font-weight:700}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{border-bottom:2px solid var(--accent,#0443AD)}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}
.woocommerce .reset_variations{color:var(--muted,#6E6B66);font-size:13px}
.woocommerce-variation-price .price{font-size:20px!important}

/* --- CART --- */
.woocommerce table.shop_table{border:1px solid var(--line,#E6E6E2);border-radius:var(--radius-lg,18px);border-collapse:separate;overflow:hidden}
.woocommerce table.shop_table th{font-family:'Inter Tight','Inter',sans-serif;background:var(--bg,#FAFAFA);color:var(--ink,#0E0E0E);padding:16px}
.woocommerce table.shop_table td{padding:18px 16px;vertical-align:middle}
.woocommerce table.cart img{width:72px;border-radius:var(--radius,10px)}
.woocommerce a.remove{color:var(--warn,#C7421C)!important;border:1px solid var(--line,#E6E6E2)}
.woocommerce a.remove:hover{background:var(--warn,#C7421C)!important;color:#fff!important}
.woocommerce .cart-collaterals .cart_totals,.woocommerce-cart .cart-collaterals .cart_totals{background:var(--card,#fff);border:1px solid var(--line,#E6E6E2);border-radius:var(--radius-lg,18px);padding:24px}
.woocommerce .cart_totals h2{font-family:'Inter Tight','Inter',sans-serif;font-weight:800;margin-bottom:14px}
.woocommerce .cart_totals .order-total .amount{color:var(--accent,#0443AD);font-size:20px}
.woocommerce .wc-proceed-to-checkout a.checkout-button{font-size:16px!important;padding:16px!important;text-align:center}
.woocommerce form .form-row input.input-text,.woocommerce #coupon_code{border:1px solid var(--line,#E6E6E2);border-radius:var(--radius,10px);padding:12px 14px;font-family:inherit}

/* --- CHECKOUT --- */
.woocommerce-checkout .col2-set,.woocommerce-checkout #customer_details{margin-bottom:10px}
.woocommerce-checkout h3{font-family:'Inter Tight','Inter',sans-serif;font-weight:800;font-size:20px;margin-bottom:14px}
.woocommerce form .form-row label{font-weight:600;color:var(--ink,#0E0E0E);margin-bottom:5px}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce-checkout .select2-container--default .select2-selection--single{border:1px solid var(--line,#E6E6E2)!important;border-radius:var(--radius,10px)!important;padding:13px 14px;min-height:48px;font-family:inherit}
.woocommerce form .form-row input.input-text:focus{border-color:var(--accent,#0443AD)!important;outline:0;box-shadow:0 0 0 3px var(--accent-soft,#E9F0FC)}
.woocommerce-checkout #order_review{background:var(--card,#fff);border:1px solid var(--line,#E6E6E2);border-radius:var(--radius-lg,18px);padding:24px}
.woocommerce-checkout #order_review .order-total .amount{color:var(--accent,#0443AD)}
.woocommerce-checkout #payment{background:var(--bg,#FAFAFA);border-radius:var(--radius,10px)}
.woocommerce-checkout #payment ul.payment_methods{border-bottom:1px solid var(--line,#E6E6E2)}
.woocommerce-checkout #place_order{width:100%;font-size:17px!important;padding:17px!important;margin-top:10px}
.woocommerce .woocommerce-info,.woocommerce-info{background:var(--accent-soft,#E9F0FC);border-top:3px solid var(--accent,#0443AD)!important;border-radius:var(--radius,10px);color:var(--ink,#0E0E0E)}
.woocommerce-message{background:#EAF6EE;border-top:3px solid var(--ok,#2F7A4F)!important;border-radius:var(--radius,10px)}
.woocommerce-error{background:#FBEEE9;border-top:3px solid var(--warn,#C7421C)!important;border-radius:var(--radius,10px);color:var(--ink,#0E0E0E)}

/* --- ACCOUNT --- */
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;border:1px solid var(--line,#E6E6E2);border-radius:var(--radius-lg,18px);overflow:hidden}
.woocommerce-account .woocommerce-MyAccount-navigation li{border-bottom:1px solid var(--line,#E6E6E2)}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:14px 18px;color:var(--ink-2,#3A3A3A);font-weight:600}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{background:var(--accent,#0443AD);color:#fff}

/* --- responsive --- */
@media (max-width:1024px){.woocommerce ul.products{grid-template-columns:repeat(3,1fr)}}
@media (max-width:860px){
 .woocommerce div.product{grid-template-columns:1fr;gap:26px}
 .woocommerce ul.products{grid-template-columns:repeat(2,1fr);gap:16px}
}
@media (max-width:520px){.woocommerce ul.products{grid-template-columns:repeat(2,1fr);gap:12px}}
/* ===== END WOOCOMMERCE BRAND STYLING ===== */