/* === Modern 2026 skin over Storefront === */
:root{
  --bg:#ffffff; --soft:#f5f6f8; --ink:#0f172a; --muted:#64748b;
  --line:#e7e9ee; --accent:#4f46e5; --accent-d:#4338ca; --radius:14px;
  --shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px rgba(15,23,42,.06);
}
*{box-sizing:border-box}
body{
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif!important;
  color:var(--ink); background:var(--bg); line-height:1.6; letter-spacing:-.01em;
  -webkit-font-smoothing:antialiased;
}
body, .page-wrapper{background:var(--bg)!important}
a{color:var(--accent); text-decoration:none}
a:hover{color:var(--accent-d)}
h1,h2,h3,h4{color:var(--ink); font-weight:700; letter-spacing:-.02em; line-height:1.2}

/* container width */
.col-full,.storefront-full-width-content .col-full{max-width:1180px!important}

/* header */
.site-header{
  background:rgba(255,255,255,.85)!important; backdrop-filter:saturate(180%) blur(12px);
  border-bottom:1px solid var(--line); box-shadow:none!important; padding:18px 0!important;
  position:sticky; top:0; z-index:50;
}
.site-header *{color:var(--ink)!important}
.site-branding .site-title a{font-weight:800; letter-spacing:-.03em}
.storefront-primary-navigation{background:transparent!important; box-shadow:none!important}
.main-navigation ul.menu li a{font-weight:500}

/* buttons */
.button,button,input[type=submit],.single_add_to_cart_button,.rql-add{
  background:var(--accent)!important; color:#fff!important; border:0!important;
  border-radius:10px!important; padding:.7em 1.4em!important; font-weight:600!important;
  box-shadow:var(--shadow); transition:transform .12s ease,background .2s ease!important;
  text-shadow:none!important;
}
.button:hover,button:hover,.single_add_to_cart_button:hover,.rql-add:hover{
  background:var(--accent-d)!important; transform:translateY(-1px); color:#fff!important;
}
/* secondary look for our quote button when alongside */
.rql-add{background:var(--ink)!important}
.rql-add:hover{background:#1e293b!important}

/* product grid cards */
ul.products li.product{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  padding:16px!important; box-shadow:var(--shadow); transition:transform .15s ease,box-shadow .15s ease;
  text-align:left;
}
ul.products li.product:hover{transform:translateY(-4px); box-shadow:0 12px 32px rgba(15,23,42,.12)}
ul.products li.product img{border-radius:10px; margin-bottom:14px!important}
ul.products li.product .woocommerce-loop-product__title{font-size:1.02rem!important; font-weight:600; padding:0!important}
ul.products li.product .price{color:var(--ink)!important; font-weight:700}
.woocommerce ul.products li.product .button{margin-top:8px}

/* single product */
.single-product div.product .product_title{font-size:2.2rem!important}
.single-product div.product .price,.woocommerce-Price-amount{color:var(--ink)!important; font-weight:700}
.single-product div.product .images img{border-radius:var(--radius); box-shadow:var(--shadow)}
.woocommerce-tabs ul.tabs{border:0!important}

/* forms / inputs */
input[type=text],input[type=email],input[type=tel],input[type=search],input[type=number],textarea,select{
  border:1px solid var(--line)!important; border-radius:10px!important; padding:.7em .9em!important;
  background:#fff!important; color:var(--ink)!important; box-shadow:none!important; transition:border .15s,box-shadow .15s;
}
input:focus,textarea:focus,select:focus{
  border-color:var(--accent)!important; box-shadow:0 0 0 3px rgba(79,70,229,.15)!important; outline:0!important;
}

/* quote page */
.rql-quote-page{max-width:680px; margin:0 auto}
.rql-quote-page .rql-items{border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow)}
.rql-quote-page .rql-items th{background:var(--soft); font-weight:600}
.rql-quote-page .rql-items th,.rql-quote-page .rql-items td{padding:12px 16px!important; border-color:var(--line)!important}
.rql-form{margin-top:28px; background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:24px; box-shadow:var(--shadow)}
.rql-form label{font-weight:600; color:var(--ink)}

/* notices */
.woocommerce-message,.woocommerce-info{border-top-color:var(--accent)!important; border-radius:10px}

/* footer */
.site-footer{background:var(--ink)!important; color:#cbd5e1!important; padding:48px 0!important; border:0}
.site-footer *{color:#cbd5e1!important}
.site-footer a:hover{color:#fff!important}

/* tidy buttons added to cart row */
.woocommerce div.product form.cart{margin-bottom:1.5em}
