/*
 * VirtuelnaTura 6.9 — CANONICAL COMPONENT SYSTEM
 * One location for typography, content links, buttons and all card types.
 * Previous per-version card fix styles are no longer enqueued.
 * Values come from Izgled > VirtuelnaTura podešavanja.
 */
/* Control-panel values are emitted in #vn52-global-css at wp_head.
 * Do NOT declare :root defaults in this later stylesheet: that would overwrite saved settings.
 * Each component below has its own var(...,fallback) for first-install safety. */

/* GLOBAL TYPOGRAPHY — inline Gutenberg font-size presets can still be customized per block. */
body :is(main, .footer) h1:where(:not([style*="font-size"]):not([class*="has-"][class*="font-size"]):not(.vn56-hero *):not(.vn-v51 *):not(.vn-cinema *)),
body .vn59-project-hero h1:not([style*="font-size"]),
body .vn59-blog-hero h1:not([style*="font-size"]) {
  font-size:clamp(36px, 6vw, var(--vn-h1,106px)) !important;
}
body :is(main, .footer) h2:where(:not([style*="font-size"]):not([class*="has-"][class*="font-size"]):not(.vn56-hero *):not(.vn-v51 *):not(.vn-cinema *)),
body .vn65-home-blog h2, body .vn66-home-projects h2 {
  font-size:var(--vn-h2,42px) !important;
  line-height:1.2;
}
body :is(main, .footer) h3:where(:not([style*="font-size"]):not([class*="has-"][class*="font-size"]):not(.vn56-hero *):not(.vn-v51 *):not(.vn-cinema *)) {
  font-size:var(--vn-h3,21px) !important;
  line-height:1.35;
}
body :is(main, .footer) h4:where(:not([style*="font-size"]):not([class*="has-"][class*="font-size"]):not(.vn56-hero *):not(.vn-v51 *):not(.vn-cinema *)) {
  font-size:var(--vn-h4,18px) !important;
  line-height:1.4;
}
/* CIFRA Hero Builder headings are intentionally excluded from generic rules. */
/* Archive H1 is a deliberate, sitewide variant and is separately adjustable. */
body main .vn65-page-hero h1,
body main .vn65-projects-page .vn65-page-hero h1,
body main .vn65-blog-page .vn65-page-hero h1 {
  font-size:var(--vn-archive-h1,56px) !important;
  max-width:1000px;
  line-height:1.12;
  margin:10px 0 20px;
}
/* Consistent page hero and whitespace — no massive margin below sticky navigation. */
body main.vn65-list-page .vn65-page-hero {padding:clamp(64px,6vw,88px) 0 clamp(40px,4vw,65px)}
body main.vn65-list-page .vn65-page-content{padding-top:clamp(35px,4vw,55px)}
body :is(.container, .vn65-page-content, .vn66-reading-layout){max-width:var(--width,1200px)}

/* CONTENT LINKS — excludes navigation, card media, Gutenberg buttons and TOC UI. */
body :is(.entry-content, .vn-entry-content, .vn59-blog-body, .vn-page-article, .vn65-page-content, .contact, .contact-form)
 a:not(.btn):not(.wp-block-button__link):not(.vn66-cta-button):not(.vn65-card-image):not(.vn65-more):not(.vn52-nav-contact):not(.vn65-card-grid a),
