/*
Theme Name: VELANTOR Atlas
Theme URI: https://velantor.nl/
Author: VELANTOR
Description: Een editorial WooCommerce-thema voor VELANTOR — Marokkaans vakmanschap, Nederlands design.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: velantor-atlas
*/
:root{
 --ink:#241912;--brown:#3a2117;--terra:#a95531;--sand:#f4eee7;--cream:#fbf8f4;--line:#ded4cb;
 --serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.55}
a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}
.site-top{height:30px;background:#21150f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.site-top span{opacity:.95}.site-header{background:#fbf8f4;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.nav{height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:1440px;margin:auto;padding:0 32px}
.nav-left,.nav-right{display:flex;gap:28px;align-items:center;font-size:12px;text-transform:uppercase;letter-spacing:.07em}.nav-right{justify-content:flex-end}
.logo{text-align:center;letter-spacing:.28em;font-family:var(--serif);font-size:24px;line-height:1}.logo small{display:block;font:9px var(--sans);letter-spacing:.38em;margin-top:7px}
.nav a:hover{opacity:.65}.icon{font-size:20px;letter-spacing:0}.menu-toggle{display:none}
.container{max-width:1440px;margin:auto;padding:0 28px}.hero{min-height:560px;background-image:linear-gradient(90deg,rgba(20,10,6,.72),rgba(20,10,6,.15) 62%),url("../images/hero.jpg");background-size:cover;background-position:center;display:flex;align-items:center}.hero-inner{max-width:620px;color:#fff;padding:80px 5vw}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;margin-bottom:16px}.hero h1{font:clamp(44px,5vw,76px)/.95 var(--serif);font-weight:400;margin:0 0 22px;letter-spacing:-.025em}.hero p{max-width:450px;font-size:16px}.btn{display:inline-flex;align-items:center;gap:12px;background:var(--terra);color:#fff;padding:14px 20px;text-transform:uppercase;letter-spacing:.1em;font-size:11px;border:1px solid var(--terra);transition:.2s}.btn:hover{background:#7f3d25;color:#fff}.btn-outline{background:transparent;color:var(--ink);border-color:#bcaea3}
.section{padding:72px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section h2{font:400 clamp(34px,4vw,54px)/1 var(--serif);margin:6px 0 12px}.section-intro{max-width:500px;color:#655a52}.link-arrow{text-transform:uppercase;letter-spacing:.1em;font-size:11px;border-bottom:1px solid currentColor;padding-bottom:4px}
.categories{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.cat{position:relative;aspect-ratio: .78;overflow:hidden;background:#ddd}.cat img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.cat:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.65))}.cat:hover img{transform:scale(1.04)}.cat-copy{position:absolute;z-index:2;bottom:18px;left:18px;color:#fff}.cat-copy strong{display:block;font:22px var(--serif);font-weight:400}.cat-copy span{font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.atlas{background:#f1ebe4}.atlas-grid{display:grid;grid-template-columns:1.05fr 2fr;gap:40px;align-items:center}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{min-width:0}.product-image{background:#e9e0d8;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.product-title{font:18px var(--serif);margin-top:12px}.price{font-size:13px;margin-top:3px}.swatches{display:flex;gap:5px;margin-top:8px}.swatches i{width:10px;height:10px;border-radius:50%;background:#6b321d;border:1px solid #fff;box-shadow:0 0 0 1px #bcaea3}.swatches i:nth-child(2){background:#211914}.swatches i:nth-child(3){background:#b99a7e}
.craft{display:grid;grid-template-columns:1fr 1fr;background:#291b14;color:#fff}.craft-image{min-height:510px;background:url("../images/craftsmanship.jpg") center/cover}.craft-copy{padding:70px;display:flex;flex-direction:column;justify-content:center}.craft-copy h2{font:400 50px/1 var(--serif);margin:8px 0 18px}.craft-copy p{max-width:530px;color:#e6dbd2}.craft-list{border-top:1px solid #6c5547;margin-top:26px}.craft-list div{padding:15px 0;border-bottom:1px solid #6c5547;text-transform:uppercase;letter-spacing:.1em;font-size:11px}
.story{position:relative;min-height:470px;background:linear-gradient(90deg,rgba(22,12,7,.66),rgba(22,12,7,.05)),url("../images/story.jpg") center/cover;color:#fff;display:flex;align-items:center}.story-copy{padding:70px;max-width:650px}.story h2{font:400 58px/.95 var(--serif);margin:8px 0 18px}.story p{max-width:480px}
.material{min-height:330px;background:linear-gradient(rgba(35,18,11,.55),rgba(35,18,11,.55)),url("../images/leather.jpg") center/cover;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center}.material h2{font:400 55px var(--serif);margin:0 0 12px}.material p{max-width:620px;margin:0 auto 22px}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.benefit{padding:28px;border-right:1px solid var(--line)}.benefit:last-child{border:0}.benefit strong{display:block;font-family:var(--serif);font-size:19px;margin-bottom:5px}.benefit span{font-size:12px;color:#6a5f57}
.newsletter{background:#b66a46;color:#fff;padding:55px 28px;text-align:center}.newsletter h2{font:400 40px var(--serif);margin:0 0 8px}.newsletter p{margin:0 0 22px}.newsletter form{display:flex;max-width:580px;margin:auto}.newsletter input{flex:1;padding:14px;border:0}.newsletter button{border:0;background:#2b1a12;color:#fff;padding:0 24px;text-transform:uppercase;font-size:11px;letter-spacing:.08em}
.site-footer{background:#21150f;color:#fff;padding:65px 28px 22px}.footer-grid{max-width:1380px;margin:auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:50px}.footer-logo{font:28px var(--serif);letter-spacing:.22em}.footer-muted{color:#bcaea3;font-size:12px}.footer-title{text-transform:uppercase;font-size:11px;letter-spacing:.1em;margin-bottom:15px}.footer-links a{display:block;color:#d8cbc1;font-size:13px;margin:7px 0}.copyright{max-width:1380px;margin:50px auto 0;padding-top:20px;border-top:1px solid #503d32;color:#a99588;font-size:11px;display:flex;justify-content:space-between}
.woocommerce .site-main,.woocommerce-page .site-main{padding:50px 28px;max-width:1440px;margin:auto}.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:28px;margin:0!important}.woocommerce ul.products li.product{width:auto!important;float:none!important;margin:0!important}.woocommerce ul.products li.product img{background:#eee6de}.woocommerce ul.products li.product .woocommerce-loop-product__title{font:20px var(--serif);font-weight:400}.woocommerce span.onsale{background:var(--terra);min-height:2.4em;min-width:2.4em}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:var(--terra);color:#fff;border-radius:0;padding:12px 18px}.woocommerce a.button:hover,.woocommerce button.button:hover{background:#7f3d25;color:#fff}
@media(max-width:900px){.nav{height:64px;grid-template-columns:auto 1fr auto;padding:0 18px}.nav-left{display:none}.nav-right{gap:12px}.nav-right .text-link{display:none}.menu-toggle{display:block;font-size:22px}.hero{min-height:620px}.hero-inner{padding:50px 24px;align-self:end;padding-bottom:70px}.hero h1{font-size:46px}.categories{grid-template-columns:repeat(2,1fr)}.categories .cat:last-child{grid-column:span 2;aspect-ratio:1.8}.atlas-grid,.craft{grid-template-columns:1fr}.atlas-grid{gap:30px}.product-grid{grid-template-columns:repeat(2,1fr)}.craft-image{min-height:360px}.craft-copy{padding:45px 28px}.story-copy{padding:50px 28px}.story h2{font-size:46px}.benefits{grid-template-columns:repeat(2,1fr)}.benefit:nth-child(2){border-right:0}.benefit:nth-child(-n+2){border-bottom:1px solid var(--line)}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.copyright{display:block}.copyright span{display:block;margin-top:8px}.woocommerce ul.products{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:560px){.site-top{font-size:9px}.logo{font-size:19px}.hero{min-height:570px}.hero h1{font-size:40px}.section{padding:52px 0}.container{padding:0 16px}.categories{gap:7px}.cat-copy{left:12px;bottom:12px}.cat-copy strong{font-size:18px}.product-grid{gap:14px}.product-title{font-size:16px}.craft-copy h2,.material h2{font-size:38px}.benefit{padding:20px 15px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:span 2}.newsletter form{display:block}.newsletter input,.newsletter button{width:100%;height:46px}.newsletter button{margin-top:6px}.woocommerce ul.products{grid-template-columns:1fr 1fr!important;gap:14px!important}}