/*
Theme Name: WI Storefront Child
Theme URI: https://wholesaleindustry.com/
Description: Airtable-controlled storefront presentation for Wholesale Industry sites.
Author: Wholesale Industry LLC
Template: kadence
Version: 1.2.0
Text Domain: wi-storefront-child
*/

:root {
	--wi-primary: #172033;
	--wi-secondary: #334155;
	--wi-accent: #ef8b24;
	--wi-text: #111827;
	--wi-background: #f5f7fa;
	--wi-heading-font: system-ui;
	--wi-body-font: system-ui;
}

body { color: var(--wi-text); background: var(--wi-background); font-family: var(--wi-body-font); }
h1, h2, h3, h4, h5, h6 { color: var(--wi-primary); font-family: var(--wi-heading-font); letter-spacing: -.02em; }
a { color: var(--wi-primary); }
a:hover { color: var(--wi-accent); }
.wi-utility { background: var(--wi-primary); color: #fff; font-size: .875rem; }
.wi-utility__inner, .wi-shell { width: min(1180px, calc(100% - 2rem)); margin-inline: auto; }
.wi-utility__inner { display: flex; justify-content: flex-end; gap: 1rem; padding-block: .45rem; }
.wi-utility a { color: #fff; }
.wi-page-hero { padding: clamp(3.5rem, 7vw, 7rem) 0 2.5rem; background: linear-gradient(135deg, var(--wi-primary), var(--wi-secondary)); color: #fff; }
.wi-page-hero h1 { color: #fff; max-width: 900px; font-size: clamp(2.4rem, 5vw, 4.8rem); line-height: 1.02; margin: 0; }
.wi-page-hero p { max-width: 760px; font-size: 1.15rem; opacity: .9; }
.wi-page-content { background: #fff; border-radius: 14px; box-shadow: 0 20px 60px rgb(15 23 42 / .08); margin: -1rem auto 4rem; padding: clamp(1.5rem, 4vw, 4rem); position: relative; }
.wi-page-content > * { max-width: 850px; }
.wi-button, .wp-block-button__link { display: inline-flex; align-items: center; border-radius: 8px; background: var(--wi-accent); color: #111827; font-weight: 700; padding: .85rem 1.15rem; text-decoration: none; }
.wi-button:hover, .wp-block-button__link:hover { filter: brightness(.95); color: #111827; }
.wi-footer-cta { background: var(--wi-primary); color: #fff; padding: 2rem 0; }
.wi-footer-cta__inner { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.wi-footer-cta h2, .wi-footer-cta p { color: #fff; margin: 0; }
.wi-footer-nav ul { list-style: none; display: flex; flex-wrap: wrap; gap: 1rem; padding: 0; }
.woocommerce .products ul, .woocommerce ul.products { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 1.25rem; }
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none; }
.woocommerce ul.products li.product { width: auto !important; margin: 0 !important; padding: 1rem; background: #fff; border: 1px solid color-mix(in srgb, var(--wi-primary) 14%, transparent); border-radius: 12px; box-shadow: 0 12px 35px rgb(15 23 42 / .06); }
.woocommerce ul.products li.product .button, .woocommerce div.product form.cart .button { background: var(--wi-accent); color: #111827; border-radius: 8px; font-weight: 750; }
.woocommerce div.product { background: #fff; border-radius: 14px; padding: clamp(1rem, 3vw, 2.5rem); box-shadow: 0 18px 55px rgb(15 23 42 / .07); }
.wi-site-bulkibctotes-com { --wi-card-radius: 6px; }
.wi-site-collapsiblepalletcontainers-com { --wi-card-radius: 4px; }
.wi-site-wholesaleindustry-com { --wi-card-radius: 8px; }
.wi-site-bulkibctotes-com .woocommerce ul.products li.product,
.wi-site-collapsiblepalletcontainers-com .woocommerce ul.products li.product,
.wi-site-wholesaleindustry-com .woocommerce ul.products li.product { border-radius: var(--wi-card-radius); }
@media (max-width: 720px) { .wi-footer-cta__inner { align-items: flex-start; flex-direction: column; } }