body .vn63-privacy a {
  color:var(--vn-link-color,var(--orange,#f1a34d)) !important;
  font-weight:700;
  text-decoration:none;
  text-underline-offset:3px;
  text-decoration-thickness:1px;
  transition:color .2s ease, text-decoration-color .2s ease;
}
body :is(.entry-content, .vn-entry-content, .vn59-blog-body, .vn-page-article, .vn65-page-content, .contact, .contact-form)
 a:not(.btn):not(.wp-block-button__link):not(.vn66-cta-button):not(.vn65-card-image):not(.vn65-more):not(.vn65-card-grid a):hover,
body .vn63-privacy a:hover {
  color:var(--vn-link-hover,#fff) !important;
  text-decoration:underline;
}
body .vn63-privacy a{font-weight:800!important;text-decoration:underline!important}
body a:focus-visible, body button:focus-visible{outline:2px solid var(--vn-link-color,var(--orange,#f1a34d));outline-offset:3px}

/* BUTTONS — same controls on plain links, Gutenberg buttons, contact send and blog CTA. */
body :is(.btn-primary,.wp-block-button:not(.is-style-outline)>.wp-block-button__link,.vn66-cta-button,.vn64-article-cta .wp-block-button__link,.contact-form button[type="submit"]) {
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:44px;padding:12px 20px;border:1px solid var(--orange,#f1a34d);
  background:var(--orange,#f1a34d) !important;
  color:var(--vn-cta-text,#101418) !important;
  border-radius:var(--vn-btn-radius,9px);
  font-weight:750;text-decoration:none !important;
  transition:background .18s ease, color .18s ease, transform .18s ease;
}
body :is(.btn-primary,.wp-block-button:not(.is-style-outline)>.wp-block-button__link,.vn66-cta-button,.vn64-article-cta .wp-block-button__link,.contact-form button[type="submit"]):hover {
  background:var(--vn-cta-hover-bg,#fff) !important;
  color:var(--vn-cta-hover-text,#101418) !important;
  border-color:var(--vn-cta-hover-bg,#fff) !important;
  transform:translateY(-2px);
}
body :is(.btn-outline,.is-style-outline>.wp-block-button__link) {
  background:var(--vn64-outline-bg,var(--panel,#151b21));
  color:var(--vn64-outline-text,#fff) !important;
  border:1px solid var(--orange,#f1a34d);
  border-radius:var(--vn-btn-radius,9px);
  text-decoration:none !important;
}
body :is(.btn-outline,.is-style-outline>.wp-block-button__link):hover {
  background:var(--vn64-outline-hover,var(--orange,#f1a34d)) !important;
  color:var(--vn-cta-hover-text,#101418) !important;
}
/* Existing post-bottom buttons stay hidden: V6.6 supplies sticky desktop CTA & inline mobile CTA. */
body.single-post .vn64-article-cta {display:none !important}
body.single-post .vn66-inline-cta {display:none}

/* SHARED CARDS — Blog archive, portfolio archive, home portfolio, home blog. */
body :is(.vn65-card-grid,.vn52-blog-grid.vn65-card-grid) {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  align-items:stretch !important;
  gap:var(--vn-card-gap,22px) !important;
  margin-block:32px;
}
body :is(.vn65-card-grid,.vn66-home-projects .vn65-card-grid)>.vn65-card,
body .vn65-card-grid article.vn65-card {
  box-sizing:border-box;min-width:0;width:100%;height:100% !important;min-height:0 !important;
  display:flex !important;flex-direction:column;align-self:stretch !important;
  background:var(--panel,#151b21);
  border:1px solid var(--line,rgba(255,255,255,.13));
  border-radius:var(--vn-card-radius,14px);
  overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
@media(hover:hover) and (pointer:fine) {
 body .vn65-card-grid>.vn65-card:hover {
   transform:translateY(calc(-1 * var(--vn-card-hover-lift,5px))) !important;
   border-color:var(--vn55-card-border,var(--orange,#f1a34d));
   box-shadow:0 15px 36px rgba(0,0,0,.22);
 }
}
body .vn65-card-grid .vn65-card-image {
  position:relative !important;display:block !important;width:100% !important;
  aspect-ratio:var(--vn-card-ratio,16/9) !important;
  height:auto !important;min-height:0 !important;max-height:none !important;
  overflow:hidden !important;flex:0 0 auto !important;
  background:#18212b;
}
body .vn65-card-grid .vn65-card-image>img {
  position:absolute !important;inset:0 !important;display:block !important;
  width:100% !important;height:100% !important;
  max-width:none !important;max-height:none !important;
  object-fit:cover !important;object-position:center;
}
body .vn65-card-grid .vn52-blog-body {
  display:flex !important;flex-direction:column;
  flex:1 1 auto !important;min-width:0;
  padding:var(--vn-card-pad,18px) !important;
  gap:10px;
}
body .vn65-card-grid .vn52-blog-body h3 {
  margin:0 !important;
  font-size:var(--vn-card-title-size,19px) !important;
  line-height:1.38;
  letter-spacing:-.01em;
  /* Reserve exactly the same space regardless of whether the title spans 1, 2 or 3 lines. */
  min-height:calc(var(--vn-card-title-lines,3) * 1.38em);
  max-height:calc(var(--vn-card-title-lines,3) * 1.38em);
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:var(--vn-card-title-lines,3);
  line-clamp:var(--vn-card-title-lines,3);
}
body .vn65-card-grid .vn52-blog-body p {
  margin:0 !important;flex:1 1 auto !important;
  color:var(--muted,#a9b5bc);
  font-size:var(--vn-card-excerpt-size,15px) !important;
  line-height:1.6;
  /* Description is also uniformly reserved, so card bottoms align between rows. */
  min-height:calc(var(--vn-card-excerpt-lines,4) * 1.6em);
  max-height:calc(var(--vn-card-excerpt-lines,4) * 1.6em);
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:var(--vn-card-excerpt-lines,4);
  line-clamp:var(--vn-card-excerpt-lines,4);
}
body .vn65-card-grid .vn52-blog-body h3 a,
body .vn65-page-content .vn65-card-grid .vn52-blog-body h3 a{color:var(--text,#f4f6f5) !important;text-decoration:none !important}
body .vn65-card-grid .vn52-blog-body h3 a:hover,
body .vn65-page-content .vn65-card-grid .vn52-blog-body h3 a:hover{color:var(--vn-link-color,var(--orange,#f1a34d)) !important}
body .vn65-card-grid .vn65-more {
  display:inline-flex;align-self:flex-start;margin-top:8px;
  font-weight:700;color:var(--vn-link-color,var(--orange,#f1a34d)) !important;
  text-decoration:none;
}
body .vn65-card-grid .vn65-more:hover{color:var(--vn-link-hover,#fff) !important;text-decoration:underline}
body .vn65-card-grid .vn66-fallback-label{font-size:11px;background:rgba(12,16,20,.82)}

/* Homepage portfolio: same rendering path, three cards per row at desktop. */
body.home .vn66-home-projects .vn65-card-grid,
body.home .projects .vn65-card-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
/* Legacy project markup fallback, for pages saved with the early portfolio block. */
body.home .projects .grid.portfolio:not(.vn65-card-grid) {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:var(--vn-card-gap,22px) !important;
}
body.home .projects .grid.portfolio:not(.vn65-card-grid) .project-art{aspect-ratio:var(--vn-card-ratio,16/9) !important;height:auto !important;min-height:0 !important}

/* Homepage blog: scrolling row of 3 landscape cards, with safe clipping. */
body .vn65-home-blog .vn65-scroll-wrap {overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}
body .vn65-home-blog .vn65-scroll-wrap>.vn65-card-grid {
  display:flex !important;flex-wrap:nowrap !important;
  gap:var(--vn-card-gap,22px) !important;
  align-items:stretch !important;
  margin-top:26px;
}
body .vn65-home-blog .vn65-scroll-wrap>.vn65-card-grid>.vn65-card {
  flex:0 0 calc((100% - 2 * var(--vn-card-gap,22px))/3) !important;
  width:auto;scroll-snap-align:start;
}
/* V6.9.2 — clean pagination for the homepage blog; keep native touch swipes. */
body .vn65-home-blog .vn65-scroll-wrap::-webkit-scrollbar{display:none;width:0;height:0}
@media(hover:hover) and (pointer:fine){
 body .vn65-home-blog .vn65-scroll-wrap{cursor:grab}
 body .vn65-home-blog .vn65-scroll-wrap.vn692-is-dragging,
 body .vn65-home-blog .vn65-scroll-wrap.vn692-is-dragging *{cursor:grabbing !important;user-select:none !important;-webkit-user-select:none !important}
}
body .vn65-home-blog .vn65-scroll-wrap.vn692-is-dragging{scroll-snap-type:none !important;scroll-behavior:auto !important}
body .vn65-home-blog .vn692-carousel-dots{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:3px;margin:11px 0 14px}
body .vn65-home-blog .vn692-carousel-dots[hidden]{display:none !important}
body .vn65-home-blog .vn692-carousel-dot{
 box-sizing:border-box;position:relative;flex:0 0 30px;width:30px;height:30px;
 display:inline-flex;align-items:center;justify-content:center;
 border:0 !important;padding:0 !important;border-radius:50%;
 background:transparent !important;box-shadow:none !important;
 cursor:pointer;appearance:none;-webkit-appearance:none;
}
body .vn65-home-blog .vn692-carousel-dot::before{content:'';width:9px;height:9px;border-radius:50%;background:rgba(244,246,245,.44);border:1px solid rgba(244,246,245,.28);transition:background .18s ease,transform .18s ease,border-color .18s ease}
body .vn65-home-blog .vn692-carousel-dot:hover::before{background:#fff;transform:scale(1.2)}
body .vn65-home-blog .vn692-carousel-dot.is-active::before{background:var(--orange,#f1a34d);border-color:var(--orange,#f1a34d);transform:scale(1.28)}
body .vn65-home-blog .vn692-carousel-dot:focus-visible{outline:2px solid var(--orange,#f1a34d) !important;outline-offset:1px}
/* The existing global button rules apply to regular Gutenberg buttons. Hero has two distinct roles. */
body.home .vn56-hero .vn56-cta .vn56-primary .wp-block-button__link{
 background:var(--orange,#f1a34d) !important;
 color:#101418 !important;border:1px solid var(--orange,#f1a34d) !important;
}
body.home .vn56-hero .vn56-cta .vn56-primary .wp-block-button__link:hover,
body.home .vn56-hero .vn56-cta .vn56-primary .wp-block-button__link:focus-visible{
 background:#fff !important;color:#101418 !important;border-color:#fff !important;
}
body.home .vn56-hero .vn56-cta .vn56-secondary .wp-block-button__link{
 background:#fff !important;color:#101418 !important;border:1px solid #fff !important;
}
body.home .vn56-hero .vn56-cta .vn56-secondary .wp-block-button__link:hover,
body.home .vn56-hero .vn56-cta .vn56-secondary .wp-block-button__link:focus-visible{
 background:var(--orange,#f1a34d) !important;color:#101418 !important;border-color:var(--orange,#f1a34d) !important;
}
@media(max-width:767px){
 body.home .vn56-hero .vn56-cta.wp-block-buttons{
  display:flex !important;flex-direction:column !important;flex-wrap:nowrap !important;
  align-items:center !important;justify-content:center !important;
  gap:20px !important;width:100%;max-width:100%;margin-inline:auto !important;
 }
 body.home .vn56-hero .vn56-cta.wp-block-buttons .wp-block-button{
  margin:0 !important;flex:none !important;align-self:center !important;
 }
 body.home .vn56-hero .vn56-cta.wp-block-buttons .wp-block-button__link{
  min-width:min(230px,calc(100vw - 56px));text-align:center;
 }
}

/* Reading panel headings intentionally smaller than content section headings. */
body .vn66-cta :is(h2,h3){font-size:clamp(19px,1.8vw,25px) !important}
body .vn66-toc .vn66-panel-title{font-size:16px !important}

@media(max-width:1024px) {
 body :is(.vn65-card-grid,.vn52-blog-grid.vn65-card-grid),
 body.home .vn66-home-projects .vn65-card-grid,
 body.home .projects .grid.portfolio:not(.vn65-card-grid){grid-template-columns:repeat(2,minmax(0,1fr)) !important}
 body .vn65-home-blog .vn65-scroll-wrap>.vn65-card-grid>.vn65-card {flex-basis:calc((100% - var(--vn-card-gap,22px))/2) !important}
}
@media(max-width:767px) {
 body :is(main, .footer) h1:where(:not([style*="font-size"]):not([class*="has-"][class*="font-size"]):not(.vn56-hero *):not(.vn-v51 *):not(.vn-cinema *)) {font-size:var(--vn-h1-mobile,42px) !important}
 body :is(main, .footer) h2:where(:not([style*="font-size"]):not([class*="has-"][class*="font-size"]):not(.vn56-hero *):not(.vn-v51 *):not(.vn-cinema *)) {font-size:var(--vn-h2-mobile,28px) !important}
 body :is(main, .footer) h3:where(:not([style*="font-size"]):not([class*="has-"][class*="font-size"]):not(.vn56-hero *):not(.vn-v51 *):not(.vn-cinema *)) {font-size:var(--vn-h3-mobile,21px) !important}
 body :is(main, .footer) h4:where(:not([style*="font-size"]):not([class*="has-"][class*="font-size"]):not(.vn56-hero *):not(.vn-v51 *):not(.vn-cinema *)) {font-size:var(--vn-h4-mobile,17px) !important}
 body main .vn65-page-hero h1{font-size:var(--vn-archive-h1-mobile,34px) !important}
 body main.vn65-list-page .vn65-page-hero{padding:48px 0 45px}
 body.single-post .vn66-inline-cta{display:block !important}
 body :is(.vn65-card-grid,.vn52-blog-grid.vn65-card-grid),
 body.home .vn66-home-projects .vn65-card-grid,
 body.home .projects .grid.portfolio:not(.vn65-card-grid){grid-template-columns:minmax(0,1fr) !important}
 body .vn65-home-blog .vn65-scroll-wrap>.vn65-card-grid>.vn65-card{flex-basis:90% !important}
}
@media(prefers-reduced-motion:reduce){body .vn65-card-grid>.vn65-card,body .btn-primary,body .wp-block-button__link{transition:none !important;transform:none !important}}

/* V6.9: all industry/blog term archives use the same page hero and card components. */
body .vn65-card-grid .vn65-no-image{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;color:var(--muted);font-size:13px;text-align:center}
body .vn69-term-page .vn65-page-hero h1 {font-size:var(--vn-archive-h1,56px)!important;overflow-wrap:break-word}
body .vn69-term-page .vn65-page-hero .vn69-term-description{max-width:800px;color:var(--muted);line-height:1.7}
body .vn69-term-page .vn65-page-hero .vn69-term-description p{margin:.35em 0}
body .vn69-term-page .vn65-page-content{min-height:30vh}
body .vn69-archive-pagination{margin:35px auto 0}
body .vn69-archive-pagination .nav-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
body .vn69-archive-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-height:38px;min-width:38px;padding:7px 13px;border:1px solid var(--line);border-radius:var(--vn-btn-radius,9px);color:var(--text);text-decoration:none}
body .vn69-archive-pagination a.page-numbers:hover,body .vn69-archive-pagination .page-numbers.current{border-color:var(--orange);color:var(--orange)}
body .vn69-empty-archive{margin:20px 0 70px;color:var(--muted)}
@media(max-width:767px){body .vn69-term-page .vn65-page-hero h1{font-size:var(--vn-archive-h1-mobile,34px)!important}}


/* V6.9.1 — ACCESSIBLE NESTED PRIMARY NAVIGATION
 * Canonical dropdown and mobile accordion styles; this lives in the design
 * system, not in another overriding hotfix stylesheet.
 * Submenu links inherit global text/accent tokens from the theme controls.
 */
.site-header { overflow:visible; }
.site-header .nav-inner, .site-header nav.desktop-nav { overflow:visible; }
.site-header .desktop-nav ul.menu > li,
.site-header .desktop-nav ul.sub-menu > li {position:relative; list-style:none;}
.site-header .desktop-nav ul.menu > li.menu-item-has-children {display:flex;align-items:center;gap:1px;}
.site-header .desktop-nav .sub-menu {
  position:absolute;z-index:50;top:calc(100% + 9px);left:0;
  display:block;margin:0;padding:9px;list-style:none;
  min-width:225px;width:max-content;max-width:min(320px,calc(100vw - 36px));
  background:rgba(20,27,34,.98);border:1px solid var(--orange,#f1a34d);
  border-radius:var(--vn-radius,14px);box-shadow:0 15px 35px rgba(0,0,0,.45);
  opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);
  transition:opacity .15s ease,visibility .15s ease,transform .15s ease;
}
.site-header .desktop-nav .sub-menu::before {
  content:"";position:absolute;left:0;right:0;height:12px;top:-12px;
}
.site-header .desktop-nav .sub-menu .sub-menu {
  left:calc(100% + 9px);top:-9px;
}
.site-header .desktop-nav .sub-menu .sub-menu::before {
  top:0;bottom:0;left:-12px;right:auto;width:12px;height:auto;
}
.site-header .desktop-nav .menu-item-has-children:is(:hover,:focus-within,.vn-submenu-open) > .sub-menu {
  opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);
}
.site-header .desktop-nav .menu-item-has-children.vn-submenu-dismissed > .sub-menu {
  opacity:0;visibility:hidden;pointer-events:none;
}
.site-header .desktop-nav .menu-item-has-children.vn-submenu-right > .sub-menu {left:auto;right:0;}
.site-header .desktop-nav .sub-menu .menu-item-has-children.vn-submenu-right > .sub-menu {left:auto;right:calc(100% + 9px);}
.site-header .desktop-nav .sub-menu a:not(.btn) {
  display:block;white-space:normal;padding:10px 12px;min-height:39px;
  line-height:1.4;color:var(--vn-nav-text,#f4f6f5);font-size:13px;
  border-radius:calc(var(--vn-radius,14px) / 2);
}
.site-header .desktop-nav .sub-menu a:not(.btn):is(:hover,:focus-visible),
.site-header .desktop-nav .sub-menu .current-menu-item > a {
  background:rgba(241,163,77,.12);color:var(--vn-nav-hover,var(--orange,#f1a34d));
}
.site-header .vn-submenu-toggle {
  display:inline-flex;align-items:center;justify-content:center;
  border:0;background:transparent;color:var(--vn-nav-text,#f4f6f5);
  border-radius:7px;cursor:pointer;flex:none;
  width:26px;height:31px;padding:0;transition:color .16s ease,background .16s ease;
}
.site-header .vn-submenu-toggle:hover,
.site-header .vn-submenu-toggle:focus-visible {
  background:rgba(241,163,77,.15);color:var(--orange,#f1a34d);
}
.site-header .vn-submenu-toggle::after {
  content:"";width:7px;height:7px;display:block;border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);
  transition:transform .16s ease;
}
.site-header .desktop-nav .sub-menu .vn-submenu-toggle {position:absolute;right:4px;top:5px;}
.site-header .desktop-nav .sub-menu .menu-item-has-children > a {padding-right:34px;}
.site-header .desktop-nav .sub-menu .vn-submenu-toggle::after {transform:rotate(-45deg);}
.site-header .desktop-nav .menu-item-has-children.vn-submenu-open > .vn-submenu-toggle::after {transform:rotate(225deg) translateY(-2px);}

/* Mobile nav keeps top-level parent links active; the adjacent control expands children. */
.site-header .mobile-nav ul.menu,
.site-header .mobile-nav ul.sub-menu {
  list-style:none;margin:0;padding:0;display:flex;flex-direction:column;
}
.site-header .mobile-nav ul.menu > li {position:relative;min-width:0;min-height:44px;}
.site-header .mobile-nav ul.menu > li > a {display:block;padding:10px 52px 10px 12px;min-height:44px;line-height:1.5;}
.site-header .mobile-nav ul.menu > li:not(.menu-item-has-children) > a {padding-right:12px;}
.site-header .mobile-nav li {list-style:none;}
.site-header .mobile-nav li.menu-item-has-children {position:relative;}
.site-header .mobile-nav li.menu-item-has-children > a {padding-right:52px;}
.site-header .mobile-nav li.menu-item-has-children > .vn-submenu-toggle {
  position:absolute;z-index:3;right:2px;top:3px;width:44px;height:42px;
  border-left:1px solid rgba(255,255,255,.10);border-radius:5px;
}
.site-header .mobile-nav li.menu-item-has-children.vn-submenu-open > .vn-submenu-toggle::after {
  transform:rotate(225deg) translate(-2px,-1px);
}
.site-header .mobile-nav ul.sub-menu {
  display:none;position:static;margin:2px 0 9px 12px;
  border-left:2px solid var(--orange,#f1a34d);padding-left:12px;
  background:transparent;box-shadow:none;
}
.site-header .mobile-nav li.vn-submenu-open > ul.sub-menu {display:flex;gap:1px;}
.site-header .mobile-nav ul.sub-menu li > a {
  color:var(--vn-nav-text,#f4f6f5);display:block;padding:11px 12px;
  line-height:1.45;min-height:42px;font-size:14px;
  border-radius:7px;
}
.site-header .mobile-nav ul.sub-menu li > a:is(:hover,:focus-visible),
.site-header .mobile-nav ul.sub-menu .current-menu-item > a {
  background:rgba(241,163,77,.12);color:var(--vn-nav-hover,var(--orange,#f1a34d));
}
.site-header .mobile-nav.open {
  overflow-y:auto;overscroll-behavior:contain;
  max-height:calc(100dvh - var(--vn-header-height,78px) - 8px);
}
@media(max-width:782px){
 body.admin-bar .site-header .mobile-nav.open {max-height:calc(100dvh - var(--vn-header-height,78px) - 46px);}
}
@media(prefers-reduced-motion:reduce){
 .site-header .desktop-nav .sub-menu,
 .site-header .vn-submenu-toggle::after {transition:none;}
}