/*
Theme Name: Mr. Mattress
Theme URI: https://example.com/mr-mattress
Author: Mr. Mattress
Description: Elementor-ready WooCommerce theme foundation for the Mr. Mattress showroom and mattress catalogue.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: mr-mattress
*/
:root{--mm-navy:#123265;--mm-blue:#28599b;--mm-blue-dark:#173f78;--mm-cloud:#f5f8fc;--mm-white:#fff;--mm-ink:#17263d;--mm-muted:#66758b;--mm-line:#dce4ef;--mm-radius:18px;--mm-content:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--mm-ink);background:var(--mm-cloud);font-family:Inter,Arial,sans-serif;line-height:1.65}img{max-width:100%;height:auto}a{color:var(--mm-blue);text-underline-offset:3px}a:hover{color:var(--mm-blue-dark)}button,input,select,textarea{font:inherit}.mm-wrap{width:min(var(--mm-content),calc(100% - 40px));margin-inline:auto}.mm-header{background:#fff;border-bottom:1px solid var(--mm-line);position:relative;z-index:20}.mm-header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.mm-brand{font-weight:800;letter-spacing:-.04em;font-size:1.35rem;color:var(--mm-navy);text-decoration:none}.mm-nav ul{display:flex;gap:22px;align-items:center;list-style:none;margin:0;padding:0}.mm-nav a{font-size:.94rem;font-weight:600;text-decoration:none;color:var(--mm-ink)}.mm-header-cta,.mm-button,.button,.wp-element-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;background:var(--mm-navy);color:#fff!important;padding:12px 20px;text-decoration:none;font-weight:700;cursor:pointer}.mm-header-cta:hover,.mm-button:hover,.button:hover,.wp-element-button:hover{background:var(--mm-blue-dark)}.mm-main{min-height:60vh}.mm-footer{margin-top:64px;background:var(--mm-navy);color:#fff;padding:44px 0}.mm-footer a{color:#fff}.mm-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}.mm-footer h2,.mm-footer h3{color:#fff}.mm-section{padding:64px 0}.mm-section-tight{padding:36px 0}.mm-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;font-weight:800;color:var(--mm-blue)}.mm-hero{padding:76px 0;background:linear-gradient(135deg,#f8fbff,#eaf1fa);border-bottom:1px solid var(--mm-line)}.mm-hero h1{font-size:clamp(2.4rem,5vw,4.6rem);line-height:1.05;letter-spacing:-.055em;color:var(--mm-navy);max-width:800px;margin:.4em 0}.mm-lede{font-size:1.15rem;max-width:700px;color:var(--mm-muted)}.mm-card{background:#fff;border:1px solid var(--mm-line);border-radius:var(--mm-radius);padding:24px;box-shadow:0 8px 28px rgba(18,50,101,.05)}.mm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.mm-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.mm-card h2,.mm-card h3{color:var(--mm-navy);line-height:1.2}.mm-muted{color:var(--mm-muted)}.mm-product-card{display:flex;flex-direction:column;gap:12px}.mm-product-card .woocommerce-loop-product__title{font-size:1.1rem}.mm-form-row{display:flex;gap:10px;flex-wrap:wrap}.mm-form-row>*{flex:1 1 160px}.mm-filter-panel{display:flex;flex-wrap:wrap;gap:12px;padding:18px;background:#fff;border:1px solid var(--mm-line);border-radius:14px;margin-bottom:22px}.mm-filter-panel input,.mm-filter-panel select{min-height:44px;border:1px solid var(--mm-line);border-radius:10px;padding:8px 12px;background:#fff}.mm-badge{display:inline-block;border-radius:999px;padding:5px 10px;background:#edf3fb;color:var(--mm-navy);font-size:.8rem;font-weight:700}.mm-status{font-weight:700}.mm-status-open{color:#18794e}.mm-status-closed{color:#9a3412}.mm-compare-bar{position:sticky;bottom:12px;z-index:15;background:#fff;border:1px solid var(--mm-line);box-shadow:0 8px 30px rgba(18,50,101,.14);border-radius:14px;padding:12px 16px;display:flex;gap:12px;align-items:center;justify-content:space-between}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.mm-nav ul{gap:12px}.mm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mm-footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.mm-wrap{width:min(var(--mm-content),calc(100% - 28px))}.mm-header-inner{align-items:flex-start;padding:18px 0;flex-direction:column}.mm-nav ul{flex-wrap:wrap;gap:8px 14px}.mm-hero{padding:52px 0}.mm-section{padding:44px 0}.mm-grid,.mm-grid-2,.mm-footer-grid{grid-template-columns:1fr}.mm-compare-bar{align-items:flex-start;flex-direction:column}}