/*
Theme Name: MSIQ Dawn
Description: Mobility Scooter IQ theme — a WooCommerce rebuild of the store's Shopify Dawn design.
Version: 1.0.1
Author: Geek Media
Text Domain: msiq
*/

:root{
	--msiq-green:#00613f;      /* hero / brand */
	--msiq-sage:#8db892;       /* image-with-text + footer band */
	--msiq-sage-light:#b4cdb5; /* logo strip */
	--msiq-cta:#4e8a2e;        /* Buy it now / Contact */
	--msiq-ink:#121212;
	--msiq-text:rgba(18,18,18,.75);
	--msiq-navy:#1f2a4d;       /* outline buttons */
	--msiq-border:rgba(18,18,18,.55);
	--msiq-radius:12px;
	--msiq-page:1200px;
}
*{box-sizing:border-box}
html{font-size:62.5%}
body{margin:0;font-family:"Raleway",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:1.6rem;line-height:1.8;letter-spacing:.06rem;color:var(--msiq-text);background:#fff}
a{color:var(--msiq-ink)}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4{font-family:"Raleway",sans-serif;font-weight:400;color:var(--msiq-ink);letter-spacing:.06rem;line-height:1.3;margin:0 0 1.5rem}
h1{font-size:4rem}h2{font-size:3.2rem}h3{font-size:2.2rem}
.page-width{max-width:var(--msiq-page);margin:0 auto;padding:0 5rem}
@media(max-width:749px){.page-width{padding:0 1.5rem}h1{font-size:3rem}h2{font-size:2.4rem}}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}

/* ---------- Buttons ---------- */
.msiq-btn,.button,button.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.wc-block-components-button{
	display:inline-flex;align-items:center;justify-content:center;min-height:4.5rem;padding:0 3rem;border-radius:40px;
	font:inherit;font-size:1.5rem;letter-spacing:.1rem;text-decoration:none;cursor:pointer;border:0;transition:box-shadow .2s}
