/*
Theme Name: Visit Strenec Premium
Author: Visit Strenec
Description: Five-language-ready mountain tourism theme with original logo, cinematic video hero and editable content.
Version: 3.8
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: visit-strenec
*/
:root{--forest:#063d35;--deep:#092d29;--gold:#cba55e;--cream:#f8f5ee;--ink:#1b3833}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.site-header{position:absolute;inset:0 0 auto;z-index:30;background:linear-gradient(90deg,rgba(3,55,46,.93),rgba(4,31,29,.88))}.header-inner{min-height:112px;padding:10px 3.2%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{flex:0 0 auto;display:block}.brand img{width:210px;max-height:94px;object-fit:contain;display:block;height:auto}.header-right{display:flex;align-items:center;gap:24px}.main-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:clamp(12px,1.5vw,27px)}.main-nav li{position:relative}.main-nav a{display:block;color:#fff;padding:13px 0;font-size:14px;white-space:nowrap;border-bottom:2px solid transparent}.main-nav a:hover,.main-nav .current-menu-item>a,.main-nav .current_page_item>a{border-color:var(--gold)}.main-nav .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:235px;background:#083c34;box-shadow:0 12px 35px #0005;padding:10px 17px;flex-direction:column;align-items:stretch;gap:0}.main-nav .sub-menu a{white-space:normal;font-size:13px;padding:11px 0}.main-nav li:hover>.sub-menu,.main-nav li:focus-within>.sub-menu{display:flex}.main-nav .menu-item-has-children>a:after{content:'⌄';margin-left:6px;color:var(--gold)}.language-picker{position:relative;color:#fff;font-size:13px}.language-picker>summary{cursor:pointer;list-style:none;border:1px solid #ffffff55;padding:9px 10px;border-radius:3px}.language-picker>summary::-webkit-details-marker{display:none}.language-picker .language-options{position:absolute;right:0;top:100%;background:#083c34;min-width:130px;padding:8px;box-shadow:0 8px 22px #0005}.language-options a{display:block;color:#fff;padding:9px}.language-options a:hover{background:#ffffff19}.menu-toggle{display:none;border:1px solid #ffffff80;background:transparent;color:#fff;padding:7px 11px;font-size:24px;border-radius:3px;cursor:pointer}.hero{height:90vh;height:90svh;min-height:490px;position:relative;background:#143d35;overflow:hidden}.hero video,.hero .hero-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0004 0%,transparent 45%,#001b1b8c 100%)}.hero-caption{position:absolute;bottom:11%;left:8%;right:8%;color:#fff;text-shadow:0 2px 20px #0006}.eyebrow{text-transform:uppercase;letter-spacing:3px;color:var(--gold);font-size:12px;font-weight:bold}.hero-caption h1{font-family:Georgia,serif;font-size:clamp(40px,6vw,85px);font-weight:normal;margin:12px 0}.hero-caption p{font-size:clamp(15px,1.7vw,21px);max-width:660px;line-height:1.6}.button{display:inline-block;background:var(--gold);color:#142f29;font-weight:bold;padding:15px 25px;margin-top:15px;font-size:13px;letter-spacing:1px;text-transform:uppercase}.section{padding:95px max(6%,calc((100vw - 1200px)/2))}.section:nth-of-type(even){background:#fff}.section-intro{text-align:center;max-width:800px;margin:0 auto 38px}.section h2,.page-banner h1{font-family:Georgia,serif;font-size:clamp(30px,3.5vw,52px);font-weight:normal;margin:13px 0 20px}.section p{font-size:16px;line-height:1.85}.section-intro p{color:#65726c}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.tile{background:#fff;box-shadow:0 6px 28px #18352b10;overflow:hidden}.tile-image{height:215px;background:linear-gradient(145deg,#35675a,#9db3a3);display:flex;align-items:center;justify-content:center;color:#ffffffb5;font-size:13px;letter-spacing:2px;text-transform:uppercase}.tile:nth-child(2) .tile-image{background:linear-gradient(145deg,#47644e,#b3b59d)}.tile:nth-child(3) .tile-image{background:linear-gradient(145deg,#235e61,#8baea7)}.tile-body{padding:26px}.tile h3{font-family:Georgia,serif;font-size:24px;font-weight:normal;margin:0 0 12px}.tile p{margin:0 0 18px;font-size:14px}.text-link{font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:#97733c;font-weight:bold}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.image-placeholder{background:linear-gradient(135deg,#1c564b,#90aa8c);min-height:380px;display:grid;place-items:center;color:#fff9;letter-spacing:3px;text-transform:uppercase}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery .image-placeholder{min-height:215px}.page-banner{background:linear-gradient(140deg,#0b4d41,#082c28);min-height:310px;display:flex;align-items:flex-end;padding:145px 8% 48px;color:#fff}.page-content{max-width:1050px;margin:auto;padding:65px 24px;min-height:35vh;line-height:1.8}.page-content img{max-width:100%;height:auto}.site-footer{background:#082b27;color:#d4e3da;padding:55px 7% 25px}.footer-grid{display:flex;justify-content:space-between;gap:35px;flex-wrap:wrap}.footer-grid img{width:165px;height:auto}.site-footer small{display:block;border-top:1px solid #ffffff25;margin-top:42px;padding-top:22px;color:#a8b9b2}.wp-block-image img{height:auto}@media(max-width:1120px){.brand img{width:170px}.main-nav ul{gap:12px}.main-nav a{font-size:12px}.header-right{gap:10px}}@media(max-width:850px){.header-inner{min-height:88px;padding:9px 17px}.brand img{width:155px;max-height:70px}.menu-toggle{display:block}.header-right{margin-left:auto}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#082f2a;padding:12px 24px 25px;max-height:calc(100svh - 88px);overflow:auto}.main-nav.is-open{display:block}.main-nav ul{display:block}.main-nav a{font-size:15px;padding:14px 4px;border-bottom:1px solid #ffffff25}.main-nav .sub-menu{display:none;position:static;box-shadow:none;min-width:0;padding:0 0 0 17px;background:#12453d}.main-nav li:hover>.sub-menu,.main-nav li:focus-within>.sub-menu{display:none}.main-nav li.submenu-open>.sub-menu{display:block}.main-nav .menu-item-has-children{padding-right:42px}.main-nav .submenu-toggle{position:absolute;top:4px;right:0;width:38px;height:42px;border:0;background:none;color:var(--gold);font-size:25px}.language-picker>summary{padding:8px}.hero{min-height:420px}.hero-caption{bottom:9%;left:6%;right:6%}.section{padding:65px 6%}.cards{grid-template-columns:1fr}.split{grid-template-columns:1fr;gap:24px}.gallery{grid-template-columns:repeat(2,1fr)}.gallery .image-placeholder{min-height:155px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.language-options ul{list-style:none;margin:0;padding:0}.language-options li{display:block}.language-options img{width:17px;height:auto;margin-right:5px}.language-options a{white-space:nowrap}

/* Clean dropdown controls: no separate white boxes on desktop */
.main-nav .submenu-toggle{display:none;appearance:none;-webkit-appearance:none;background:transparent;border:0;box-shadow:none;color:var(--gold);}
@media(max-width:850px){
 .main-nav .submenu-toggle{display:flex;align-items:center;justify-content:center;background:transparent;border:0;box-shadow:none;color:var(--gold);cursor:pointer;border-radius:0;}
 .main-nav .menu-item-has-children>a:after{display:none;}
}

/* v1.2: dropdown arrows are never standalone controls on desktop */
@media (min-width:851px){.main-nav button.submenu-toggle,.main-nav .submenu-toggle,.main-nav .dropdown-toggle,.main-nav .sub-menu-toggle{display:none!important;visibility:hidden!important;position:absolute!important;width:0!important;height:0!important;padding:0!important;border:0!important;overflow:hidden!important}.main-nav .menu-item-has-children>a::after{content:"⌄";display:inline!important;margin-left:5px;color:#cba55e}}

/* Visit Strenec v2.1 - full viewport hero and village focal position */
.hero {height:100vh!important;height:100svh!important;min-height:0!important;width:100%;}
.hero video,.hero .hero-poster {width:100%;height:100%;object-fit:cover;object-position:35% center;}
/* Remove all separately rendered desktop dropdown controls, including theme/plugin defaults */
@media (min-width:851px) {
  .site-header .main-nav .menu-item-has-children > button,
  .site-header .main-nav .menu-item-has-children > .submenu-toggle,
  .site-header .main-nav .menu-item-has-children > .dropdown-toggle,
  .site-header .main-nav .menu-item-has-children > .sub-menu-toggle,
  .site-header .main-nav .menu-item-has-children > .ast-menu-toggle,
  .site-header .main-nav .menu-item-has-children > .menu-toggle {display:none!important;}
}
@media (max-width:850px) { .hero {height:100svh!important;min-height:0!important;} .hero video,.hero .hero-poster {object-position:35% center;} }

/* Visit Strenec 2.2: full mobile viewport, no blank band */
html,body{margin:0;padding:0;max-width:100%;overflow-x:clip}
.hero{position:relative;display:block;isolation:isolate;width:100%;height:100vh!important;height:100svh!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden;background:#082e29}
.hero video,.hero .hero-poster{position:absolute!important;inset:0!important;display:block;width:100%!important;height:100%!important;min-height:100%!important;max-width:none!important;object-fit:cover!important;object-position:35% 50%!important;margin:0!important;padding:0!important;border:0!important}
.language-picker{flex-shrink:0;z-index:45}
.language-picker>summary{display:flex;align-items:center;justify-content:center;width:42px;height:38px;padding:5px!important;background:transparent;border:1px solid #ffffff35;border-radius:4px;cursor:pointer;list-style:none}
.language-picker>summary::marker{content:''}
.language-picker>summary::-webkit-details-marker{display:none}
.language-picker .current-flag{width:25px;height:18px;object-fit:cover;display:block;border-radius:1px}
.language-picker .language-options{position:absolute;right:0;top:calc(100% + 8px);margin:0;padding:7px;min-width:155px;list-style:none;background:#083c34;box-shadow:0 10px 26px #0006;z-index:60}
.language-picker .language-options li{display:block;margin:0;padding:0}
.language-picker .language-options a{display:flex;align-items:center;gap:10px;padding:11px 10px;color:white;white-space:nowrap}
.language-picker .language-options a:hover,.language-picker .language-options a[aria-current]{background:#ffffff1a}
.language-picker .language-options img{display:block;width:24px;height:17px;object-fit:cover;margin:0}
.language-placeholder{font-size:24px;line-height:1}
@media(max-width:850px){
 .hero{height:100svh!important;min-height:0!important;max-height:none!important}
 .hero video,.hero .hero-poster{height:100%!important;object-fit:cover!important;object-position:35% 50%!important}
 .site-header{top:0;left:0;right:0}
 .header-right{gap:12px}
 .language-picker>summary{width:38px;height:36px}
}
@supports(height:100dvh){.hero{height:100dvh!important}@media(max-width:850px){.hero{height:100dvh!important}}}

/* v2.3: floating flag lower-left and WhatsApp lower-right */
.site-header .language-picker{position:fixed!important;left:max(16px,env(safe-area-inset-left))!important;bottom:max(18px,env(safe-area-inset-bottom))!important;top:auto!important;right:auto!important;z-index:9998!important;filter:drop-shadow(0 3px 12px #0004)}
.site-header .language-picker>summary{width:53px!important;height:53px!important;background:#073b34!important;border:1px solid #cba55e88!important;border-radius:50%!important;padding:0!important;box-shadow:0 5px 18px #0003}
.site-header .language-picker .current-flag{width:29px!important;height:21px!important;border-radius:2px}
.site-header .language-picker .language-options{position:absolute!important;left:0!important;right:auto!important;bottom:calc(100% + 12px)!important;top:auto!important;max-height:60vh;overflow:auto;border-radius:10px;min-width:165px}
.vs-whatsapp-float{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:9998;display:flex;align-items:center;justify-content:center;width:55px;height:55px;border-radius:50%;background:#25d366;color:white;box-shadow:0 5px 18px #0005;transition:transform .15s}
.vs-whatsapp-float:hover{transform:translateY(-2px);color:white}
/* Hero fills phone screen from top edge to bottom; video crops rather than letterboxes */
html,body,#page,main#content{margin:0!important;padding-top:0!important}
body.home main#content>.hero{height:100vh!important;height:100svh!important;min-height:100vh!important;min-height:100svh!important;max-height:none!important;margin:0!important;padding:0!important}
body.home main#content>.hero video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:35% 50%!important}
@supports(height:100dvh){body.home main#content>.hero{height:100dvh!important;min-height:100dvh!important}}
@media(max-width:850px){body.home main#content>.hero{display:block!important;margin:0!important;padding:0!important} .site-header .language-picker>summary{width:49px!important;height:49px!important}.vs-whatsapp-float{width:51px;height:51px}}

/* v2.6: responsive category landing cards */
.vs-hub-hero{padding:160px 6% 75px;background:linear-gradient(135deg,#063b33,#0e5546);color:#fff}.vs-hub-hero-inner{max-width:1150px;margin:auto}.vs-hub-kicker{font-size:11px;letter-spacing:2px;color:#d9b568;font-weight:700}.vs-hub-hero h1{font-family:Georgia,serif;font-weight:normal;font-size:clamp(35px,5vw,62px);margin:12px 0}.vs-hub-hero p:last-child{max-width:730px;line-height:1.75;color:#e3eae6}.vs-hub-intro{max-width:1050px;margin:0 auto;padding:35px 24px 0;line-height:1.8}.vs-hub-section{max-width:1200px;margin:0 auto;padding:65px 24px 90px}.vs-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.vs-hub-card{display:block;overflow:hidden;background:#fff;box-shadow:0 10px 35px #15372b15;border-radius:12px;transition:transform .2s,box-shadow .2s}.vs-hub-card:hover{transform:translateY(-4px);box-shadow:0 15px 40px #15372b2b}.vs-hub-photo{display:block;aspect-ratio:1.7;overflow:hidden;background:#34594b}.vs-hub-photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .25s}.vs-hub-card:hover .vs-hub-photo img{transform:scale(1.035)}.vs-hub-card-content{display:flex;flex-direction:column;gap:12px;padding:26px}.vs-hub-card-title{font:normal 27px/1.2 Georgia,serif;color:#083b32}.vs-hub-card-text{font-size:15px;line-height:1.7;color:#5b6d64}.vs-hub-cta{color:#9b7337;font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:bold;margin-top:5px}.vs-photo-note{font-size:12px;color:#718078;margin-top:35px}@media(max-width:700px){.vs-hub-hero{padding:125px 22px 50px}.vs-hub-section{padding:35px 16px 65px}.vs-hub-grid{grid-template-columns:1fr;gap:22px}.vs-hub-card-content{padding:20px}.vs-hub-card-title{font-size:24px}}


/* v3.0: restrained editorial heroes and responsive photo cards */
body:not(.home) .site-header{position:relative!important;top:auto!important;left:auto!important;right:auto!important;z-index:200;background:#07382f!important}
body:not(.home) main#content{padding-top:0!important;margin-top:0!important}
.vs-hub-hero,.vs-detail-hero{position:relative!important;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:340px;max-height:460px;padding:42px 20px!important;background:#104739!important;color:#12382f!important;overflow:hidden}
.vs-hub-hero::before,.vs-detail-hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(90deg,#002d2855,#002d2815),var(--vs-hero-image);background-position:center 49%;background-size:cover;z-index:-1}
.vs-hub-hero-inner,.vs-detail-hero-inner{box-sizing:border-box;max-width:590px;width:100%;padding:30px 38px;background:#f8f5efed;border-radius:20px;text-align:center;box-shadow:0 14px 35px #001c172e;color:#12382f!important}
.vs-hub-hero .vs-hub-kicker,.vs-detail-hero .vs-hub-kicker{color:#9d7537!important;letter-spacing:2px;font-size:11px;font-weight:700;margin:0 0 10px}
.vs-hub-hero h1,.vs-detail-hero h1{color:#092f29!important;font:normal clamp(32px,4.1vw,53px)/1.12 Georgia,serif;margin:6px 0 15px!important}
.vs-hub-hero p:last-child,.vs-detail-hero p:last-child{color:#294d44!important;line-height:1.6;max-width:490px;margin:0 auto;font-size:clamp(14px,1.4vw,17px)}
.vs-hub-intro{max-width:1060px;margin:0 auto;padding:30px 25px 0}
.vs-hub-section{max-width:1180px;padding:35px 24px 80px}
.vs-hub-section-title{text-align:center;font:normal clamp(26px,3vw,37px)/1.25 Georgia,serif;color:#073b32;margin:0 0 10px}
.vs-hub-section-lead{text-align:center;color:#476359;line-height:1.6;max-width:680px;margin:0 auto 30px}
.vs-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.vs-hub-card{background:#faf7f0!important;border:1px solid #e9e4da;border-radius:13px!important;box-shadow:0 5px 18px #15372b14!important;overflow:hidden}
.vs-hub-photo{aspect-ratio:1.85!important;max-height:195px}
.vs-hub-photo img{width:100%!important;height:100%!important;object-fit:cover!important}
.vs-hub-card-content{padding:17px 19px 20px!important;gap:9px!important}
.vs-hub-card-title{font:normal 22px/1.2 Georgia,serif!important}
.vs-hub-card-text{font-size:14px!important;line-height:1.55!important}
.vs-hub-cta{font-size:13px!important;letter-spacing:0!important;text-transform:none!important}
.vs-detail-content{max-width:970px;margin:0 auto;padding:48px 24px 85px;color:#173c33;line-height:1.85}
.vs-detail-content img{max-width:100%;height:auto;border-radius:12px}
.vs-detail-content p{max-width:780px}
@media(max-width:850px){body:not(.home) .site-header{position:relative!important}.vs-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vs-hub-hero,.vs-detail-hero{min-height:370px;max-height:480px;padding:25px 17px!important}.vs-hub-hero-inner,.vs-detail-hero-inner{padding:27px 23px}.vs-hub-section{padding:32px 16px 65px}}
@media(max-width:650px){.vs-hub-grid{grid-template-columns:1fr;gap:17px}.vs-hub-hero,.vs-detail-hero{min-height:400px;max-height:500px;padding:24px 16px!important}.vs-hub-hero-inner,.vs-detail-hero-inner{max-width:100%;padding:24px 18px;border-radius:17px}.vs-hub-hero h1,.vs-detail-hero h1{font-size:clamp(30px,9vw,39px)!important}.vs-hub-photo{aspect-ratio:2.0!important;max-height:185px}.vs-hub-card-content{padding:16px 18px 18px!important}.vs-hub-card-title{font-size:22px!important}.vs-detail-content{padding:35px 18px 65px}}

/* v3.2 definitive responsive hub presentation; limited image dimensions */
body:not(.home) .site-header{position:relative!important;min-height:94px;display:flex;align-items:center;background:#07382f!important}
body:not(.home) .site-header .header-inner{position:relative;z-index:3;width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
body:not(.home) .site-header .brand{display:flex;align-items:center;position:relative;z-index:4;flex-shrink:0;max-width:220px}
body:not(.home) .site-header .brand img{display:block!important;width:auto!important;max-width:210px!important;max-height:84px!important;object-fit:contain!important}
body:not(.home) .site-header .header-right{margin-left:auto;position:relative;z-index:4}
body:not(.home) .vs-hub-hero,body:not(.home) .vs-detail-hero{min-height:350px!important;max-height:none!important;height:auto!important;box-sizing:border-box!important;overflow:hidden!important}
body:not(.home) .vs-hub-hero-inner,body:not(.home) .vs-detail-hero-inner{position:relative;z-index:2;background:rgba(248,245,239,.96)!important}
body:not(.home) .vs-hub-section{max-width:1200px!important;margin:auto!important;box-sizing:border-box!important}
body:not(.home) .vs-hub-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;align-items:stretch!important}
body:not(.home) .vs-hub-card{display:flex!important;flex-direction:column!important;min-width:0!important;width:100%!important;max-width:100%!important;position:relative!important;text-decoration:none!important;overflow:hidden!important}
body:not(.home) .vs-hub-photo{display:block!important;position:relative!important;width:100%!important;flex:none!important;aspect-ratio:16/9!important;height:auto!important;max-height:none!important;overflow:hidden!important}
body:not(.home) .vs-hub-photo img{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important}
body:not(.home) .vs-hub-card-content{display:flex!important;flex-direction:column!important;align-items:flex-start!important;position:relative!important;flex:1!important;gap:8px!important;padding:24px 18px 20px!important;background:#faf7f0!important}
body:not(.home) .vs-hub-card-title,body:not(.home) .vs-hub-card-text,body:not(.home) .vs-hub-cta{display:block!important;position:static!important;float:none!important;width:auto!important;max-width:100%!important;margin:0!important;white-space:normal!important}
body:not(.home) .vs-card-icon{position:absolute;top:-22px;left:17px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#eaf0df;border:2px solid #fff;color:#174b3d;font-size:25px;line-height:1}
body:not(.home) .vs-hub-cta{margin-top:auto!important;padding-top:6px;color:#9b7337!important}
@media(max-width:900px){body:not(.home) .vs-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){body:not(.home) .site-header{min-height:86px!important}body:not(.home) .site-header .brand{max-width:195px}body:not(.home) .site-header .brand img{max-width:180px!important;max-height:74px!important}body:not(.home) .vs-hub-grid{grid-template-columns:minmax(0,1fr)!important;gap:18px!important}body:not(.home) .vs-hub-hero,body:not(.home) .vs-detail-hero{min-height:370px!important;max-height:480px!important}body:not(.home) .vs-hub-card-content{padding:24px 17px 19px!important}}

/* v3.3 — approved translucent hero and left-aligned original logo */
.site-header,
body:not(.home) .site-header {
 background:rgba(3,45,39,.77)!important;
 -webkit-backdrop-filter:blur(7px);
 backdrop-filter:blur(7px);
}
.site-header .header-inner {padding-left:clamp(8px,1.15vw,18px)!important;padding-right:clamp(14px,2.7vw,44px)!important}
.site-header .brand {margin-left:0!important;padding-left:0!important;flex-shrink:0}
.site-header .brand img,
body:not(.home) .site-header .brand img {
 width:auto!important;max-width:215px!important;max-height:95px!important;
 object-fit:contain!important;object-position:left center!important;
}
body:not(.home) .vs-hub-hero-inner,
body:not(.home) .vs-detail-hero-inner {
 background:rgba(248,245,239,.73)!important;
 -webkit-backdrop-filter:blur(3px);
 backdrop-filter:blur(3px);
 border:1px solid rgba(255,255,255,.35);
 box-shadow:0 14px 35px rgba(0,28,23,.16);
}
body:not(.home) .vs-hub-card,
body:not(.home) .vs-hub-card-content {
 background:rgba(255,255,255,.87)!important;
}
@media(max-width:650px){
 .site-header .header-inner{padding-left:9px!important;padding-right:13px!important}
 .site-header .brand img,body:not(.home) .site-header .brand img{
  max-width:180px!important;max-height:76px!important;
 }
 body:not(.home) .vs-hub-hero-inner,
 body:not(.home) .vs-detail-hero-inner{background:rgba(248,245,239,.79)!important}
}

/* v3.3.2: Language control lives outside the filtered header to preserve viewport-fixed coordinates. */
body > .language-picker{position:fixed!important;left:max(16px,env(safe-area-inset-left))!important;bottom:max(18px,env(safe-area-inset-bottom))!important;top:auto!important;right:auto!important;z-index:99999!important;filter:drop-shadow(0 3px 12px #0004)}
body > .language-picker>summary{display:flex!important;align-items:center!important;justify-content:center!important;width:53px!important;height:53px!important;background:#073b34!important;border:1px solid #cba55e88!important;border-radius:50%!important;padding:0!important;cursor:pointer;list-style:none;box-shadow:0 5px 18px #0003}
body > .language-picker>summary::-webkit-details-marker{display:none}
body > .language-picker .current-flag{width:29px!important;height:21px!important;object-fit:cover;border-radius:2px}
body > .language-picker .language-options{position:absolute!important;left:0!important;right:auto!important;bottom:calc(100% + 12px)!important;top:auto!important;max-height:60vh;overflow:auto;border-radius:10px;min-width:165px;background:#083c34;padding:7px;box-shadow:0 10px 26px #0006;list-style:none;margin:0}
body > .language-picker .language-options li{display:block;list-style:none}
body > .language-picker .language-options a{display:flex;align-items:center;gap:10px;padding:11px 10px;color:#fff;white-space:nowrap}
body > .language-picker .language-options img{width:24px;height:17px;object-fit:cover}
body > .language-picker.language-placeholder{display:grid;place-items:center;width:53px;height:53px;background:#073b34;border:1px solid #cba55e88;border-radius:50%}
@media(max-width:850px){body > .language-picker>summary{width:49px!important;height:49px!important}}

/* v3.3.3: consistent full-width transparent navigation on every language/page. */
html body .site-header,
html body:not(.home) .site-header,
html body.page .site-header,
html body.single .site-header {
 position:absolute!important;top:0!important;left:0!important;right:0!important;
 width:100%!important;z-index:200!important;
 background:rgba(3,45,39,.70)!important;
 -webkit-backdrop-filter:blur(7px)!important;backdrop-filter:blur(7px)!important;
}
/* Keep hero underneath translucent navigation without obscuring the hero heading. */
body:not(.home) .vs-hub-hero,
body:not(.home) .vs-detail-hero {padding-top:clamp(132px,11vw,175px)!important;}
/* Non-hero fallback pages need top clearance for the overlaid header. */
body:not(.home) .page-banner {padding-top:155px!important;}
body:not(.home) main:not(:has(.vs-hub-hero,.vs-detail-hero,.page-banner)) {padding-top:112px;}
@media(max-width:850px){
 html body .site-header,html body:not(.home) .site-header {position:absolute!important;top:0!important;}
 body:not(.home) .vs-hub-hero,body:not(.home) .vs-detail-hero {padding-top:115px!important;min-height:400px!important;max-height:none!important;}
 body:not(.home) .page-banner{padding-top:125px!important;}
 body:not(.home) main:not(:has(.vs-hub-hero,.vs-detail-hero,.page-banner)){padding-top:88px;}
}

/* v3.4.1 FINAL: one visual system on every page and every language.
   The old v3.2 solid-header rule is intentionally overridden here. */
:root { --vs-nav-overlay: rgba(3,45,39,.70); --vs-cream-overlay: rgba(248,245,239,.73); }
html body .site-header,
html body.home .site-header,
html body:not(.home) .site-header,
html body.page .site-header,
html body.single .site-header,
html body.page-template-default .site-header {
 position:absolute!important;inset:0 0 auto 0!important;
 width:100%!important;min-height:0!important;
 background:var(--vs-nav-overlay)!important;
 background-color:var(--vs-nav-overlay)!important;
 background-image:none!important;
 -webkit-backdrop-filter:blur(7px)!important;
 backdrop-filter:blur(7px)!important;
 z-index:200!important;
 border:0!important;box-shadow:none!important;
}
html body .site-header .header-inner,
html body:not(.home) .site-header .header-inner {
 min-height:104px!important;
 padding:8px clamp(12px,1.15vw,20px)!important;
 width:100%!important;
}
html body .site-header .brand,
html body:not(.home) .site-header .brand {margin:0!important;padding:0!important;max-width:220px!important;}
html body .site-header .brand img,
html body:not(.home) .site-header .brand img {width:auto!important;max-width:210px!important;max-height:88px!important;height:auto!important;object-fit:contain!important;}
html body:not(.home) .vs-hub-hero-inner,
html body:not(.home) .vs-detail-hero-inner,
html body .vs-hub-hero-inner,
html body .vs-detail-hero-inner {
 background:var(--vs-cream-overlay)!important;
 background-color:var(--vs-cream-overlay)!important;
 -webkit-backdrop-filter:blur(3px)!important;
 backdrop-filter:blur(3px)!important;
 border:1px solid rgba(255,255,255,.35)!important;
}
/* Keep existing hero spacing, card layout, SEO URLs, and fixed language control unchanged. */
@media(max-width:850px){
 html body .site-header .header-inner,
 html body:not(.home) .site-header .header-inner {min-height:86px!important;padding:7px 12px!important;}
 html body .site-header .brand img,
 html body:not(.home) .site-header .brand img {max-width:180px!important;max-height:73px!important;}
}
@media(max-width:650px){
 html body .vs-hub-hero-inner,
 html body .vs-detail-hero-inner {background:rgba(248,245,239,.79)!important;background-color:rgba(248,245,239,.79)!important;}
}

/* v3.6: identical navigation bar on all templates/languages; responsive off-canvas menu */
:root{--vs-nav-overlay:rgba(7,59,50,.90)}
html body .site-header,html body.home .site-header,html body:not(.home) .site-header,html body.page .site-header,html body.single .site-header{
 background:var(--vs-nav-overlay)!important;background-color:var(--vs-nav-overlay)!important;background-image:none!important;
 -webkit-backdrop-filter:blur(7px)!important;backdrop-filter:blur(7px)!important;
 width:100%!important;left:0!important;right:0!important;
}
html body .site-header .header-inner,html body:not(.home) .site-header .header-inner{height:104px!important;min-height:104px!important;max-height:104px!important}
@media(max-width:850px){
 html,body{max-width:100%;overflow-x:clip}
 html body .site-header .header-inner,html body:not(.home) .site-header .header-inner{height:86px!important;min-height:86px!important;max-height:86px!important;padding:7px 12px!important}
 html body .site-header .menu-toggle{display:flex!important;align-items:center;justify-content:center;position:relative!important;z-index:1002!important;width:48px!important;height:48px!important;flex:0 0 48px!important;font-size:27px!important;color:#fff!important;border:1px solid rgba(255,255,255,.65)!important;background:rgba(0,0,0,.08)!important;cursor:pointer!important}
 html body .site-header .header-right{min-width:0!important;position:static!important}
 html body .site-header .main-nav,html body:not(.home) .site-header .main-nav{
  display:block!important;position:fixed!important;top:86px!important;bottom:auto!important;
  left:auto!important;right:0!important;inset-inline-start:auto!important;inset-inline-end:0!important;
  width:min(340px,100vw)!important;max-width:100vw!important;height:calc(100dvh - 86px)!important;max-height:calc(100dvh - 86px)!important;
  margin:0!important;padding:18px 20px 35px!important;overflow-x:hidden!important;overflow-y:auto!important;
  background:#073b32!important;background-image:none!important;box-shadow:-12px 12px 35px rgba(0,0,0,.24)!important;
  transform:translateX(105%)!important;visibility:hidden!important;pointer-events:none!important;
  transition:transform .25s ease,visibility .25s ease!important;z-index:1000!important;box-sizing:border-box!important;
 }
 html body .site-header .main-nav.is-open,html body:not(.home) .site-header .main-nav.is-open{
  transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important;
 }
 html body .site-header .main-nav ul{display:block!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important}
 html body .site-header .main-nav li{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
 html body .site-header .main-nav a{display:block!important;width:100%!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;font-size:16px!important;line-height:1.45!important;padding:13px 45px 13px 4px!important;color:#fff!important;box-sizing:border-box!important}
 html body .site-header .main-nav .sub-menu{position:static!important;width:100%!important;max-width:100%!important;min-width:0!important;box-shadow:none!important;transform:none!important}
 html body .site-header .main-nav li.submenu-open>.sub-menu{display:block!important}
 html body .site-header .main-nav .submenu-toggle{right:0!important;left:auto!important;z-index:2!important}
}
@media(prefers-reduced-motion:reduce){html body .site-header .main-nav{transition:none!important}}

/* v3.7: Mobile accordion: all submenus closed initially, only explicitly expanded item visible. */
@media(max-width:850px){
 html body .site-header .main-nav .menu-item-has-children > .sub-menu,
 html body .site-header .main-nav .menu-item-has-children:hover > .sub-menu,
 html body .site-header .main-nav .menu-item-has-children:focus-within > .sub-menu,
 html body .site-header .main-nav .menu-item-has-children:not(.submenu-open) > .sub-menu{
  display:none!important;visibility:hidden!important;height:0!important;max-height:0!important;overflow:hidden!important;
 }
 html body .site-header .main-nav .menu-item-has-children.submenu-open > .sub-menu,
 html body .site-header .main-nav .menu-item-has-children.submenu-open:hover > .sub-menu,
 html body .site-header .main-nav .menu-item-has-children.submenu-open:focus-within > .sub-menu{
  display:block!important;visibility:visible!important;height:auto!important;max-height:none!important;overflow:visible!important;
 }
 html body .site-header .main-nav .menu-item-has-children > .submenu-toggle{display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important}
}


/* v3.8 — uniform emerald sticky header, compact on scroll, mobile viewport repair */
:root{--vs-nav-overlay:rgba(7,59,50,.90)}
html{width:100%;max-width:100%;overflow-x:hidden}
html body{width:100%;max-width:100%;min-width:0;overflow-x:hidden;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:#073b32}
html body > main,html body > #content{display:block;flex:1 0 auto;min-width:0;width:100%;max-width:100%;background:var(--cream)}
html body > .site-footer{flex-shrink:0;margin-top:auto;width:100%;background:#073b32}
html body .site-header,html body.home .site-header,html body:not(.home) .site-header,html body.page .site-header,html body.single .site-header{
 position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;
 min-height:0!important;margin:0!important;z-index:999!important;
 background:var(--vs-nav-overlay)!important;background-color:var(--vs-nav-overlay)!important;background-image:none!important;
 -webkit-backdrop-filter:blur(7px)!important;backdrop-filter:blur(7px)!important;
 transition:background-color .2s ease!important;
}
html body:not(.home){padding-top:104px}
html body.home{padding-top:0}
html body .site-header .header-inner,html body:not(.home) .site-header .header-inner{
 height:104px!important;min-height:104px!important;max-height:104px!important;
 width:100%!important;max-width:100%!important;min-width:0!important;
 transition:height .22s ease,min-height .22s ease,max-height .22s ease!important;
}
html body .site-header .brand img,html body:not(.home) .site-header .brand img{
 transition:max-height .22s ease,max-width .22s ease!important;
}
html body.vs-scrolled .site-header .header-inner,html body.vs-scrolled:not(.home) .site-header .header-inner{
 height:76px!important;min-height:76px!important;max-height:76px!important;
}
html body.vs-scrolled .site-header .brand img,html body.vs-scrolled:not(.home) .site-header .brand img{
 max-height:65px!important;max-width:165px!important;
}
html body .site-header .brand{min-width:0!important}
html body .site-header .header-right{min-width:0!important}
html body main,html body main *,html body .vs-hub-section,html body .vs-detail-content{min-width:0}
html body img,html body video,html body iframe{max-width:100%}
html body .vs-hub-hero-inner,html body .vs-detail-hero-inner{max-width:100%!important}
html body .vs-hub-grid{max-width:100%!important}
@media(max-width:850px){
 html body:not(.home){padding-top:86px}
 html body .site-header .header-inner,html body:not(.home) .site-header .header-inner{
  height:86px!important;min-height:86px!important;max-height:86px!important;
 }
 html body.vs-scrolled .site-header .header-inner,html body.vs-scrolled:not(.home) .site-header .header-inner{
  height:66px!important;min-height:66px!important;max-height:66px!important;
 }
 html body.vs-scrolled .site-header .brand img,html body.vs-scrolled:not(.home) .site-header .brand img{
  max-height:54px!important;max-width:150px!important;
 }
 /* Menu stays anchored to the header and opens from right to left, without expanding document width. */
 html body .site-header .main-nav,html body:not(.home) .site-header .main-nav{
  position:absolute!important;top:100%!important;right:0!important;left:auto!important;
  width:min(340px,100%)!important;max-width:100%!important;
  height:calc(100dvh - 86px)!important;max-height:calc(100dvh - 86px)!important;
 }
 html body.vs-scrolled .site-header .main-nav,html body.vs-scrolled:not(.home) .site-header .main-nav{
  height:calc(100dvh - 66px)!important;max-height:calc(100dvh - 66px)!important;
 }
 html body .vs-hub-hero,html body .vs-detail-hero,html body .hero,html body .section,html body .page-banner{
  max-width:100%!important;min-width:0!important;
 }
 html body .vs-hub-hero-inner,html body .vs-detail-hero-inner{width:auto!important;min-width:0!important}
 html body .vs-hub-hero h1,html body .vs-detail-hero h1{overflow-wrap:break-word}
}
@media(prefers-reduced-motion:reduce){
 html body .site-header .header-inner,html body .site-header .brand img{transition:none!important}
}