/*
Theme Name: Computer Images Website Solutions - WooCommerce Fixed
Theme URI: https://ciwebnj.com
Author: Computer Images Website Solutions
Author URI: https://ciwebnj.com
Description: Real CIW lime logo, Website Solutions branding, FULL WooCommerce support with wrapper templates for shop/product/cart/checkout/my-account
Version: 3.3.0 Editable Hero + Slider
Requires at least: 6.0
Tested up to: 6.6
WC requires at least: 7.0
WC tested up to: 9.0
License: GPLv2
*/
:root{--navy:#0a2540;--lime:#8BC34A;--orange:#ff6b35;--surface:#f8fafc;}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.7;color:#1e293b;background:#fff;}
.container{max-width:1180px;margin:0 auto;padding:0 24px;}
a{color:var(--navy);}
.site-header{background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:1000;padding:14px 0;}
.logo-img{height:48px;width:auto;}
.hero{background:linear-gradient(135deg,#020617 0%,#0a2540 100%);color:#fff;padding:80px 0;text-align:center;}
.woocommerce-page .site-header,.woocommerce .site-header{display:block;}
/* WooCommerce styling to match theme */
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-weight:700;color:var(--navy);}
.woocommerce ul.products li.product .price{color:var(--navy);font-weight:800;}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{background:var(--navy);color:#fff;border-radius:10px;padding:12px 20px;font-weight:800;}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover{background:#08223a;}
.woocommerce span.onsale{background:var(--orange);min-height:auto;line-height:1;padding:6px 12px;border-radius:20px;top:10px;left:10px;}
.woocommerce div.product p.price, .woocommerce div.product span.price{color:var(--navy);font-weight:800;}
.woocommerce-message{border-top-color:var(--lime);background:#f0f9e6;}
.woocommerce-info{border-top-color:var(--navy);}
.woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2{float:none;width:100%;}
@media(min-width:768px){.woocommerce .col2-set{display:grid;grid-template-columns:1fr 1fr;gap:20px;}}