/*
Theme Name: Maryna
Theme URI: https://marynakrylova.com
Author: Stannet
Description: Eigen thema voor Maryna Krylova, richting Nocturne A4 met logo. Donker, fotografie voorop, goud accent, Bricolage Grotesque.
Version: 0.1.0
License: GNU General Public License v2 or later
Text Domain: maryna
*/
:root{--bg:#0c0b10;--sf:#15131b;--sf2:#1c1923;--tx:#ece7dd;--mu:#a39d92;--ac:#d4a24c;--ac2:#e6bd6b;--ln:#2a2733;--red:#f00c12;--w:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.65 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}a{color:var(--ac);text-decoration:none}a:hover{color:var(--ac2);text-decoration:underline}
h1,h2,h3,h4{font-family:"Bricolage Grotesque",Inter,sans-serif;font-weight:300;letter-spacing:-.02em;margin:0 0 .4em;line-height:1.05}h1{font-size:clamp(40px,6vw,84px)}h2{font-size:clamp(30px,4vw,52px)}h3{font-size:26px}
h1 em,h2 em{font-style:normal;font-weight:600;color:var(--ac)}
p{margin:0 0 1em}.wrap{max-width:var(--w);margin:0 auto;padding:0 24px}.lbl{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--ac);margin:0 0 18px;font-weight:500}
.btn{display:inline-block;border:1px solid var(--ac);color:var(--ac);padding:12px 26px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;border-radius:2px}.btn:hover{background:var(--ac);color:#111;text-decoration:none}.btn.solid{background:var(--ac);color:#111}.btn.solid:hover{background:var(--ac2)}
/* header */
.site-header{position:absolute;inset:0 0 auto 0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:22px 40px;gap:20px}
.site-header.solid{position:relative;background:var(--bg);border-bottom:1px solid var(--ln)}
.brand img{height:34px;width:auto}.brand{display:flex;align-items:center;gap:12px}.brand span{font-family:"Bricolage Grotesque",sans-serif;font-weight:600;font-size:18px;color:#fff;letter-spacing:-.01em}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:24px;align-items:center}.nav a{color:#fff;opacity:.8;font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:500}.nav a:hover,.nav .current-menu-item>a{opacity:1;text-decoration:none;border-bottom:1px solid var(--ac);padding-bottom:4px}
.nav .btn{opacity:1;border-bottom:0!important;padding:10px 18px!important}
.nav-toggle{display:none;background:none;border:1px solid var(--ln);color:#fff;padding:8px 12px;font-size:12px;letter-spacing:.15em;text-transform:uppercase;cursor:pointer}
/* hero */
.hero{position:relative;min-height:88vh;max-height:1100px;display:flex;align-items:flex-end;background-position:center 30%;background-size:cover;background-repeat:no-repeat;background-color:#000}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.35) 14%,rgba(0,0,0,0) 38%,var(--bg) 100%)}
.site-header:not(.solid){background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,0))}.site-header .nav a,.site-header .brand span{text-shadow:0 1px 3px rgba(0,0,0,.6)}
.hero .in{position:relative;padding:120px 40px 72px;max-width:980px}.hero .logo{width:min(62vw,600px);height:auto;filter:drop-shadow(0 10px 40px rgba(0,0,0,.55))}
.hero h1.sub{font-size:clamp(34px,4.6vw,64px);margin:6px 0 0;color:var(--ac);font-weight:600;text-transform:lowercase}
.hero .tag{margin:22px 0 0;font-size:13px;letter-spacing:.32em;text-transform:uppercase;color:var(--mu)}.hero .cta{margin-top:30px;display:flex;gap:14px;flex-wrap:wrap}
.hero small{position:absolute;right:40px;bottom:24px;color:var(--mu);font-size:12px}
.hero.small{min-height:52vh;max-height:620px;align-items:flex-end}.hero.small .in{padding:140px 40px 48px}.hero.small h1{font-size:clamp(40px,6vw,84px);margin:0}.hero.small .lbl{margin-bottom:10px}
/* sections */
section,.section{padding:96px 0}.section.tight{padding-top:0}
.news{display:grid;grid-template-columns:420px 1fr;gap:64px;align-items:center}.news img{box-shadow:0 30px 80px rgba(0,0,0,.6)}.news h2{margin-bottom:16px}.news p{color:var(--mu);font-size:18px;max-width:560px}
.press{border-top:1px solid var(--ln);border-bottom:1px solid var(--ln)}.qgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
blockquote{margin:0}blockquote p{font-family:"Bricolage Grotesque",sans-serif;font-weight:300;font-size:24px;line-height:1.3}blockquote cite{display:block;margin-top:14px;font-style:normal;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--ac)}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.duo figure{margin:0}.duo figcaption{color:var(--mu);font-size:12px;margin-top:10px;letter-spacing:.1em}.duo p{color:var(--mu);font-size:18px}
.vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.vgrid article{background:var(--sf);padding:0 0 22px}.vgrid h3{font-size:26px;margin:18px 22px 6px}.vgrid p{margin:0 22px;color:var(--mu);font-size:15px}
.fr{position:relative;padding-top:56.25%;overflow:hidden;background:#000}.fr iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.band{background:linear-gradient(135deg,#1a1520,#0c0b10);border-top:1px solid var(--ln);border-bottom:1px solid var(--ln);padding:80px 0}.band .wrap{display:grid;grid-template-columns:1.3fr .7fr;gap:48px;align-items:center}.band p{color:var(--mu);font-size:18px;max-width:640px}.band .cta{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.posts article{background:var(--sf)}.posts .t{padding:20px 22px 26px}.posts h3{font-size:24px}.posts time{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ac)}.posts p{color:var(--mu);font-size:15px}
/* content pages */
.content{max-width:820px}.content.wide{max-width:var(--w)}.content p,.content li{font-size:18px;color:#d9d3c8}.content h2{margin-top:1.6em;font-size:clamp(28px,3vw,40px)}.content h3{margin-top:1.4em}.content img{margin:1.5em 0}.content hr{border:0;border-top:1px solid var(--ln);margin:2.5em 0}.content b,.content strong{color:var(--tx)}
.content .wp-block-gallery{gap:14px}.content .wp-block-image img,.content .wp-block-gallery img{margin:0}
.mk-embed{position:relative;padding-bottom:56.25%;height:0;margin:1.5em 0;background:#000}.mk-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* forms (CF7) */
.wpcf7 label{display:block;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--mu);margin:18px 0 6px}
.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 input[type=tel],.wpcf7 input[type=date],.wpcf7 input[type=number],.wpcf7 select,.wpcf7 textarea{width:100%;background:var(--sf);border:1px solid var(--ln);color:var(--tx);padding:14px 16px;font:16px Inter,sans-serif;border-radius:2px}
.wpcf7 textarea{min-height:160px}.wpcf7 input:focus,.wpcf7 select:focus,.wpcf7 textarea:focus{outline:none;border-color:var(--ac)}
.wpcf7 input[type=submit]{margin-top:24px;background:var(--ac);color:#111;border:0;padding:16px 32px;font:500 12px/1 Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;border-radius:2px}.wpcf7 input[type=submit]:hover{background:var(--ac2)}
.wpcf7 .grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.wpcf7-response-output{border:1px solid var(--ac)!important;padding:14px!important;margin:20px 0 0!important;color:var(--tx)}.wpcf7-not-valid-tip{color:#e88;font-size:13px}
/* footer */
.site-footer{border-top:1px solid var(--ln);padding:56px 40px 40px;color:var(--mu);font-size:13px}.site-footer .row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;max-width:var(--w);margin:0 auto}
.site-footer img{height:36px;width:auto}.site-footer .soc a{margin-left:18px}.site-footer .fnav a{margin-right:16px;color:var(--mu)}.site-footer .cta{margin-top:26px;padding-top:26px;border-top:1px solid var(--ln)}
/* woocommerce */
.woocommerce ul.products{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin:0;padding:0;list-style:none}.woocommerce ul.products li.product{background:var(--sf);padding:0 0 22px;margin:0;width:auto}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:"Bricolage Grotesque",sans-serif;font-weight:300;font-size:24px;padding:18px 22px 4px;color:var(--tx)}.woocommerce ul.products li.product .price{padding:0 22px;color:var(--ac);font-size:16px;display:block}.woocommerce ul.products li.product .button{margin:16px 22px 0;display:inline-block;background:var(--ac);color:#111;border-radius:2px;padding:10px 18px;font-size:12px;letter-spacing:.15em;text-transform:uppercase}
.woocommerce .price,.woocommerce .amount{color:var(--ac)}.woocommerce button.button,.woocommerce a.button,.woocommerce .single_add_to_cart_button{background:var(--ac)!important;color:#111!important;border-radius:2px!important;font-size:12px!important;letter-spacing:.15em;text-transform:uppercase}
.woocommerce div.product .product_title{font-size:clamp(32px,4vw,56px)}.woocommerce div.product .woocommerce-product-details__short-description,.woocommerce div.product .woocommerce-Tabs-panel{color:#d9d3c8}.woocommerce div.product div.images img{box-shadow:0 30px 80px rgba(0,0,0,.6)}
.woocommerce table.shop_table,.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{background:var(--sf);border:1px solid var(--ln);color:var(--tx)}.woocommerce-tabs ul.tabs li{background:var(--sf)!important;border-color:var(--ln)!important}.woocommerce-tabs ul.tabs li a{color:var(--tx)!important}
.woocommerce-message,.woocommerce-info,.woocommerce-error{background:var(--sf)!important;color:var(--tx)!important;border-top-color:var(--ac)!important}
/* responsive */
@media(max-width:1000px){.news,.qgrid,.duo,.vgrid,.posts,.band .wrap,.woocommerce ul.products{grid-template-columns:1fr}.band .cta{justify-content:flex-start}}
@media(max-width:1100px){.site-header{padding:16px 20px}.nav-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:64px;background:var(--bg);border-bottom:1px solid var(--ln);padding:16px 20px 22px}.nav.open{display:block}.nav ul{flex-direction:column;align-items:flex-start;gap:14px}.hero .in,.hero.small .in{padding:110px 20px 44px}}
@media(max-width:900px){.hero .logo{width:82vw}.hero small{right:20px}section,.section{padding:64px 0}.site-footer{padding:36px 20px}.wpcf7 .grid2{grid-template-columns:1fr}}

/* review 30-09: toegankelijkheid, shop-voorvertoning, zoeken */
.skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--ac);color:#111;padding:10px 16px}.skip:focus{left:8px}
.notice{background:var(--sf);border-left:3px solid var(--ac);padding:14px 18px;color:var(--mu);margin:0 0 28px}
.btn.ghost{opacity:.6;cursor:default}.btn.ghost:hover{background:none;color:var(--ac)}
.nav li.cart a{color:var(--ac)}
.search-form{display:flex;gap:10px;max-width:520px}.search-form input[type=search]{flex:1;background:var(--sf);border:1px solid var(--ln);color:var(--tx);padding:12px 14px;font:16px Inter,sans-serif}.search-form input[type=submit],.search-form button{background:var(--ac);color:#111;border:0;padding:12px 18px;font:500 12px Inter,sans-serif;letter-spacing:.15em;text-transform:uppercase;cursor:pointer}
nav.pages{margin-top:32px;color:var(--mu)}nav.pages a{margin:0 6px}
.woocommerce .woocommerce-ordering select{background:var(--sf);color:var(--tx);border:1px solid var(--ln);padding:8px 10px}.woocommerce .quantity .qty{background:var(--sf);color:var(--tx);border:1px solid var(--ln);padding:10px}
.woocommerce-tabs .wc-tab,.woocommerce-tabs .woocommerce-Tabs-panel{background:transparent}
/* review 30-09: Woo-standaardstijlen staan weer aan, eigen raster wint */
.woocommerce ul.products,.woocommerce-page ul.products{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:36px!important;margin:0 0 40px!important;padding:0!important}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{width:100%!important;float:none!important;margin:0!important;clear:none!important;background:var(--sf);padding:0 0 22px!important}
.woocommerce ul.products li.product a img{width:100%!important;margin:0!important;box-shadow:none!important}
.woocommerce ul.products li.product .button,.woocommerce ul.products li.product .btn.ghost{margin:16px 22px 0!important;display:inline-block}
.woocommerce .woocommerce-result-count{color:var(--mu);margin:0 0 18px}.woocommerce .woocommerce-ordering{float:none;margin:0 0 24px}
.woocommerce div.product div.images,.woocommerce div.product div.summary{color:var(--tx)}.woocommerce div.product .summary .price{font-size:22px}
@media(max-width:1000px){.woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:1fr!important}}
@media(min-width:601px) and (max-width:1000px){.woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:1fr 1fr!important}}
.woocommerce ul.products::before,.woocommerce ul.products::after,.woocommerce-page ul.products::before,.woocommerce-page ul.products::after{display:none!important;content:none!important}
.woocommerce div.product div.images.woocommerce-product-gallery{opacity:1!important}

/* nieuwsbrief */
.newsletter{width:100%;max-width:720px}.newsletter .nl-text{color:var(--mu);font-size:16px;margin:0 0 18px}
.nl-form{display:grid;grid-template-columns:1fr 1.4fr auto;gap:12px;align-items:center}.nl-form input[type=text],.nl-form input[type=email]{background:var(--sf);border:1px solid var(--ln);color:var(--tx);padding:13px 14px;font:15px Inter,sans-serif;border-radius:2px;width:100%}.nl-form input:focus{outline:none;border-color:var(--ac)}
.nl-form .btn{padding:13px 22px;border:1px solid var(--ac);cursor:pointer;font-family:Inter,sans-serif}.nl-form .nl-consent{grid-column:1/-1;color:var(--mu);font-size:13px;display:flex;gap:8px;align-items:flex-start}.nl-form .nl-consent input{margin-top:3px}
.nl-form .hp{position:absolute;left:-9999px}.sr{position:absolute;left:-9999px}.nl-msg{padding:10px 14px;border-left:3px solid var(--ac);background:var(--sf);font-size:14px}.nl-msg.err{border-color:#c33}
@media(max-width:700px){.nl-form{grid-template-columns:1fr}}

/* taalschakelaar */
.nav li.lang a{opacity:.55;margin-left:0;padding:0 4px}.nav li.lang a.on{opacity:1;border-bottom:1px solid var(--ac)}.nav li.lang a+a{margin-left:4px}