/* WIKTORIA FIT / global Gutenberg-compatible draft theme 2026.
   Dark backgrounds are intentional across all site types.
   Palette from existing website: charcoal + warm gold (#bba14f).
*/
:root{--wf-bg:#0e0e13;--wf-surface:#191920;--wf-panel:#202029;--wf-card:#24242c;--wf-accent:#bba14f;--wf-accent-hover:#e3c66f;--wf-text:#f6f3ee;--wf-muted:#c2bdc2;--wf-line:#ffffff23;--wf-width:1160px}
html{scroll-behavior:smooth}
body{background:var(--wf-bg)!important;color:var(--wf-text)!important;font-family:'DM Sans',sans-serif}
body #wrapper{background:var(--wf-bg);overflow-x:clip}
body #main{margin:0;min-height:45vh;padding:0!important;color:var(--wf-text)}
body #main *{box-sizing:border-box}
body #main img{max-width:100%;height:auto}
body #main .wp-block-image img{height:auto;max-width:100%}
body #main a{color:var(--wf-accent);text-decoration:none}
body #main a:hover{color:var(--wf-accent-hover)}
body #main p,body #main li{line-height:1.8}
body #main h1,body #main h2,body #main h3,body #main h4,body #main h5{font-family:'Barlow Condensed',sans-serif;line-height:1.1;letter-spacing:.006em;color:var(--wf-text)}
body #main h1{font-weight:800}
body #main h2{font-size:clamp(34px,4.5vw,52px);font-weight:750;line-height:1.08;margin:38px 0 20px}
body #main h3{font-size:clamp(24px,3vw,34px);font-weight:700;margin:30px 0 15px}
body #main h4{font-size:clamp(21px,2.5vw,27px);font-weight:700}
body #main p{color:var(--wf-muted)}
body #main blockquote{border-inline-start:3px solid var(--wf-accent);padding:20px;background:var(--wf-surface)}
body #main .wp-block-button .wp-block-button__link,body #main button.button,body #main a.button,body #main input[type=submit],body #main button[type=submit]{border:1px solid var(--wf-accent);border-radius:3px!important;padding:13px 25px;background:var(--wf-accent);color:#0e0e13;font:700 13px 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.055em;transition:background .2s,transform .2s}
body #main .wp-block-button .wp-block-button__link:hover,body #main a.button:hover,body #main button.button:hover{background:var(--wf-accent-hover);color:#080808;transform:translateY(-2px)}
body #main .wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:var(--wf-accent)}
body #main a:focus-visible,#header a:focus-visible{outline:2px solid var(--wf-accent);outline-offset:3px}
body #main .alignwide{max-width:var(--wf-width)}
body #main .alignfull{width:100%;max-width:none}
body #main .has-background{color:var(--wf-text)}
body #main .wp-block-columns{gap:clamp(20px,2.5vw,40px);margin-bottom:25px}
body #main .wp-block-table table,body #main .wp-block-table td,body #main .wp-block-table th{border-color:var(--wf-line);color:var(--wf-text)}
body #main .wp-block-table tr:nth-child(even){background:#ffffff08}
body #main .wp-block-separator{border-color:var(--wf-line)}
body #main input:not([type=checkbox]):not([type=radio]):not([type=submit]),body #main textarea,body #main select{color:#faf8f2;background:#26262e;border:1px solid #ffffff37;max-width:100%;padding:12px;border-radius:3px}
body #main input::placeholder,body #main textarea::placeholder{color:#c1bac5}
body #main label{color:#f5f0e7}
body #main .wp-block-gallery{gap:20px!important}
body #main .wp-block-gallery img{border-radius:4px}
body #main .wp-block-group:has(> .wp-block-group__inner-container){max-width:100%}
#header{background:#111117!important;border-bottom:1px solid var(--wf-line);box-shadow:0 8px 24px #0003;min-height:85px;position:relative;z-index:50}
#header .container{max-width:1230px}
#header .navbar-brand{font-family:'Barlow Condensed',sans-serif;font-size:28px;font-weight:700;color:var(--wf-text)!important}
#header .navbar-brand img{height:60px!important;width:auto;max-width:220px;object-fit:contain}
#header .navbar-nav{gap:6px;align-items:center}
#header .nav-link,#header .dropdown-item{color:#f4f1f3!important;font:600 13px 'DM Sans',sans-serif;letter-spacing:.01em;padding:13px 11px!important;white-space:normal}
#header .nav-link:hover,#header .nav-link.active{color:var(--wf-accent)!important}
#header .dropdown-menu{background:#25242e;border:1px solid var(--wf-line);border-radius:4px;box-shadow:0 15px 40px #0007}
#header .dropdown-item:hover{background:#3a3541;color:var(--wf-accent)!important}
#header .navbar-toggler{border-color:#bba14f99!important}
#header .navbar-toggler-icon{background-image:linear-gradient(var(--wf-accent),var(--wf-accent)),linear-gradient(var(--wf-accent),var(--wf-accent)),linear-gradient(var(--wf-accent),var(--wf-accent))!important;background-position:center 32%,center 50%,center 68%;background-size:23px 2px;background-repeat:no-repeat}
#header .search-form{min-width:0!important;max-width:190px;margin-left:auto}
#header .search-form .form-control{background:#24232a!important;color:#fff!important;border-color:#ffffff30!important;font-size:12px}
#header .search-form .btn{border-color:var(--wf-accent)!important;color:var(--wf-accent)!important;font-size:12px}
#header .search-form .btn:hover{background:var(--wf-accent);color:#111}
.wf-global-article{padding:60px 25px 95px;max-width:1200px;margin:0 auto}
.wf-global-home{padding-top:42px}
.wf-editorial{max-width:100%}
.wf-article-head{position:relative;background:linear-gradient(125deg,#191920,#100f15);border:1px solid #ffffff12;overflow:hidden;padding:clamp(34px,5.5vw,76px);margin-bottom:45px}
.wf-article-head:after{content:'W';position:absolute;right:-12px;bottom:-155px;font:800 420px 'Barlow Condensed',sans-serif;opacity:.025;pointer-events:none}
body #main .wf-page-title{font-size:clamp(46px,7.6vw,103px);font-weight:800;line-height:.94;letter-spacing:-.025em;margin:0 0 22px;max-width:920px;position:relative;z-index:1}
body #main .wf-overline{font:700 11px 'DM Sans',sans-serif;color:var(--wf-accent);letter-spacing:.2em;text-transform:uppercase;margin:0 0 22px}
body #main .wf-intro{font-size:clamp(16px,2vw,21px);line-height:1.7;max-width:710px;color:#ddd9da;margin:0 0 27px}
.wf-hero-actions{display:flex;flex-wrap:wrap;gap:12px;position:relative;z-index:1}
body #main .wf-btn{display:inline-flex;padding:15px 24px;background:var(--wf-accent);border:1px solid var(--wf-accent);color:#111;font-size:13px;text-transform:uppercase;font-weight:700;letter-spacing:.04em;align-items:center;justify-content:center}
body #main .wf-btn:hover{background:var(--wf-accent-hover);color:#111}
body #main .wf-btn-outline{background:transparent;color:var(--wf-accent)}
body #main .wf-btn-outline:hover{background:var(--wf-accent);color:#111}
body #main .wf-gutenberg-content{min-width:0;overflow-wrap:anywhere}
body #main .wf-gutenberg-content>h2,body #main .wf-gutenberg-content>.wp-block-heading{margin-top:50px}
body #main .wf-gutenberg-content .wp-block-group{margin-bottom:32px}
body #main .wf-gutenberg-content .wp-block-image{margin-bottom:25px}
body #main .wf-gutenberg-content .wp-block-cover{min-height:300px}
body #main .wf-page-editorial .wf-article-head{margin-bottom:40px}
body #main .wf-homepage-editorial>.wf-gutenberg-content{padding:10px}
body #main .wf-homepage-editorial .wp-block-gallery{margin:25px 0 50px}
body #main .wf-homepage-editorial .wp-block-gallery .wp-block-image{border:1px solid #ffffff27;border-radius:5px;overflow:hidden;background:var(--wf-surface)}
body #main .wf-homepage-editorial .wp-block-gallery figcaption{background:linear-gradient(transparent,#080808bd);font-size:13px;padding:15px;color:#fff}
body #main .wf-homepage-editorial .wp-block-gallery a{color:var(--wf-accent)}
body #main .wf-homepage-editorial h2{border-inline-start:4px solid var(--wf-accent);padding-inline-start:20px}
body #main .wf-homepage-editorial .stk--background-scheme--scheme-default-3,body #main .stk--background-scheme--scheme-default-3{--stk-block-background-color:#171720;--stk-heading-color:#fffffe;--stk-text-color:#e4dfe7;--stk-link-color:#bba14f;--stk-accent-color:#bba14f;--stk-button-background-color:#bba14f;--stk-button-text-color:#15151a}
body #main .stk--container-scheme--scheme-default-3{--stk-container-background-color:#191920;--stk-heading-color:#fffffe;--stk-text-color:#e4dfe7;--stk-link-color:#bba14f;--stk-accent-color:#bba14f}
body #main .wf-editorial-landing .wf-page-intro{padding:clamp(25px,4vw,50px);margin-bottom:45px;border:1px solid var(--wf-line);background:linear-gradient(130deg,#22222a,#141419)}
body #main .wf-editorial-landing .wf-intro-columns{align-items:center;gap:clamp(20px,4vw,70px)}
body #main .wf-editorial-landing .wf-page-lead{font-size:clamp(18px,2.4vw,23px);font-weight:500;color:#f5f2ef;line-height:1.65}
body #main .wf-editorial-landing .wf-feature-image{margin:0;overflow:hidden;border-radius:4px;max-width:520px}
body #main .wf-editorial-landing .wf-feature-image img{width:100%;max-height:465px;object-fit:cover}
body #main .wf-editorial-landing .wf-feature-tile{padding:28px;border:1px solid var(--wf-line);background:#1d1d25;min-height:190px}
body #main .wf-editorial-landing .wf-feature-tile h3{margin-top:0}
body #main .wf-editorial-landing .wf-story-columns{gap:35px;margin:45px 0;align-items:center}
body #main .wf-editorial-landing .wf-story-image img{max-height:520px;width:100%;object-fit:cover}
body #main .wf-editorial-landing .wf-page-content>h2{padding-bottom:12px;border-bottom:1px solid #ffffff26;margin-top:50px}
body #main .wf-editorial-landing .wf-page-content>h2:first-child{margin-top:0}
body #main .wf-editorial-landing .wf-page-content>p{max-width:960px}
.wf-single-article .wf-post-cover{max-width:900px;margin:0 auto 40px}
.wf-single-article .wf-post-cover img{width:100%;height:auto;border-radius:5px}
.wf-single-article .wf-gutenberg-content{max-width:940px;margin:auto}
.wf-post-navigation{max-width:940px;margin:70px auto 30px;border-top:1px solid var(--wf-line);padding-top:23px;display:flex;justify-content:space-between;gap:25px}
.wf-posts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.wf-post-card{background:#1a1a22;border:1px solid #ffffff1c;transition:transform .2s;min-width:0}
.wf-post-card:hover{transform:translateY(-4px)}
.wf-post-card-image{height:200px;display:block;overflow:hidden;background:#302d31}
.wf-post-card-image img{display:block;width:100%;height:100%!important;object-fit:cover}
.wf-post-card-body{padding:27px}
body #main .wf-post-card-body h2{font-size:30px;line-height:1.1;margin:0 0 12px}
body #main .wf-post-card-body h2 a{color:var(--wf-text)}
.wf-more{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.wf-pagination{margin-top:40px}
.wf-pagination .page-numbers{padding:9px 12px;margin-right:4px;border:1px solid var(--wf-line)}
.wf-pagination .current{background:var(--wf-accent);color:#111!important}
body #main .wf-notfound{min-height:420px}
#footer{background:#141419!important}
#wrapper>.container-fluid{padding-left:0;padding-right:0;background:#0e0e13}
#wrapper>.container-fluid footer{background:#15151b!important;border-top:2px solid var(--wf-accent);color:#efedf1!important;padding:55px 25px 28px}
#wrapper>.container-fluid footer>.container-fluid{max-width:1200px}
#wrapper>.container-fluid footer h4,#wrapper>.container-fluid footer h5{font-family:'Barlow Condensed',sans-serif;font-size:23px;letter-spacing:.035em;color:#f7f3f5;font-weight:700}
#wrapper>.container-fluid footer p{font-size:14px;color:#c1bec6;line-height:1.8}
#wrapper>.container-fluid footer a{font-size:14px;color:#c8c4cb!important}
#wrapper>.container-fluid footer a:hover{color:var(--wf-accent)!important}
#wrapper>.container-fluid footer hr{border-color:#ffffff36}
body .woocommerce{color:var(--wf-text)}
body .woocommerce .woocommerce-breadcrumb{color:var(--wf-muted)}
body .woocommerce ul.products li.product{background:#1a1a21;padding:12px;border:1px solid var(--wf-line);border-radius:3px}
body .woocommerce ul.products li.product .woocommerce-loop-product__title{color:var(--wf-text)}
body .woocommerce ul.products li.product .price,body .woocommerce div.product p.price,body .woocommerce div.product span.price{color:var(--wf-accent)}
body .woocommerce div.product .woocommerce-tabs ul.tabs li{background:#1b1b24;border-color:#ffffff2a}
body .woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--wf-text)}
body .woocommerce table.shop_table,body .woocommerce table.shop_table td,body .woocommerce table.shop_table th{color:var(--wf-text);border-color:#ffffff3d}
body .woocommerce .select2-container .select2-selection{background:#25252d;color:#fff;border-color:#ffffff35}
body .woocommerce .quantity .qty{color:#fff;background:#25252d}
body .woocommerce .woocommerce-info,body .woocommerce .woocommerce-message{background:#24242d;color:#fff;border-top-color:var(--wf-accent)}
body #main .woocommerce a.button,body #main .woocommerce button.button{background:var(--wf-accent);color:#111}
body .wp-block-woocommerce-cart,body .wp-block-woocommerce-checkout{color:var(--wf-text)}
body .wc-block-components-sidebar-layout{color:inherit}
body .wc-block-components-text-input input,body .wc-block-components-combobox input{color:#fff;background:#25252d}
@media (max-width:1190px){
 #header .nav-link{padding:11px 7px!important;font-size:12px}
 #header .search-form{max-width:145px}
 .wf-global-article{padding:50px 22px 80px}
}
@media (max-width:991px){
 .wf-posts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #header .search-form{max-width:160px}
}
@media (max-width:767px){
 #header .navbar-brand img{height:55px!important}
 #header .navbar-collapse{padding:15px;background:#15151d;border-top:1px solid var(--wf-line);margin-top:5px}
 #header .navbar-nav{align-items:stretch;gap:0}
 #header .nav-link{padding:12px 9px!important;font-size:14px}
 #header .search-form{max-width:100%;margin:12px 0 0}
 .wf-global-article{padding:28px 16px 65px}
 .wf-article-head{padding:34px 21px;margin-bottom:28px}
 body #main .wf-page-title{font-size:clamp(45px,10vw,72px)}
 body #main h2{font-size:clamp(30px,8vw,43px)}
 body #main h3{font-size:clamp(25px,6vw,31px)}
 body #main .wf-editorial-landing .wf-page-intro{padding:22px}
 body #main .wf-editorial-landing .wf-feature-image{max-width:none}
 .wf-posts-grid{grid-template-columns:1fr}
 .wf-post-card-image{height:245px}
 #wrapper>.container-fluid footer{padding:40px 15px}
 .wf-post-navigation{flex-direction:column}
}
@media (max-width:480px){
 body #main .wf-page-title{font-size:45px}
 .wf-hero-actions{flex-direction:column;align-items:stretch}
 body #main .wf-btn{width:100%}
 .wf-article-head{padding:29px 17px}
 .wf-post-card-image{height:190px}
 #header .navbar-brand img{height:48px!important}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}body #main *,#header *{transition:none!important;animation:none!important}}