/*
Theme Name: ShofLab Pro
Theme URI: https://shoflab.com
Author: ShofLab
Description: WordPress and WooCommerce theme based on the original ShofLab brand site.
Version: 0.6.1
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: shoflab
*/
@import url("site.css");

html body.admin-bar .site-header{top:32px}
.product-card[hidden],.no-results[hidden]{display:none!important}
.page-main{min-height:65vh;padding:90px 7vw;background:var(--paper)}
.page-main>article,.page-main>.woocommerce{max-width:1280px;margin:auto}
.page-main h1{font:700 clamp(42px,5vw,70px)/1.02 Manrope;letter-spacing:-.05em}
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;background:#fff;padding-bottom:22px}
.woocommerce ul.products li.product a img{height:300px;object-fit:cover}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price{padding-left:22px!important;padding-right:22px!important}
.woocommerce ul.products li.product .price{color:var(--orange)!important}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{
  background:var(--orange)!important;color:#fff!important;border-radius:0!important;padding:15px 20px!important
}
@media(max-width:900px){.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:782px){html body.admin-bar .site-header{top:46px}}
@media(max-width:600px){.woocommerce ul.products{grid-template-columns:1fr}.page-main{padding:70px 24px}}

.site-cart-link{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:9px 12px;border:1px solid #5a5b5c;color:#fff;font-size:12px;font-weight:700;white-space:nowrap}
.site-cart-link:hover{border-color:var(--orange);color:#fff}
.site-cart-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.site-cart-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--orange);color:#fff;font-size:10px;line-height:1}
@media(max-width:600px){.header-primary-cta{display:none}.site-cart-link{padding:9px}.site-cart-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}

/* Temporary no-payment reservation flow. */
.site-reserve-link{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.06)}
.site-reserve-link:hover{background:var(--orange)}
.reservation-announcement span:first-child{color:#fff;background:var(--orange);padding:3px 8px}
.shoflab-reservation{background:var(--paper)}
.reservation-hero{background:linear-gradient(125deg,#17191b 0%,#25292c 58%,#4a2a1d 100%)}
.reservation-hero .compatibility-hero-copy>p:not(.eyebrow){max-width:720px}
.reservation-summary{border-color:rgba(255,255,255,.22);background:rgba(0,0,0,.18);backdrop-filter:blur(8px)}
.reservation-process{padding-top:92px;padding-bottom:92px;background:#f2efe9}
.reservation-process-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:36px}
.reservation-process-heading h2{max-width:790px;margin:0;font:700 clamp(36px,4vw,58px)/1.04 Manrope;letter-spacing:-.045em;color:#151719}
.reservation-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.reservation-points article{min-height:245px;padding:30px;background:#fff;border:1px solid #dedad2}
.reservation-points article>span{display:inline-grid;place-items:center;width:42px;height:42px;margin-bottom:34px;background:#17191b;color:#fff;font-weight:800}
.reservation-points h3{margin:0 0 12px;font:700 22px/1.15 Manrope;color:#17191b}
.reservation-points p{margin:0;color:#5c6062;line-height:1.65}
.reservation-form-section{background:#fff}
.reservation-form .full-width small{display:block;margin-top:4px;color:#777;font-weight:500}
.reservation-fit-link{display:inline-flex;margin-top:25px;color:#222}
.reservation-form-status.is-success{padding:18px;border-left:4px solid #26834a;background:#eaf7ee;color:#194f2e;font-weight:700}
.reservation-form-status.is-error{padding:18px;border-left:4px solid #b2352d;background:#fff0ef;color:#7a241e;font-weight:700}
.reservation-form.is-submitted fieldset{opacity:.62}
.reservation-form.is-submitted .form-submit{background:#26834a!important;cursor:default}
.reservation-noscript{padding:15px;background:#fff4e8;color:#6f3c17}
.product-reserve-link{display:flex;align-items:center;justify-content:center;margin:16px 0 10px;padding:13px 16px;background:var(--orange);color:#fff!important;font-size:12px;font-weight:800;letter-spacing:.02em;text-align:center}
.product-reserve-link:hover{background:#17191b}
.shoflab-reservation-product-cta{margin:26px 0 10px;padding:22px;border:1px solid #dedad2;background:#f7f4ee}
.shoflab-reservation-product-cta p{margin:0 0 16px;line-height:1.55}
.shoflab-reservation-product-cta .button{display:inline-block;margin:0!important}
@media(max-width:900px){.reservation-points{grid-template-columns:1fr}.reservation-points article{min-height:0}.reservation-process-heading{display:block}.reservation-process-heading .eyebrow{margin-bottom:14px}}
@media(max-width:600px){.reservation-hero-notes{display:grid;grid-template-columns:1fr}.reservation-points article{padding:24px}.reservation-process{padding-top:70px;padding-bottom:70px}}