.msiq-btn--solid,.woocommerce button.button.alt,.woocommerce a.button.alt,.woocommerce #place_order,.single_add_to_cart_button.msiq-buy{background:var(--msiq-cta)!important;color:#fff!important}
.msiq-btn--outline,.woocommerce a.button:not(.alt),.woocommerce button.button:not(.alt){background:transparent!important;color:var(--msiq-navy)!important;box-shadow:inset 0 0 0 1px var(--msiq-navy)}
.msiq-btn--outline:hover,.woocommerce a.button:not(.alt):hover{box-shadow:inset 0 0 0 2px var(--msiq-navy)}
.msiq-btn--light{background:var(--msiq-sage)!important;color:#fff!important}
.button.disabled,.button:disabled{opacity:.5;cursor:not-allowed}

/* ---------- Header ---------- */
.msiq-header{background:#fff;border-bottom:1px solid rgba(18,18,18,.08);position:relative;z-index:20}
.msiq-header__top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:2rem 0 1rem}
.msiq-header__logo img{max-height:52px;width:auto;margin:0 auto}
.msiq-header__logo a{display:block;text-decoration:none;font-size:2.4rem;color:var(--msiq-ink)}
.msiq-header__icons{display:flex;justify-content:flex-end;gap:1.2rem}
.msiq-icon{display:inline-flex;width:4.4rem;height:4.4rem;align-items:center;justify-content:center;color:var(--msiq-ink);position:relative;background:none;border:0;cursor:pointer}
.msiq-icon svg{width:2rem;height:2rem}
.msiq-cart-count[hidden]{display:none!important}
.msiq-cart-count{position:absolute;bottom:.6rem;right:.4rem;background:var(--msiq-ink);color:#fff;border-radius:50%;width:1.7rem;height:1.7rem;font-size:.9rem;display:flex;align-items:center;justify-content:center;letter-spacing:0}
.msiq-nav{display:flex;justify-content:center;padding-bottom:1.2rem}
.msiq-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center}
.msiq-nav li{position:relative}
.msiq-nav a{display:block;padding:1.2rem;font-size:1.4rem;color:var(--msiq-text);text-decoration:none}
.msiq-nav a:hover{color:var(--msiq-ink);text-decoration:underline;text-underline-offset:.3rem}
.msiq-nav .current-menu-item>a,.msiq-nav .current-product_cat-ancestor>a{color:var(--msiq-ink);text-decoration:underline;text-underline-offset:.3rem}
.msiq-nav .menu-item-has-children>a::after{content:"";display:inline-block;width:.6rem;height:.6rem;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin:0 0 .3rem .8rem}
.msiq-nav .sub-menu{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid rgba(18,18,18,.1);min-width:20rem;padding:1rem 0;flex-direction:column;z-index:30}
.msiq-nav li:hover>.sub-menu,.msiq-nav li:focus-within>.sub-menu{display:flex}
.msiq-nav .sub-menu a{padding:.8rem 2rem}
.msiq-search{display:none;padding:1.5rem 0}
.msiq-search.is-open{display:block}
.msiq-search form{display:flex;max-width:60rem;margin:0 auto;border:1px solid var(--msiq-border);border-radius:40px;overflow:hidden}
.msiq-search input{flex:1;border:0;padding:1.2rem 2rem;font:inherit}
.msiq-search button{border:0;background:none;padding:0 2rem;cursor:pointer}
.msiq-burger{display:none}
@media(max-width:989px){
	.msiq-burger{display:inline-flex}
	.msiq-nav{display:none;padding:0 0 1.5rem}
	.msiq-nav.is-open{display:block}
	.msiq-nav ul{flex-direction:column;align-items:center}
	.msiq-nav .sub-menu{position:static;display:flex;border:0;padding:0}
	.msiq-header__logo img{max-height:40px}
}

/* ---------- Hero banner ---------- */
.msiq-hero{background:var(--msiq-green);position:relative;min-height:46rem;display:flex;align-items:center;overflow:hidden}
.msiq-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.msiq-hero__box{position:relative;background:#fff;border-radius:var(--msiq-radius);padding:3.5rem;max-width:36rem;margin-left:max(5rem,calc((100vw - var(--msiq-page))/2 + 5rem))}
.msiq-hero__box h2{font-size:2.4rem;margin-bottom:1rem}
.msiq-hero__box p{margin:0 0 2rem}
@media(max-width:749px){.msiq-hero{min-height:30rem;flex-direction:column;align-items:stretch}.msiq-hero__img{position:static;height:24rem}.msiq-hero__box{margin:0;max-width:none;border-radius:0}}

/* ---------- Sections ---------- */
.msiq-section{padding:5rem 0}
.msiq-section__title{font-size:2.4rem;margin-bottom:3rem}
.msiq-section__title--lg{font-size:4rem}
.msiq-rich{text-align:center;max-width:78rem;margin:0 auto}
.msiq-rich h2{font-size:3.2rem}

/* Product cards (home + archives) */
.msiq-grid,.woocommerce ul.products{list-style:none;margin:0;padding:0;display:grid!important;grid-template-columns:repeat(4,1fr);gap:2.4rem}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
@media(max-width:989px){.msiq-grid,.woocommerce ul.products{grid-template-columns:repeat(2,1fr);gap:1.2rem}}
.msiq-card,.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;border:1px solid var(--msiq-border);border-radius:var(--msiq-radius);padding:1.4rem;display:flex;flex-direction:column;position:relative;background:#fff}
.msiq-card__img,.woocommerce ul.products li.product a img{aspect-ratio:1/1;object-fit:contain;width:100%;margin:0 0 1.5rem!important}
.woocommerce ul.products li.product a{text-decoration:none}
.woocommerce ul.products li.product .woocommerce-loop-product__title,.msiq-card__title{font-size:1.3rem!important;font-weight:400;line-height:1.4;color:var(--msiq-text);padding:0 .4rem!important;margin:0 0 .6rem!important}
.woocommerce ul.products li.product a:hover .woocommerce-loop-product__title{text-decoration:underline}
.woocommerce ul.products li.product .price,.msiq-card .price{color:var(--msiq-ink)!important;font-size:1.6rem!important;padding:0 .4rem;margin-bottom:1.5rem!important;display:block}
.woocommerce ul.products li.product .price del,.msiq-card .price del{color:var(--msiq-text);opacity:.7;margin-right:.6rem;font-size:1.3rem}
.woocommerce ul.products li.product .price ins{text-decoration:none}
.woocommerce ul.products li.product .button{margin-top:auto!important;width:100%;min-height:4rem}
.woocommerce span.onsale,.msiq-badge{position:absolute!important;top:2.2rem!important;left:2.2rem!important;right:auto!important;min-height:0!important;min-width:0!important;line-height:1!important;padding:.6rem 1.2rem!important;border-radius:40px!important;font-size:1.2rem!important;font-weight:400!important;background:#334fb4!important;color:#fff!important;margin:0!important;z-index:2}
.msiq-badge--soldout,.woocommerce ul.products li.product.outofstock .onsale{background:#fff!important;color:var(--msiq-text)!important;border:1px solid rgba(18,18,18,.1)}

/* Collection cards */
.msiq-collections{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem}
@media(max-width:749px){.msiq-collections{grid-template-columns:1fr}}
.msiq-collection{border:1px solid var(--msiq-border);border-radius:var(--msiq-radius);padding:1.4rem;text-decoration:none;display:flex;flex-direction:column}
.msiq-collection img{aspect-ratio:1/1;object-fit:contain;width:100%;border-radius:4px}
.msiq-collection span{display:block;padding:2rem 1rem 1rem;font-size:1.8rem;color:var(--msiq-ink)}
.msiq-collection:hover span{text-decoration:underline}

/* Image with text */
.msiq-iwt-band{background:var(--msiq-sage);padding:3rem 0}
.msiq-iwt{display:grid;grid-template-columns:1fr 1fr;border-radius:var(--msiq-radius);overflow:hidden;background:#fff}
.msiq-iwt img{width:100%;height:100%;object-fit:cover}
.msiq-iwt__text{padding:6rem}
.msiq-iwt__text h2{font-size:4rem}
@media(max-width:749px){.msiq-iwt{grid-template-columns:1fr}.msiq-iwt__text{padding:3rem}}

/* Logo strip (second banner) */
.msiq-strip{background:var(--msiq-sage-light)}
.msiq-strip img{width:100%;max-height:38rem;object-fit:cover}

/* Newsletter + footer */
.msiq-footer{background:var(--msiq-sage);color:rgba(255,255,255,.85);padding:6rem 0 2rem}
.msiq-footer a{color:rgba(255,255,255,.85)}
.msiq-footer h2,.msiq-footer h3{color:#fff}
.msiq-newsletter{text-align:center;margin-bottom:5rem}
.msiq-newsletter h2{font-size:3.2rem}
.msiq-newsletter form{display:flex;max-width:36rem;margin:2rem auto 0;border:1px solid rgba(255,255,255,.75);border-radius:40px;overflow:hidden}
.msiq-newsletter input{flex:1;background:transparent;border:0;padding:1.2rem 2rem;color:#fff;font:inherit}
.msiq-newsletter input::placeholder{color:rgba(255,255,255,.85)}
.msiq-newsletter button{background:none;border:0;color:#fff;padding:0 2rem;cursor:pointer;font-size:2rem}
.msiq-footer__cols{display:grid;grid-template-columns:repeat(3,minmax(0,22rem));gap:4rem;margin-bottom:4rem}
@media(max-width:749px){.msiq-footer__cols{grid-template-columns:1fr}}
.msiq-footer__cols h3{font-size:1.8rem;margin-bottom:2rem}
.msiq-footer__cols ul{list-style:none;margin:0;padding:0}
.msiq-footer__cols li a{display:block;padding:.4rem 0;font-size:1.4rem;text-decoration:none}
.msiq-footer__cols li a:hover{text-decoration:underline}
.msiq-footer__about{font-size:1.4rem}
.msiq-footer__bottom{border-top:1px solid rgba(255,255,255,.3);padding-top:2rem;font-size:1.1rem;text-align:center}
.msiq-pay{display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap;margin-bottom:1rem}
.msiq-pay span{border:1px solid rgba(255,255,255,.6);border-radius:4px;padding:.2rem .8rem;font-size:1.1rem}

/* ---------- Content pages ---------- */
.msiq-main{min-height:40vh}
.msiq-page{padding:4rem 0 6rem;max-width:78rem;margin:0 auto}
.msiq-page h1{margin-bottom:3rem}
.msiq-contact-form{display:grid;gap:2rem;margin-top:3rem}
.msiq-contact-form .msiq-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.msiq-contact-form input,.msiq-contact-form textarea,.woocommerce form .input-text,.woocommerce form select{width:100%;border:1px solid var(--msiq-border);border-radius:40px;padding:1.4rem 2rem;font:inherit;background:#fff}
.msiq-contact-form textarea,.woocommerce textarea.input-text{border-radius:20px}
.msiq-contact-form button{justify-self:start;background:var(--msiq-cta);color:#fff}
.msiq-form-ok{background:#eef6ec;padding:1.2rem 2rem;border-radius:10px}

/* ---------- WooCommerce: archive ---------- */
.msiq-shop{padding:4rem 0 6rem}
.msiq-shop .woocommerce-products-header__title{font-size:4rem}
.msiq-shop .term-description{max-width:60rem;margin-bottom:3rem}
.msiq-shop .term-description a{font-weight:700}
.woocommerce .woocommerce-result-count{font-size:1.4rem;margin:0 0 2.5rem;float:right}
.woocommerce .woocommerce-ordering{float:left;margin:0 0 2.5rem}
.woocommerce .woocommerce-ordering select{border:0;font:inherit;font-size:1.4rem;background:transparent;cursor:pointer}
.woocommerce nav.woocommerce-pagination ul{border:0}
.woocommerce nav.woocommerce-pagination ul li{border:0}
.woocommerce-breadcrumb{display:none}

/* ---------- WooCommerce: single product ---------- */
.msiq-product{padding:4rem 0 6rem}
.woocommerce div.product{display:grid;grid-template-columns:55% 1fr;gap:5rem}
.woocommerce div.product div.images,.woocommerce div.product div.summary{width:auto!important;float:none!important;margin:0!important}
.woocommerce div.product .woocommerce-tabs,.woocommerce div.product .related,.woocommerce div.product .up-sells{grid-column:1/-1}
@media(max-width:749px){.woocommerce div.product{grid-template-columns:1fr;gap:2rem}}
.woocommerce div.product .flex-control-thumbs{display:flex;gap:1rem;margin-top:1rem!important;overflow-x:auto}
.woocommerce div.product .flex-control-thumbs li{width:9rem!important;flex:0 0 9rem}
.woocommerce div.product .flex-control-thumbs li img{border:1px solid transparent;border-radius:6px;opacity:1!important}
.woocommerce div.product .flex-control-thumbs li img.flex-active{border-color:var(--msiq-ink)}
.msiq-vendor{font-size:1.2rem;letter-spacing:.13rem;text-transform:none;margin-bottom:1rem}
.woocommerce div.product .product_title{font-size:4rem;margin-bottom:1.5rem}
.woocommerce div.product p.price{color:var(--msiq-ink)!important;font-size:1.8rem!important;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.woocommerce div.product p.price del{font-size:1.4rem;opacity:.7}
.woocommerce div.product p.price ins{text-decoration:none}
.msiq-price-badge{font-size:1.2rem;padding:.3rem 1.2rem;border-radius:40px;background:#334fb4;color:#fff}
.msiq-price-badge.is-soldout{background:#fff;color:var(--msiq-text);border:1px solid rgba(18,18,18,.15)}
.msiq-shipping-note{font-size:1.3rem;margin:-.5rem 0 2rem}
.msiq-shipping-note a{text-decoration:underline}
.woocommerce div.product form.cart{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem;margin-bottom:2.5rem!important}
.woocommerce div.product form.cart::before,.woocommerce div.product form.cart::after{display:none}
.msiq-qty-label{font-size:1.3rem;margin:0}
.woocommerce .quantity{display:flex!important;border:1px solid var(--msiq-border);border-radius:40px;overflow:hidden;width:14rem}
.woocommerce .quantity .qty{width:5rem!important;border:0;text-align:center;font:inherit;-moz-appearance:textfield}
.woocommerce .quantity .qty::-webkit-inner-spin-button{-webkit-appearance:none}
.msiq-qty-btn{width:4.5rem;height:4.5rem;border:0;background:none;font-size:1.8rem;cursor:pointer;color:var(--msiq-ink)}
.woocommerce div.product form.cart .button{width:100%;max-width:44rem;float:none!important;margin:0!important}
.woocommerce div.product form.cart .single_add_to_cart_button{background:transparent!important;color:var(--msiq-navy)!important;box-shadow:inset 0 0 0 1px var(--msiq-navy)}
.woocommerce div.product form.cart button.msiq-buy-now,.msiq-buy-now{width:100%;max-width:44rem;background:var(--msiq-cta)!important;color:#fff!important;box-shadow:none!important}
.woocommerce div.product .stock.out-of-stock{display:none}
.woocommerce div.product .woocommerce-product-details__short-description,.msiq-description{font-size:1.5rem}
.msiq-description p{margin:0 0 1.5rem}
.woocommerce div.product .product_meta{display:none}
.woocommerce div.product .woocommerce-tabs{display:none}
.woocommerce div.product table.variations{margin-bottom:1rem}
.woocommerce div.product table.variations select{border:1px solid var(--msiq-border);border-radius:40px;padding:1rem 2rem;font:inherit}
.related.products>h2{font-size:2.4rem}

/* ---------- Cart / checkout ---------- */
.woocommerce-cart .msiq-page,.woocommerce-checkout .msiq-page,.woocommerce-account .msiq-page{max-width:var(--msiq-page)}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-top-color:var(--msiq-cta)!important}
.woocommerce-message::before,.woocommerce-info::before{color:var(--msiq-cta)!important}
