/*
Theme Name: HAVÉN Home
Theme URI: https://havenhome.nl
Author: HAVÉN Home
Description: Luxe, minimalistisch WooCommerce-theme voor HAVÉN Home.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: haven-home
License: GNU General Public License v2 or later
*/
:root{--bg:#faf9f6;--paper:#f2eee7;--sand:#ded4c5;--ink:#181816;--muted:#6f6a62;--line:#dfdad1;--serif:Georgia,"Times New Roman",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.hh-container{width:min(1380px,calc(100% - 64px));margin:auto}
.hh-announcement{background:var(--ink);color:#fff;text-align:center;padding:9px 20px;font-size:10px;letter-spacing:.18em;text-transform:uppercase}.hh-header{position:sticky;top:0;z-index:999;background:rgba(250,249,246,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(24,24,22,.08)}.admin-bar .hh-header{top:32px}.hh-nav{min-height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px}.hh-menu{list-style:none;margin:0;padding:0;display:flex;gap:30px;align-items:center}.hh-menu a{font-size:11px;text-transform:uppercase;letter-spacing:.12em}.hh-brand{text-align:center;font-family:var(--serif);font-size:30px;letter-spacing:.2em;line-height:1}.hh-brand small{font-family:var(--sans);font-size:8px;letter-spacing:.32em;display:block;margin-top:7px}.custom-logo{max-height:52px;width:auto}.hh-actions{display:flex;justify-content:flex-end;align-items:center;gap:18px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.hh-cart-count{display:inline-grid;place-items:center;min-width:19px;height:19px;border-radius:99px;background:var(--ink);color:#fff;font-size:9px;margin-left:5px}.hh-mobile-toggle{display:none;border:0;background:none;font-size:22px}.hh-mobile-panel{display:none;border-top:1px solid var(--line);padding:20px 0}.hh-mobile-panel.is-open{display:block}
.hh-hero{min-height:710px;display:grid;grid-template-columns:.94fr 1.06fr;background:#ded5c7}.hh-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:90px clamp(35px,7vw,110px)}.hh-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.24em;color:var(--muted);margin-bottom:24px}.hh-hero h1{font-family:var(--serif);font-size:clamp(52px,6.4vw,94px);line-height:.94;letter-spacing:-.045em;font-weight:400;margin:0 0 28px}.hh-hero p{max-width:500px;color:#5d5952;font-size:14px;line-height:1.85;margin:0}.hh-btn,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{display:inline-flex!important;align-items:center;justify-content:center;width:max-content;background:var(--ink)!important;color:#fff!important;border:1px solid var(--ink)!important;border-radius:0!important;padding:15px 23px!important;font-size:10px!important;letter-spacing:.15em!important;text-transform:uppercase!important;font-weight:500!important;box-shadow:none!important}.hh-btn{margin-top:28px}.hh-hero-visual{position:relative;overflow:hidden;min-height:710px;background:linear-gradient(145deg,#c9bba9,#7e705f);background-size:cover;background-position:center}.hh-hero-visual.no-image:before{content:"";position:absolute;width:50%;height:67%;left:25%;top:16%;background:linear-gradient(160deg,#e2d8ca,#a18f78);border-radius:48% 48% 9% 9%;box-shadow:0 45px 90px #302a2350}.hh-hero-visual.no-image:after{content:"HAVÉN";position:absolute;right:34px;bottom:28px;color:#ffffffa6;font-size:10px;letter-spacing:.4em}
.hh-section{padding:110px 0}.hh-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.hh-intro h2,.hh-section-title,.hh-story h2,.hh-newsletter h2{font-family:var(--serif);font-weight:400;letter-spacing:-.025em;line-height:1.08;margin:0}.hh-intro h2{font-size:clamp(42px,5vw,62px)}.hh-intro p{color:var(--muted);max-width:570px;line-height:1.9;margin:0}.hh-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:55px}.hh-category{position:relative;min-height:390px;background:linear-gradient(145deg,#d9d0c3,#918371);overflow:hidden;display:flex;align-items:flex-end;padding:28px;color:#fff}.hh-category:nth-child(2){background:linear-gradient(145deg,#ddd8d0,#9c958a)}.hh-category:nth-child(3){background:linear-gradient(145deg,#cec1ad,#796b59)}.hh-category:nth-child(4){background:linear-gradient(145deg,#e5dfd5,#a09382)}.hh-category:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#0007)}.hh-category span{position:relative;z-index:1;font-family:var(--serif);font-size:27px}.hh-category small{position:absolute;z-index:1;top:22px;right:22px;font-size:9px;letter-spacing:.15em}.hh-head{display:flex;align-items:end;justify-content:space-between;border-top:1px solid var(--line);padding-top:27px;margin-bottom:28px}.hh-section-title{font-size:clamp(35px,4vw,48px)}.hh-text-link{font-size:10px;text-transform:uppercase;letter-spacing:.15em;border-bottom:1px solid;padding-bottom:4px}
.hh-placeholder-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.hh-placeholder-card .ph-img{aspect-ratio:1/1.18;background:linear-gradient(145deg,#e5dfd6,#b4aa9d);position:relative}.hh-placeholder-card .ph-img:after{content:"";position:absolute;width:42%;height:52%;left:29%;top:22%;background:#c5b7a6;border-radius:47% 47% 9% 9%;box-shadow:0 25px 45px #5b4e4030}.hh-placeholder-card:nth-child(2) .ph-img:after{height:32%;top:38%;border-radius:50%}.hh-placeholder-card:nth-child(3) .ph-img:after{width:30%;left:35%;background:#94836e}.hh-placeholder-card:nth-child(4) .ph-img:after{width:60%;height:24%;left:20%;top:46%;border-radius:50%}.hh-ph-meta{padding-top:14px}.hh-ph-meta strong{font-weight:500;font-size:13px}.hh-ph-meta span{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.hh-story{display:grid;grid-template-columns:1.08fr .92fr;background:#e8e1d6}.hh-story-visual{min-height:590px;background:linear-gradient(145deg,#b6a795,#6c6054);display:grid;place-items:center;color:#fff;font-family:var(--serif);font-size:72px;letter-spacing:.08em}.hh-story-copy{padding:80px;display:flex;flex-direction:column;justify-content:center}.hh-story h2{font-size:clamp(42px,5vw,60px)}.hh-story p{color:#625e56;line-height:1.9;max-width:470px;margin:25px 0}.hh-newsletter{background:#e5ddd2;text-align:center;padding:95px 25px}.hh-newsletter h2{font-size:clamp(38px,4vw,52px)}.hh-newsletter p{color:var(--muted);font-size:13px}.hh-newsletter-form{width:min(500px,100%);display:flex;margin:30px auto 0;border-bottom:1px solid var(--ink)}.hh-newsletter-form input{width:100%;border:0;background:none;padding:14px 2px;outline:0}.hh-newsletter-form button{border:0;background:none;font-size:10px;text-transform:uppercase;letter-spacing:.15em}
.hh-footer{background:var(--ink);color:#fff;padding:68px 0 25px}.hh-footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:45px}.hh-footer h3{font-size:10px;text-transform:uppercase;letter-spacing:.17em;margin:0 0 15px}.hh-footer p,.hh-footer a{font-size:11px;color:#aaa69f;display:block;line-height:2}.hh-footer .hh-brand{color:#fff;text-align:left;display:inline-block}.hh-footer-bottom{border-top:1px solid #34332f;margin-top:48px;padding-top:18px;color:#77746e;font-size:9px;display:flex;justify-content:space-between}.hh-content{padding:70px 0;min-height:50vh}.hh-content h1{font-family:var(--serif);font-size:50px;font-weight:400}.entry-content{max-width:850px}
.woocommerce .woocommerce-breadcrumb{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 30px}.woocommerce-products-header__title.page-title,.woocommerce div.product .product_title{font-family:var(--serif);font-weight:400;font-size:clamp(38px,4vw,58px);letter-spacing:-.03em}.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:34px 17px;margin:40px 0!important}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important}.woocommerce ul.products li.product a img{aspect-ratio:1/1.18;object-fit:cover;background:#ebe6de;margin:0 0 14px!important}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:13px!important;font-weight:500!important;padding:0!important}.woocommerce ul.products li.product .price{font-size:12px!important;color:var(--muted)!important;margin-top:5px!important}.woocommerce span.onsale{min-height:auto!important;min-width:auto!important;line-height:1!important;border-radius:0!important;background:#fff!important;color:var(--ink)!important;padding:8px 10px!important;top:12px!important;left:12px!important;font-size:9px!important;text-transform:uppercase;letter-spacing:.1em}.woocommerce ul.products li.product .button{margin-top:10px!important;padding:11px 14px!important;font-size:9px!important}
.woocommerce div.product{display:grid;grid-template-columns:1.06fr .94fr;gap:65px}.woocommerce div.product div.images,.woocommerce div.product div.summary{width:100%!important;float:none!important;margin:0!important}.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--ink)!important;font-size:18px!important}.woocommerce div.product .woocommerce-tabs{grid-column:1/-1;margin-top:60px}.woocommerce-message,.woocommerce-info,.woocommerce-error{border-top-color:var(--ink)!important;background:#f2eee7!important}.woocommerce table.shop_table{border:1px solid var(--line)!important;border-radius:0!important}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{border:1px solid var(--line);border-radius:0;min-height:45px;background:#fff;padding:9px}.woocommerce-checkout #payment{background:#eee9e1!important;border-radius:0!important}
@media(max-width:950px){.hh-container{width:min(100% - 36px,1380px)}.hh-nav{grid-template-columns:auto 1fr auto}.hh-menu-wrap{display:none}.hh-mobile-toggle{display:block}.hh-brand{justify-self:center;font-size:25px}.hh-actions .hh-account-link{display:none}.hh-hero{grid-template-columns:1fr}.hh-hero-visual{min-height:430px}.hh-hero-copy{padding:70px 28px}.hh-intro{grid-template-columns:1fr;gap:28px}.hh-categories,.hh-placeholder-grid,.woocommerce ul.products{grid-template-columns:repeat(2,1fr)!important}.hh-category{min-height:280px}.hh-story{grid-template-columns:1fr}.hh-story-visual{min-height:360px}.hh-story-copy{padding:55px 30px}.hh-footer-grid{grid-template-columns:1fr 1fr}.woocommerce div.product{grid-template-columns:1fr}.woocommerce div.product .woocommerce-tabs{grid-column:auto}}
@media(max-width:600px){.admin-bar .hh-header{top:46px}.hh-container{width:min(100% - 28px,1380px)}.hh-nav{min-height:70px}.hh-brand{font-size:21px}.hh-actions .hh-account-link{display:none}.hh-hero h1{font-size:51px}.hh-hero-visual{min-height:370px}.hh-section{padding:75px 0}.hh-category{min-height:220px;padding:18px}.hh-category span{font-size:21px}.hh-placeholder-grid{gap:25px 10px}.hh-footer-grid>div:first-child{grid-column:1/-1}.hh-footer-bottom{display:block}.woocommerce ul.products{gap:28px 10px!important}}