/*
Theme Name: Flatsome Child
Description: Modern Tide branding for Fremantle Beach Company
Author: UX Themes
Template: flatsome
Version: 3.0
*/
:root{--fbc-navy:#183a44;--fbc-cream:#f7f3e8;--fbc-sand:#d8c4a2;--primary-color:#183a44}
body,#main,#wrapper{background:#f7f3e8;color:#183a44}
body,h1,h2,h3,h4,h5,h6,.nav>li>a{font-family:'DM Sans',sans-serif}
h1,h2,h3,h4,h5,h6{color:#183a44;letter-spacing:-.035em;line-height:1.08}
h2{font-size:clamp(30px,3.5vw,48px)} h3{font-size:25px}
a{color:#183a44} a:hover{color:#647e80}
.header-main,.header-bg-color{background:#f7f3e8!important}.header-wrapper{border-bottom:1px solid #183a441c}
.header-main{height:94px}.header-main .nav>li>a{color:#183a44;font-size:12px;letter-spacing:.04em}
.button.primary,.button.is-primary,button.single_add_to_cart_button{background:#183a44!important;border-color:#183a44!important}
.button{border-radius:2px;font-size:12px;letter-spacing:.06em;padding:5px 23px;font-weight:700;box-shadow:none}
.button.primary.is-outline{color:#183a44!important;background:transparent!important}.button.primary.is-outline:hover{background:#183a44!important;color:#fff!important}
.fbc-kicker{font-size:11px;font-weight:700;letter-spacing:.17em;line-height:1.6;margin-bottom:20px}
.fbc-lead{font-size:21px;line-height:1.5}.fbc-hero{background:#f7f3e8}
.fbc-hero-copy>.col-inner{padding:55px clamp(25px,5.7vw,90px)}
.fbc-hero h1{font-size:clamp(44px,5.7vw,83px);font-weight:700;letter-spacing:-.06em;line-height:.99;margin:28px 0}
.fbc-hero .fbc-lead{max-width:480px;margin:0 0 30px}.fbc-hero-note{font-size:12px;margin:25px 0 0;opacity:.65}
.fbc-hero-image .img,.fbc-hero-image .img-inner{height:630px}.fbc-hero-image img{height:100%;object-fit:cover;object-position:62% center}
.fbc-range .img-inner{background:#eee8db;overflow:hidden}.fbc-range img{aspect-ratio:1.18;object-fit:cover;transition:transform .4s}
.fbc-range a:hover img{transform:scale(1.035)}.fbc-range h3{border-bottom:1px solid #183a4440;padding:20px 0}.fbc-range h3 a{display:flex;justify-content:space-between}
.fbc-fresh .button{margin-top:30px}.fbc-story h2{font-size:clamp(36px,4vw,56px)}.fbc-story .fbc-kicker{color:#d8c4a2}
.box-text{padding:20px 0 25px}.box-text .name{font-size:16px;font-weight:700}.box-text .category{font-size:10px;letter-spacing:.12em;margin-bottom:7px}.price{color:#183a44;font-weight:500}
.product-small .box-image{background:#eee8db}.product-small img{aspect-ratio:1;object-fit:cover}.product-small .out-of-stock-label{font-size:10px;background:#f7f3e8de;letter-spacing:.12em;color:#183a44}
.fbc-shop-heading{max-width:1080px;margin:0 auto;padding:48px 15px 30px}.fbc-shop-heading h1{font-size:clamp(40px,5vw,66px)}.fbc-shop-heading p{max-width:620px}
.product-main{padding-top:42px}.product-info h1{font-size:clamp(29px,3vw,43px);line-height:1.1}.product-short-description{padding:19px 20px;background:#eee8db;border-left:3px solid #d8c4a2;font-size:14px;line-height:1.6;margin:24px 0}
.product-info .stock{color:#183a44;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.woocommerce-tabs{border-top:1px solid #183a4430;padding-top:28px}.woocommerce-tabs .panel{font-size:15px;line-height:1.8}
.fbc-footer{background:#183a44;color:#f7f3e8;display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding:65px max(25px,calc((100vw - 1080px)/2))}
.fbc-footer h2{color:#f7f3e8;font-size:36px}.fbc-footer a{color:#f7f3e8;display:block;margin:12px 0;font-size:14px}.fbc-footer p{font-size:13px;line-height:1.7}.fbc-footer .fbc-kicker{color:#d8c4a2;font-size:10px}.fbc-footer-demo{opacity:.65;margin-top:25px}
.absolute-footer{background:#183a44!important;color:#f7f3e88c;border-top:1px solid #f7f3e825;padding:20px 0;font-size:11px}
@media(max-width:849px){.header-main{height:76px}.fbc-hero-copy>.col-inner{padding:38px 25px}.fbc-hero h1{font-size:52px}.fbc-hero .fbc-lead{font-size:18px}.fbc-hero-image .img,.fbc-hero-image .img-inner{height:370px}.fbc-footer{grid-template-columns:1fr 1fr;gap:25px;padding:40px 25px}.fbc-footer-brand{grid-column:1/-1}.fbc-range .img-inner img{aspect-ratio:1.3}.section{padding-left:10px;padding-right:10px}.fbc-hero{padding-left:0;padding-right:0}.fbc-fresh .button{margin-top:0}.product-info{padding:25px 15px}.fbc-story .col{margin-left:0}.product-small .box-text .name{font-size:13px}}
@media(max-width:400px){.fbc-hero h1{font-size:44px}.fbc-hero .button{font-size:10px;padding:4px 15px}.fbc-footer{gap:18px}}

/* Keep availability labels compact without obscuring the concept artwork. */
.product-small .box-image .out-of-stock-label{top:auto;bottom:12px;left:12px;right:auto;width:auto;transform:none;padding:7px 10px;background:#f7f3e8e8;border:1px solid #183a4420}