:root{
  --sb-width:90px;
  --gold:#B8923E;
}

:root{
  --vl24-dark-glass: rgba(16,16,16,.92);   /* sidebar */
  --vl24-dark-glass-soft: rgba(16,16,16,.82); /* menu (rohkem läbipaistev) */
}

@media (max-width:768px){

  :root{
    --sb-width:64px; /* muuda */
  }

}

/* HEADER OVERLAY MODE */
body{
  padding-left:0;
}

/* sidebar alati kontendi peal */
.vl24-sidebar{
  z-index:9999;
  pointer-events:auto;
}

/* header wrapper */
.vl24-header{
  position:fixed;
  inset:0 auto 0 0;
  z-index:9999;
}

.vl24-sidebar{
  position:fixed;
  left:0;
  top:0;
  bottom:0;
  width:var(--sb-width);

  display:flex;
  flex-direction:column;
  align-items:center;

  padding:24px 0;
background:var(--vl24-dark-glass);}

.vl24-logo{
  writing-mode:vertical-rl;
  transform:rotate(180deg);

  /* FLEX → GRID (oluline) */
  display:grid;
  grid-auto-flow:row;
  justify-items:center;
  gap:6px;

  font-family:"Bebas Neue",sans-serif;
  font-size:22px;
  letter-spacing:.18em;
  color:var(--gold);
}



.vl24-ch{
  display:inline-block;
  transition:.9s cubic-bezier(.25,.8,.25,1);
}

.vl24-socials{
  display:flex;
  flex-direction:column;
  gap:12px;
  transition:.5s;
}

.vl24-center{
  width:100%;
  display:flex;
  justify-content:center;
}

/* hamburger */
.vl24-hamburger{
  width:60px;
  height:60px;
  border-radius:50%;
  border:1px solid var(--gold);
  background:transparent;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:6px;
}

.vl24-hamburger span{
  width:22px;
  height:2px;
  background:var(--gold);
}



.vl24-socials a{
  width:48px;
  height:48px;
  border-radius:50%;
  border:1px solid var(--gold);
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  color:var(--gold);
  font-weight:600;
}



/* ================= COMPACT ================= */

.vl24-header.is-compact .vl24-socials{
  opacity:0;
  pointer-events:none;
}

.vl24-header.is-compact .vl24-logo{
  position:absolute;
  top:24px;
  left:50%;
  transform:translateX(-50%);
  width:62px;
  height:38px;
  background:rgba(255,255,255,.65);
  border-radius:1px;
  writing-mode:horizontal-tb;
}

.vl24-sidebar{
  display:flex;
  flex-direction:column;
  align-items:center;
}

/* logo jääb üles */
.vl24-logo{
  margin-bottom:24px;
}

/* hamburger keskele */
.vl24-hamburger{
  margin-top:20px;
}

/* socials alati alla */
.vl24-socials{
  margin-top:auto;
  padding-bottom:24px;
}

/* Hamburger alati logo alla */
.vl24-hamburger{
  margin-top:80px;
}

/* Compactis lukustame hamburgeri logo alla */
.vl24-header.is-compact .vl24-hamburger{
  position:absolute;
  top:20px; 
  left:50%;
  transform:translateX(-50%);
}

/* Scrollil sidebar läbipaistev */
.vl24-header.is-compact .vl24-sidebar{
  background:transparent;
}

.vl24-sidebar{
  transition:background .3s ease;
}

/* =========================
VL24 SLIDE MENU (PRO 2026)
- taust sama toon mis sidebar (#f3f1ed)
- glass blur
- linkide värv EI ole must
- korrektne offset (sisu nihkub, taust algab vasakust)
- Polylang lipud
- kui sisu pikem kui viewport -> normaalne panel scroll + scrollbar hidden
- hamburger ALATI peal
========================= */

/* layering: sidebar/hamburger üle menüü */
.vl24-sidebar{ z-index: 60000; }
.vl24-bottom{ z-index: 65000; position:relative; }
.vl24-hamburger{ position:relative; z-index: 70000; }

/* menu layer jääb sidebar alla */
.vl24-menu{
  position:fixed;
  inset:0;
  z-index:50000;

  display:flex;
  justify-content:flex-start;
  pointer-events:none;
}

/* overlay */
.vl24-menu::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(15, 16, 18, .28);
  opacity:0;
  transition:opacity .35s ease;
}

/* panel */
.vl24-menu-inner{
  position:relative;
  height:100vh;

  width:520px;
  max-width:100%;

  /* sama “header toon”, aga modern glass */
  background:var(--vl24-dark-glass-soft);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);

  border-right:1px solid rgba(184,146,62,.18);

  /* slide in */
  transform:translateX(-100%);
  transition:transform .6s cubic-bezier(.2,.9,.2,1);

  /* kui sisu pikem kui ekraan */
  overflow-y:auto;
  overscroll-behavior:contain;
}

/* scrollbar hidden (kui scrollib, siis ei ole “debiilne” valge riba) */
.vl24-menu-inner{
  scrollbar-width:none; /* Firefox */
}
.vl24-menu-inner::-webkit-scrollbar{
  width:0;
  height:0;
}


/* open state */
.vl24-header.menu-open .vl24-menu{ pointer-events:auto; }
.vl24-header.menu-open .vl24-menu::before{ opacity:1; }
.vl24-header.menu-open .vl24-menu-inner{ transform:translateX(0); }

/* =========================
MENU LINKS (no bullets, premium typography)
========================= */

.vl24-menu-list,
.vl24-menu-list ul{
  list-style:none !important;
  margin:0;
  padding:0;
}

.vl24-menu-list li{
  list-style:none !important;
  margin:0;
  padding:0;
}

/* =========================================
MENU LINKS — METAL GOLD (ALL STATES)
========================================= */

.vl24-menu-list a{

  background:var(--vl24-gold-metal);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,.35),
    0 0 8px rgba(184,146,62,.35);

  font-family:"Space Grotesk","Inter",sans-serif !important;
  font-weight:600 !important;

  transition:transform .25s ease, opacity .25s ease;
}

.vl24-menu-list a:hover{
  transform:translateX(6px);
  opacity:.85;
}

/* =========================
MENU FOOTER (Language + Follow)
========================= */

.vl24-menu-footer{
  margin-top:42px;
  padding-top:26px;
  border-top:1px solid rgba(184,146,62,.18);
}

.vl24-menu-label{
  display:block;
  font-size:12px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(32, 28, 22, .55);
  margin-bottom:12px;
}

/* -------- Polylang flags --------
pll_the_languages outputs: <ul class="..."><li><a><img ...></a></li></ul>
*/
.vl24-lang-switch ul{
  display:flex;
  gap:12px;
  margin:0;
  padding:0;
  list-style:none !important;
}

.vl24-lang-switch li{
  list-style:none !important;
  margin:0;
  padding:0;
}

.vl24-lang-switch a{
  width:42px;
  height:42px;
  border-radius:999px;

  display:flex;
  align-items:center;
  justify-content:center;

  border:1px solid rgba(184,146,62,.35);
  background:rgba(255,255,255,.35);

  transition:transform .18s ease, border-color .18s ease, background .18s ease;
}

.vl24-lang-switch a:hover{
  transform:translateY(-1px);
  border-color:rgba(184,146,62,.70);
  background:rgba(255,255,255,.55);
}

.vl24-lang-switch img{
  width:30px;
  height:30px;
  border-radius:50%;
  display:block;
}

/* active language highlight (Polylang marks current with .current-lang) */
.vl24-lang-switch .current-lang a{
  border-color:rgba(184,146,62,.95);
  box-shadow:0 0 0 2px rgba(184,146,62,.18);
}

/* -------- Follow icons -------- */
.vl24-menu-follow{
  margin-top:22px;
}

.vl24-menu-socials{
  display:flex;
  gap:12px;
}

.vl24-menu-socials a{
  width:44px;
  height:44px;
  border-radius:50%;

  border:1px solid rgba(184,146,62,.55);
  background:rgba(255,255,255,.25);

  display:flex;
  align-items:center;
  justify-content:center;

  color:rgba(184,146,62,.95);
  text-decoration:none;
  font-weight:700;

  transition:transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
}

.vl24-menu-socials a:hover{
  transform:translateY(-1px);
  background:rgba(184,146,62,.92);
  color:#fff;
  border-color:rgba(184,146,62,.92);
}

/* =========================
HAMBURGER → X (visible ALWAYS on top)
========================= */

.vl24-hamburger{
  /* ära tee fixed (sa ütlesid õigesti), aga olgu igal juhul üle menüü */
  z-index:70000;
}

.vl24-hamburger span{
  display:block;
  width:22px;
  height:2px;
  background:var(--gold);
  transition:transform .35s cubic-bezier(.4,0,.2,1), opacity .25s ease;
}

.vl24-header.menu-open .vl24-hamburger span:nth-child(2){
  opacity:0;
  transform:scaleX(0);
}

.vl24-header.menu-open .vl24-hamburger span:nth-child(1){
  transform:translateY(8px) rotate(45deg);
}

.vl24-header.menu-open .vl24-hamburger span:nth-child(3){
  transform:translateY(-8px) rotate(-45deg);
}

/* prevent body scroll while menu open */
body.menu-open{
  overflow:hidden;
}

/* =========================
HAMBURGER → X ANIMATION
========================= */

/* peab olema menüü peal */
.vl24-hamburger{
  position:relative;
  z-index:99999 !important;
  transition:.35s ease;
}

/* triipude smooth liikumine */
.vl24-hamburger span{
  display:block;
  width:22px;
  height:2px;
  background:var(--gold);
  transition:
    transform .35s cubic-bezier(.4,0,.2,1),
    opacity .25s ease;
}

/* ===== MENU OPEN STATE ===== */

/* keskmine kaob */
.vl24-header.menu-open .vl24-hamburger span:nth-child(2){
  opacity:0;
  transform:scaleX(0);
}

/* ülemine → \ */
.vl24-header.menu-open .vl24-hamburger span:nth-child(1){
  transform:translateY(8px) rotate(45deg);
}

/* alumine → / */
.vl24-header.menu-open .vl24-hamburger span:nth-child(3){
  transform:translateY(-8px) rotate(-45deg);
}

/* hover micro effect */
.vl24-hamburger:hover span{
  transform-origin:center;
}

.vl24-menu{
  z-index:10000;
}

/* =========================
FORCE HAMBURGER TOP LAYER
========================= */

/* header peab olema menu kohal */
.vl24-header{
  z-index:999999 !important;
}

/* menu jääb alla */
.vl24-menu{
  z-index:1000 !important;
}



/* sidebar ei tohi hamburgerit kinni katta */
.vl24-sidebar{
  z-index:999998 !important;
}

/* -----------------------
MAIN LINKS
----------------------- */

.vl24-menu-list{
  list-style:none;
  padding:0;
  margin:0;

  display:flex;
  flex-direction:column;
  gap:22px;
}

.vl24-menu-list li{
  list-style:none;
}

.vl24-menu-list a{
  font-family:"Bebas Neue",sans-serif;
  font-size:36px;
  letter-spacing:.04em;

  color:#2a2a2a;
  text-decoration:none;

  transition:.25s ease;
}

/* gold hover */
.vl24-menu-list a:hover{
  color:var(--gold);
  transform:translateX(6px);
}

/* =========================
MENU FOOTER AREA
========================= */

.vl24-menu-footer{
  margin-top:60px;
}

/* divider */
.vl24-menu-divider{
  height:1px;
  background:rgba(0,0,0,.08);
  margin-bottom:30px;
}

/* label */
.vl24-menu-label{
  display:block;
  font-size:12px;
  letter-spacing:.15em;
  text-transform:uppercase;
  opacity:.6;
  margin-bottom:12px;
}

/* -----------------------
LANGUAGE SWITCHER
----------------------- */

.vl24-lang-switch ul{
  display:flex;
  gap:14px;
  padding:0;
  margin:0;
}

.vl24-lang-switch li{
  list-style:none;
}

.vl24-lang-switch a{
  text-decoration:none;
  font-weight:600;
  color:#444;
  transition:.25s;
}

.vl24-lang-switch a:hover{
  color:var(--gold);
}

/* -----------------------
SOCIALS
----------------------- */

.vl24-menu-follow{
  margin-top:30px;
}

.vl24-menu-socials{
  display:flex;
  gap:14px;
}

.vl24-menu-socials a{
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid var(--gold);

  display:flex;
  align-items:center;
  justify-content:center;

  color:var(--gold);
  text-decoration:none;

  transition:.25s ease;
}

.vl24-menu-socials a:hover{
  background:var(--gold);
  color:#fff;
}

/* =========================
VL24 MENU — SHIFT CONTENT RIGHT (NOT BACKGROUND)
========================= */

/* mobiilis EI NIHUTA */
@media (max-width:768px){
  .vl24-menu-inner{
    padding-left:60px;
  }
}


/* ===== FORCE ONLY SOCIALS TO SIDEBAR BOTTOM ===== */

.vl24-sidebar{
  position:fixed;
}

.vl24-bottom{
  position:relative; /* hamburger jääb oma kohta */
}

/* ===== SOCIALS ONLY TO BOTTOM (NO HAMBURGER MOVE) ===== */

.vl24-socials{
  margin-top:auto;
}

/* ===== SIDEBAR LAYOUT FIX ===== */

/* sidebar võtab täiskõrguse flex column */
.vl24-sidebar{
  display:flex;
  flex-direction:column;
}

/* bottom wrapper täidab ruumi */
.vl24-bottom{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
}

/* hamburger jääb üles */
.vl24-hamburger{
  margin-top:80px;
}

/* socials läheb alla */
.vl24-socials{
  margin-top:auto;
}

/* REMOVE EXTRA DIVIDER */
.vl24-menu-divider{
  display:none !important;
}

.vl24-lang-switch a{
  width:44px;
  height:44px;
  border-radius:50%;
  border:1px solid var(--gold);
  display:flex;
  align-items:center;
  justify-content:center;
  background:transparent;
}

/* TIGHTER MENU SPACING */

/* linkide vahe väiksem */
.vl24-menu-list{
  gap:14px;
}

/* link padding väiksem */
.vl24-menu-list a{
  padding:6px 0;
}

/* footer lähemale */
.vl24-menu-footer{
  margin-top:28px;
  padding-top:18px;
}

/* Language / Follow blokid lähemale */
.vl24-menu-label{
  margin-bottom:6px;
}

.vl24-menu-follow{
  margin-top:14px;
}

/* ===============================
VL24 CLEAN MENU FIX (FINAL)
=============================== */

/* MENU PANEL NORMAL FLOW */
.vl24-menu-inner{
  display:block;
}

/* ---------- X POSITION (STABLE) ---------- */

.vl24-bottom{
  position:relative;
}

.vl24-sidebar{
  display:flex;
  flex-direction:column;
  align-items:center;
}

/* logo üleval */
.vl24-logo{
  margin-bottom:24px;
}

/* hamburger tuleb logo alla */
.vl24-hamburger{
  margin-top:24px;
}

/* socials alati alla */
.vl24-socials{
  margin-top:auto;
  padding-bottom:24px;
}

/* compact header ei tohi muuta positsiooni */
.vl24-header.is-compact .vl24-hamburger{
  position:absolute;
  top:65px;
}

/* ---------- FLAGS SIDE BY SIDE ---------- */

.vl24-lang-switch ul{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:12px;
  margin:0;
  padding:0;
  list-style:none;
}

.vl24-lang-switch li{
  margin:0;
  padding:0;
}

.vl24-lang-switch a{
  width:44px;
  height:44px;
  border-radius:50%;
  border:1px solid var(--gold);
  display:flex;
  align-items:center;
  justify-content:center;
  background:transparent;
}

.vl24-lang-switch img{
  width:30px;
  height:30px;
  border-radius:50%;
}

/* ---------- MENU SPACING (TIGHTER) ---------- */

.vl24-menu-list{
  gap:14px;
}

.vl24-menu-list a{
  padding:6px 0;
}

.vl24-menu-footer{
  margin-top:28px;
  padding-top:18px;
}

.vl24-menu-label{
  margin-bottom:6px;
}

.vl24-menu-follow{
  margin-top:14px;
}

/* =========================
FIX: POLYLANG FLAGS INLINE
========================= */

/* UL = row */
.vl24-lang-switch ul{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  gap:12px !important;
  align-items:center !important;
}

/* POLYLANG paneb li width:100% → tapame selle */
.vl24-lang-switch li{
  display:inline-flex !important;
  width:auto !important;
  flex:0 0 auto !important;
}

/* link button */
.vl24-lang-switch a{
  width:44px !important;
  height:44px !important;
  border-radius:50% !important;
  border:1px solid var(--gold) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* ==========================================
VL24 MENU — MOVE CONTENT ONLY (NOT BACKGROUND)
========================================== */

/* menüü container jääb nulli */
.vl24-menu-inner{
  padding:92px 56px 44px 56px !important;
}


/* liigutame ainult menüü sisu */
.vl24-menu-nav,
.vl24-menu-footer{
  margin-left:var(--sb-width);
}


/* mobile — sidebar ei kata sisu */
@media (max-width:768px){

  .vl24-menu-nav,
  .vl24-menu-footer{
    margin-left:60px;
  }

}

@media (max-width:768px){

  /* hamburger nupp väiksem */
  .vl24-hamburger{
    width:44px;
    height:44px;
    gap:4px;
  }

  /* triibud väiksemaks */
  .vl24-hamburger span{
    width:16px;
    height:2px;
  }

  /* X animatsioon väiksema liikumisega */
  .vl24-header.menu-open .vl24-hamburger span:nth-child(1){
    transform:translateY(5px) rotate(45deg);
  }

  .vl24-header.menu-open .vl24-hamburger span:nth-child(3){
    transform:translateY(-5px) rotate(-45deg);
  }

}

/* =========================================
MOBILE — HAMBURGER X FIX (ALWAYS VISIBLE)
========================================= */

@media (max-width:768px){

  /* ring natuke suurem et X mahuks */
  .vl24-hamburger{
    width:48px !important;
    height:48px !important;
    padding:0 !important;
    gap:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  /* triibud väiksemaks */
  .vl24-hamburger span{
    position:absolute !important;
    width:16px !important;
    height:2px !important;
    left:50%;
    top:50%;
    transform-origin:center;
  }

  /* default hamburger state */
  .vl24-hamburger span:nth-child(1){
    transform:translate(-50%, -6px);
  }

  .vl24-hamburger span:nth-child(2){
    transform:translate(-50%, -50%);
  }

  .vl24-hamburger span:nth-child(3){
    transform:translate(-50%, 4px);
  }

  /* OPEN → X (no clipping ever) */
  .vl24-header.menu-open .vl24-hamburger span:nth-child(1){
    transform:translate(-50%, -50%) rotate(45deg);
  }

  .vl24-header.menu-open .vl24-hamburger span:nth-child(2){
    opacity:0;
  }

  .vl24-header.menu-open .vl24-hamburger span:nth-child(3){
    transform:translate(-50%, -50%) rotate(-45deg);
  }

}

/* =========================================
MENU TYPO FIX — RESTORE PREMIUM STYLE
========================================= */

.vl24-menu-list a{
  font-family:"Inter","Space Grotesk",sans-serif !important;
  font-size:22px !important;
  font-weight:500 !important;
  letter-spacing:.02em !important;
  line-height:1.25 !important;

  color:rgba(32,28,22,.75) !important; /* EI OLE MUST */
  padding:6px 0 !important;
}

.vl24-menu-list{
  gap:12px !important;
}

/* kuldne hover jääb */
.vl24-menu-list a:hover{
  color:var(--gold) !important;
  transform:translateX(6px);
}

/* =========================================
VL24 PRO HAMBURGER — PREMIUM MORPH
========================================= */

.vl24-hamburger{
  position:relative;
  width:60px;
  height:60px;
  border-radius:50%;
  border:1px solid var(--gold);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

/* bars container look */
.vl24-hamburger span{
  position:absolute;
  left:50%;
  height:2px;
  background:var(--gold);
  transform-origin:center;

  transition:
    transform .6s cubic-bezier(.22,1,.36,1),
    opacity .45s ease,
    width .6s ease;
}

/* ========= DEFAULT STATE ========= */

/* top — shortest */
.vl24-hamburger span:nth-child(1){
  width:14px;
  transform:translate(-50%,-8px);
}

/* middle — longest */
.vl24-hamburger span:nth-child(2){
  width:22px;
  transform:translate(-50%,0);
}

/* bottom — medium */
.vl24-hamburger span:nth-child(3){
  width:18px;
  transform:translate(-50%,8px);
}


/* ========= OPEN STATE ========= */

/* TOP → \ */
.vl24-header.menu-open .vl24-hamburger span:nth-child(1){
  width:20px;
  transform:translate(-50%,0) rotate(45deg);
}

/* MIDDLE → slide right + fade */
.vl24-header.menu-open .vl24-hamburger span:nth-child(2){
  transform:translate(120%,0);
  opacity:0;
}

/* BOTTOM → / */
.vl24-header.menu-open .vl24-hamburger span:nth-child(3){
  width:20px;
  transform:translate(-50%,0) rotate(-45deg);
}

/* =========================================
MOBILE SIZE
========================================= */

@media (max-width:768px){

  .vl24-hamburger{
    width:48px;
    height:48px;
  }

  .vl24-hamburger span:nth-child(1){ width:12px; }
  .vl24-hamburger span:nth-child(2){ width:18px; }
  .vl24-hamburger span:nth-child(3){ width:15px; }

}

/* =====================================
FORCE MOBILE HAMBURGER DIFFERENT WIDTHS
(override everything above)
===================================== */

@media (max-width:768px){

  .vl24-hamburger span{
    left:50% !important;
    height:2px !important;
    position:absolute !important;
  }

  /* top — shortest */
  .vl24-hamburger span:nth-child(1){
    width:12px !important;
    transform:translate(-50%,-6px) !important;
  }

  /* middle — longest */
  .vl24-hamburger span:nth-child(2){
    width:20px !important;
    transform:translate(-50%,0) !important;
  }

  /* bottom — medium */
  .vl24-hamburger span:nth-child(3){
    width:16px !important;
    transform:translate(-50%,6px) !important;
  }

}

/* =========================================
FIX — MOBILE X ALWAYS WORKS
(overrides forced hamburger state)
========================================= */

@media (max-width:768px){

  /* OPEN → X peab alati võitma */
  .vl24-header.menu-open .vl24-hamburger span:nth-child(1){
    width:20px !important;
    transform:translate(-50%,0) rotate(45deg) !important;
  }

  .vl24-header.menu-open .vl24-hamburger span:nth-child(2){
    opacity:0 !important;
    transform:translate(120%,0) !important;
  }

  .vl24-header.menu-open .vl24-hamburger span:nth-child(3){
    width:20px !important;
    transform:translate(-50%,0) rotate(-45deg) !important;
  }

}

/* =========================
COMPACT BADGE (sul olemas)
– lisame ainult: rotate reset + fit typography + wow
========================= */

.vl24-header.is-compact .vl24-logo{
  /* hoia olemasolev translateX, aga lisa rotate(0) et transform interpoleeruks */
  transform:translateX(-50%) rotate(0deg) !important;

  /* FIT: badge 62x38 sisse */
  font-size:18px !important;
  letter-spacing:.06em !important;
  gap:2px !important;

  /* premium glass + glow */
  background:rgba(255,255,255,.68);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  box-shadow:
    0 0 0 1px rgba(184,146,62,.55) inset,
    0 10px 26px rgba(0,0,0,.10);
}

/* badge padding et VL24 mahuks */
.vl24-header.is-compact .vl24-logo{
  padding:6px 10px !important;
}

/* =========================
RE-ORDER KEEP LETTERS → V L 2 4
(ainult flex “order”, CSS-only)
========================= */

/* default kõik keep saavad “hiljem” reset */
.vl24-header.is-compact .vl24-ch.keep{ order:10; }

/* V (data-index 0) */
.vl24-header.is-compact .vl24-ch.keep[data-index="0"]{ order:1; }
/* L (data-index 5) */
.vl24-header.is-compact .vl24-ch.keep[data-index="5"]{ order:2; }
/* 2 (data-index 10) */
.vl24-header.is-compact .vl24-ch.keep[data-index="10"]{ order:3; }
/* 4 (data-index 11) */
.vl24-header.is-compact .vl24-ch.keep[data-index="11"]{ order:4; }

/* =========================
DISSOLVE OTHERS (wow)
- kaovad blur + shrink
- EI jäta flexis ruumi (max-width:0 + margin:0)
========================= */

.vl24-header.is-compact .vl24-ch:not(.keep){
  opacity:0;
  filter:blur(10px);
  transform:translateX(-6px) scale(.65);
  max-width:0;
  margin:0;
  pointer-events:none;
}

/* smooth “DNA” moment (ainult kui compact peale tuleb) */
.vl24-header.is-compact .vl24-ch:not(.keep){
  animation: vl24_dissolve .62s cubic-bezier(.22,1,.36,1) both;
}

@keyframes vl24_dissolve{
  0%   { opacity:1; filter:blur(0);   transform:translateX(0) scale(1);   max-width:40px; }
  55%  { opacity:.55; filter:blur(6px); transform:translateX(-4px) scale(.85); }
  100% { opacity:0; filter:blur(10px); transform:translateX(-6px) scale(.65); max-width:0; }
}

/* =========================
KEEP LETTERS — crystal snap + glow
========================= */

.vl24-header.is-compact .vl24-ch.keep{
  color:var(--gold);
  filter:drop-shadow(0 0 10px rgba(184,146,62,.35));
  animation: vl24_crystal .78s cubic-bezier(.22,1,.36,1) both;
}

@keyframes vl24_crystal{
  0%   { transform:scale(1); filter:drop-shadow(0 0 0 rgba(184,146,62,0)); }
  45%  { transform:scale(1.18); filter:drop-shadow(0 0 18px rgba(184,146,62,.55)); }
  100% { transform:scale(1); filter:drop-shadow(0 0 10px rgba(184,146,62,.35)); }
}

/* =========================
SHINE SWEEP (wow) — badge peal
========================= */

.vl24-header.is-compact .vl24-logo::after{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:1px;
  pointer-events:none;

  background:linear-gradient(
    115deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.55) 22%,
    rgba(255,255,255,0) 48%
  );

  transform:translateX(-130%);
  opacity:.0;
  animation: vl24_shine 1.05s cubic-bezier(.22,1,.36,1) .08s both;
  mix-blend-mode:overlay;
}

@keyframes vl24_shine{
  0%   { transform:translateX(-130%); opacity:0; }
  20%  { opacity:.55; }
  100% { transform:translateX(130%); opacity:0; }
}

/* =========================
REVERSE (kui .is-compact kaob)
- muud tähed tulevad tagasi automaatselt, sest reeglid kaovad
- lisa natuke “soft return”
========================= */

.vl24-ch:not(.keep){
  max-width:40px; /* default ruum */
}

/* reduce motion support */
@media (prefers-reduced-motion: reduce){
  .vl24-logo,
  .vl24-ch,
  .vl24-header.is-compact .vl24-ch.keep,
  .vl24-header.is-compact .vl24-ch:not(.keep),
  .vl24-header.is-compact .vl24-logo::after{
    transition:none !important;
    animation:none !important;
  }
}

/* =========================================
TÄPNE SISEMINE JOONDUS
========================================= */

.vl24-header.is-compact .vl24-logo{
  font-family:"Bebas Neue", sans-serif !important;

  /* optiline joondus */
  letter-spacing:-0.06em !important;

  /* oluline – ei tohi laieneda */
  overflow:hidden !important;
}

/* =========================================
LOGO STRING FIX — CENTER + SIZE + COLOR
========================================= */

/* logo container peab keskjoondama kõik */
.vl24-logo{
  display:flex;
  align-items:center;
  justify-content:center;
}

/* =========================
STRING STYLE (TOP STATE)
========================= */

.vl24-brace{

  /* sama font family et oleks ühtne */
  font-family:"Bebas Neue", sans-serif;

  /* suurem */
  font-size:32px;

  /* sama värv kui logo */
  color:var(--gold);

  /* optiline keskjoondus */
  display:flex;
  align-items:center;
  justify-content:center;

  /* tasakaal tekstiga */
  margin:0 8px;

  /* täpne vertikaalne joondus */
  transform:translateY(-1px);

  /* sama visuaalne paksus */
  font-weight:400;

  opacity:.85;
}

/* kui kasutad ainult } mõlemal pool */
.vl24-brace:first-child{
  margin-right:10px;
}

.vl24-brace:last-child{
  margin-left:10px;
}

/* =========================
COMPACT — STRINGID KAOVAD
========================= */

.vl24-header.is-compact .vl24-brace{
  display:none !important;
}

/* =========================
COMPACT LOGO PERFECT CENTER
========================= */

.vl24-header.is-compact .vl24-logo{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* VL24 jääb keskele */
.vl24-header.is-compact .vl24-ch.keep{
  margin:0 -1px; /* tihedam */
}

/* =========================================
VL24 LOGO — REMOVE ALL EXTRA SYMBOLS
========================================= */

/* mitte mingit underline / decoration */
.vl24-logo,
.vl24-logo *{
  text-decoration:none !important;
}

/* eemalda pseudo elemendid mis tekitavad jooni/punkte */
.vl24-logo::before,
.vl24-logo::after,
.vl24-ch::before,
.vl24-ch::after,
.vl24-brace::before,
.vl24-brace::after{
  content:none !important;
  display:none !important;
}

/* tähtede baseline fix (väldib imelikku joonistamist) */
.vl24-ch{
  line-height:1 !important;
  border:none !important;
  box-shadow:none !important;
  background:none !important;
}

/* stringid puhtad */
.vl24-brace{
  border:none !important;
  background:none !important;
  box-shadow:none !important;
}

/* =========================================
STRING VERTICAL ALIGN FIX — SAFE
(does NOT affect anything else)
========================================= */

.vl24-logo{
  align-items:center; /* juba sul olemas, aga tagame */
}

.vl24-brace{

  /* täpselt sama writing flow kui tähed */
  writing-mode:inherit;

  /* sama line box */
  line-height:1;

  /* baseline alignment vertikaalses süsteemis */
  display:inline-block;

  /* SUUREM nagu sa tahtsid */
  font-size:34px;

  /* tähtedega täpselt joonele */
  margin:0;

  /* EI mingit translate hacki */
  transform:none !important;

  /* sama värv */
  color:var(--gold);

  opacity:1;
}

/* vertikaalses writing-mode’is spacing käib margin-block kaudu */
.vl24-brace:first-child{
  margin-bottom:10px;
}

.vl24-brace:last-child{
  margin-top:10px;
}

/* =========================================
VL24 LOGO — PERFECT CENTER BETWEEN BRACES
DOES NOT CHANGE ANYTHING ELSE
========================================= */

/* kõik märgid samale teljele */
.vl24-logo .vl24-ch,
.vl24-logo .vl24-brace{
  display:flex;
  align-items:center;
  justify-content:center;

  /* sama lai column kõigile */
  width:1em;

  line-height:1;
}

/* stringid suuremad */
.vl24-logo .vl24-brace{
  font-size:48px; /* muuda kui tahad veel suuremaks */
  color:var(--gold);
}

.vl24-logo > span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:1.2em;   /* sunnib kõik märgid samale teljele */
  line-height:1;
}

.vl24-brace{
  font-size:42px;
}

/* =========================================
VL24 LOGO — VERTICAL ALIGN FIX (SAFE)
ei muuda layouti ega writing-mode'i
========================================= */

/* ära lase browseril baseline't arvutada */
.vl24-logo span{
  vertical-align:middle !important;
  line-height:1 !important;
}

/* tähed */
.vl24-ch{
  display:inline-block !important;
  transform:none !important;
}

/* sulud täpselt sama telg */
.vl24-brace{
  display:inline-block !important;
  transform:none !important;
  line-height:1 !important;
}

/* writing-mode süsteemis optiline offset */
.vl24-logo{
  text-orientation:mixed;
}

/* =========================================
VL24 LOGO — FORCE SAME LINE (FINAL FIX)
ei muuda vertical layouti
========================================= */

/* kõik logo märgid täpselt sama teljele */
.vl24-logo{
  place-items:center !important;
}

/* nullime KÕIK varasemad nihked */
.vl24-logo .vl24-brace,
.vl24-logo .vl24-ch{
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  position:relative !important;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  bottom:0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:1.1em !important;
  line-height:1 !important;
}

/* sulud suuremad */
.vl24-logo .vl24-brace{
  font-size:42px !important;
}

/* =================================
VL24 — MOVE BRACES LEFT ONLY
logo jääb paika
================================= */

.vl24-logo .vl24-brace{
  transform:translateX(4px) !important; /* muuda väärtust */
}

/* =========================================
VL24 COMPACT LOGO — PRO VERSION
========================================= */

.vl24-header.is-compact .vl24-logo{

  width:72px !important;
  height:44px !important;

  padding:0 0px !important; /* ruum servadest */

  border-radius:4px !important;

  background:rgba(255,255,255,.85) !important;
  backdrop-filter:blur(16px);

  box-shadow:
    0 8px 24px rgba(0,0,0,.12),
    0 0 0 1px rgba(184,146,62,.45) inset;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* VL24 tekst */
.vl24-header.is-compact .vl24-ch.keep{

  font-family:"Space Grotesk", "Inter", sans-serif !important;

  font-size:26px !important;      /* suurem */
  font-weight:700 !important;     /* paksem */
  letter-spacing:-0.03em !important;

  color:#b8923e !important;

  margin:0 -1px !important;       /* tihedam */
}

/* =========================================
VL24 GOLD SYSTEM — REAL GOLD (GLOBAL)
========================================= */

:root{
  --gold-1:#f5e6b2;
  --gold-2:#e2c46c;
  --gold-3:#b8923e;
  --gold-4:#8f6a1f;

  --gold-gradient:linear-gradient(
    135deg,
    var(--gold-1) 0%,
    var(--gold-2) 30%,
    var(--gold-3) 60%,
    var(--gold-4) 100%
  );
}

/* =================================
VERTICAL LOGO GOLD
================================= */

.vl24-logo{
  color:transparent !important;
  background:var(--gold-gradient);
  -webkit-background-clip:text;
  background-clip:text;
}

/* =================================
COMPACT LOGO GOLD TEXT
================================= */

.vl24-header.is-compact .vl24-ch.keep{
  background:var(--gold-gradient);
  -webkit-background-clip:text;
  color:transparent !important;
}

/* =================================
BURGER GOLD
================================= */

.vl24-hamburger{
  border:1px solid var(--gold-3);
  box-shadow:0 0 12px rgba(184,146,62,.25);
}

.vl24-hamburger span{
  background:var(--gold-gradient);
}

/* =================================
CTA BUTTON GOLD
================================= */

.vl24-cta{
  background:var(--gold-gradient);
  box-shadow:
    0 10px 24px rgba(184,146,62,.25),
    inset 0 1px 0 rgba(255,255,255,.3);
}

/* =================================
SOCIAL RINGS GOLD
================================= */

.vl24-socials a{
  border:1px solid var(--gold-3);
  box-shadow:0 0 12px rgba(184,146,62,.2);
}

/* =================================
BRACES GOLD
================================= */

.vl24-brace{
  background:var(--gold-gradient);
  -webkit-background-clip:text;
  color:transparent;
}

/* ===== FIX: restore vertical logo visibility ===== */

.vl24-logo{
  background:none !important;
  color:#b8923e !important;
  -webkit-background-clip:initial !important;
}

/* Vertical logo gold */
.vl24-logo .vl24-ch,
.vl24-logo .vl24-brace{
  background:var(--gold-metal);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;

  text-shadow:
    0 1px 0 rgba(255,255,255,.4),
    0 2px 4px rgba(0,0,0,.25);
}

/* =====================================
VL24 REAL GOLD — LOGO ONLY (SAFE)
ei muuda layouti, ainult värv
===================================== */

/* gold system */
:root{
  --vl24-gold-1:#f5e6b2;
  --vl24-gold-2:#e2c46c;
  --vl24-gold-3:#b8923e;
  --vl24-gold-4:#8f6a1f;

  --vl24-gold-metal:linear-gradient(
    135deg,
    var(--vl24-gold-1) 0%,
    var(--vl24-gold-2) 30%,
    var(--vl24-gold-3) 60%,
    var(--vl24-gold-4) 100%
  );
}

/* ===== VERTICAL LOGO ===== */
.vl24-logo .vl24-ch,
.vl24-logo .vl24-brace{
  background:var(--vl24-gold-metal) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;

  /* metall shine */
  text-shadow:
    0 1px 0 rgba(255,255,255,.45),
    0 2px 6px rgba(0,0,0,.25);
}

/* ===== COMPACT LOGO ===== */
.vl24-header.is-compact .vl24-ch.keep{
  background:var(--vl24-gold-metal) !important;
  -webkit-background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,.45),
    0 2px 6px rgba(0,0,0,.25);
}

/* =========================================
VL24 FINAL GOLD FIX
compact center + correct shadow
========================================= */

/* ===== ÜHTNE KULD VARI (nagu burger + socials) ===== */

.vl24-logo .vl24-ch,
.vl24-logo .vl24-brace,
.vl24-header.is-compact .vl24-ch.keep{
  text-shadow:
    0 1px 0 rgba(255,255,255,.35),
    0 0 8px rgba(184,146,62,.35);
}


/* =========================================
COMPACT BADGE PERFECT CENTER
========================================= */

.vl24-header.is-compact .vl24-logo{

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:72px !important;
  height:44px !important;

  padding:0 !important;

  border-radius:6px !important;

  background:rgba(255,255,255,.85) !important;
  backdrop-filter:blur(10px);

  box-shadow:
    0 6px 18px rgba(0,0,0,.10),
    0 0 0 1px rgba(184,146,62,.45) inset;
}


/* VL24 tekst täpselt keskel */
.vl24-header.is-compact .vl24-ch.keep{
  font-size:24px !important;
  font-weight:700 !important;
  letter-spacing:-0.02em !important;

  margin:0 !important;
}


/* eemaldame vana vale shadow */
.vl24-logo .vl24-ch,
.vl24-logo .vl24-brace{
  filter:none !important;
}

/* =========================================
VL24 COMPACT — TRUE CENTER FIX
ei muuda muud layouti
========================================= */

/* badge container */
.vl24-header.is-compact .vl24-logo{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  padding:0 !important;
  gap:0 !important;

  text-align:center !important;
}


/* kõik tähed null offset */
.vl24-header.is-compact .vl24-logo span{
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
}


/* VL24 tekst optiliselt keskele */
.vl24-header.is-compact .vl24-ch.keep{
  letter-spacing:0 !important; 
  margin:0 !important;
}


/* eemaldame grid → flex jäägi */
.vl24-header.is-compact .vl24-logo{
  display:flex !important;
}

/* =========================================
MOBILE — COMPACT LOGO PERFECT CENTER
========================================= */

@media (max-width:768px){

  .vl24-header.is-compact .vl24-logo{
    position:absolute !important;

    left:10px !important;
    right:0 !important;

    margin:0 auto !important;   /* päris center */

    transform:none !important;  /* tapame vana translateX */
  }

}

/* =========================================
COMPACT LOGO — SAME GOLD FRAME AS BURGER
========================================= */

.vl24-header.is-compact .vl24-logo{

  /* sama kuld border */
  border:1px solid var(--gold-3) !important;

  /* sama glow */
  box-shadow:
    0 0 12px rgba(184,146,62,.25) !important;

  /* klaas taust */
  background:rgba(255,255,255,.7) !important;
  backdrop-filter:blur(12px);

}

/* =========================================
SCROLL STATE — DARK MODE (ONLY COMPACT)
========================================= */

/* ===== COMPACT LOGO DARK ===== */

.vl24-header.is-compact .vl24-logo{

  /* tume taust (sama toon mis CTA text vibe) */
  background:rgba(28,28,28,.88) !important;

  /* glass feel */
  backdrop-filter:blur(12px);

  /* kuld raam jääb */
  border:1px solid var(--gold-3) !important;

  /* sama glow mis burger */
  box-shadow:0 0 12px rgba(184,146,62,.25) !important;
}




/* ===== SLIDE MENU TAUST KA SAMA DARK ===== */

.vl24-header.is-compact.menu-open .vl24-menu-inner{
  background:var(--vl24-dark-glass-soft) !important;
  border-right:1px solid rgba(184,146,62,.25);
}


/* =========================================
COMPACT MENU — FORCE GOLD LINKS
same as normal menu
========================================= */

.vl24-header.is-compact.menu-open .vl24-menu-list a{

  background:var(--vl24-gold-metal) !important;

  -webkit-background-clip:text !important;
  background-clip:text !important;

  -webkit-text-fill-color:transparent !important;
  color:transparent !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,.35),
    0 0 8px rgba(184,146,62,.35);

  opacity:1 !important;
}

/* hover sama mis tavamenüül */
.vl24-header.is-compact.menu-open .vl24-menu-list a:hover{
  transform:translateX(6px);
  filter:brightness(1.15);
}

/* =========================================
HAMBURGER — DARK BACKGROUND ON SCROLL
only when header is compact
========================================= */

.vl24-header.is-compact .vl24-hamburger{

  /* tume taust */
  background:rgba(24,24,24,.92) !important;

  /* sama kuld raam */
  border:1px solid var(--gold-3) !important;

  /* sama glow mis social ringid */
  box-shadow:0 0 12px rgba(184,146,62,.25) !important;
}

/* triibud jäävad kuldsed */
.vl24-header.is-compact .vl24-hamburger span{
  background:var(--vl24-gold-metal, var(--gold-gradient)) !important;
}

/* =========================================
COMPACT STATE — LOGO SAME AS BURGER (BIG RING ONLY)
ei muuda default sidebar logo
========================================= */

.vl24-header.is-compact .vl24-logo{

  width:72px !important;
  height:72px !important;

  border-radius:50% !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  /* sama stiil mis burger */
  background:rgba(28,28,28,.92) !important;
  backdrop-filter:blur(12px);

  border:1px solid var(--gold-3) !important;
  box-shadow:0 0 12px rgba(184,146,62,.25) !important;

  /* eemaldame vana badge look */
  padding:0 !important;
}

/* =========================================
COMPACT LOGO — VL24 tighter + bold + spacing
========================================= */

/* ringi sees ruumi juurde */
.vl24-header.is-compact .vl24-logo{
  padding:16px !important; /* suurenda kui vaja */

  font-family:"Space Grotesk","Inter",sans-serif !important;
  font-weight:900 !important; /* paksem */
}

/* ainult VL24 tähed */
.vl24-header.is-compact .vl24-ch.keep{
  font-size:32px !important;
  font-weight:900 !important;

  /* tähtede vahe väiksemaks */
  letter-spacing:-0.08em !important;

  /* optiline center */
  margin:0 -2px !important;
}

/* sulud kaovad compactis */
.vl24-header.is-compact .vl24-brace{
  display:none !important;
}

/* =========================================
COMPACT — BURGER ALIGN (MOBILE ONLY)
========================================= */

@media (max-width:768px){

  .vl24-header.is-compact .vl24-hamburger{
    left:calc(50% + 12px);
    transform:translateX(-50%);
  }

}

/* =========================================
MENU FOOTER LABELS — GOLD
========================================= */

.vl24-menu-label{

  background:var(--vl24-gold-metal);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,.35),
    0 0 6px rgba(184,146,62,.35);

  opacity:1 !important;
}

/* =========================================
POLYLANG FLAGS — FULL BACKGROUND IN RING
FINAL OVERRIDE
========================================= */

.vl24-lang-switch a{
  width:42px !important;
  height:42px !important;
  padding:0 !important;
  overflow:hidden !important;

  border-radius:50% !important;
  border:1px solid var(--gold-3) !important;

  background:none !important;
}

/* flag täidab ringi täielikult */
.vl24-lang-switch a img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;

  border-radius:50% !important;
  display:block !important;
}

/* active keel glow */
.vl24-lang-switch .current-lang a{
  box-shadow:0 0 12px rgba(184,146,62,.35) !important;
}

/* =========================================
FORCE FLAG SPACING — FINAL FIX
========================================= */

.vl24-lang-switch ul{
  display:flex !important;
}

.vl24-lang-switch li{
  margin-right:10px !important;
}

.vl24-lang-switch li:last-child{
  margin-right:0 !important;
}

/* =========================================
VL24 MENU — GOLD DIVIDERS BETWEEN LINKS
========================================= */

/* iga link */
.vl24-menu-list li{
  position:relative;
  padding-bottom:14px;
  margin-bottom:14px;
}

/* kuldne joon */
.vl24-menu-list li:not(:last-child)::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;

  width:100%;
  height:1px;

  background:linear-gradient(
    90deg,
    transparent,
    rgba(184,146,62,.6),
    transparent
  );

  opacity:.6;
}

/* =========================================
VL24 BUTTON HOVER — GOLD FILL
(does NOT affect flags)
========================================= */

/* SIDEBAR SOCIALS */
.vl24-socials a:hover{
  background:var(--vl24-gold-metal);
  color:#111 !important;
  border-color:var(--gold-3);
  box-shadow:0 0 14px rgba(184,146,62,.35);
}

/* MENU SOCIALS */
.vl24-menu-socials a:hover{
  background:var(--vl24-gold-metal);
  color:#111 !important;
  border-color:var(--gold-3);
  box-shadow:0 0 14px rgba(184,146,62,.35);
}

/* =========================================
VL24 HAMBURGER — GOLD FILL HOVER
========================================= */

.vl24-hamburger{
  transition:
    background .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}

/* HOVER */
.vl24-hamburger:hover{
  background:var(--vl24-gold-metal);
  border-color:var(--gold-3);
  box-shadow:0 0 14px rgba(184,146,62,.35);
}

/* triibud muutuvad tumedaks kui taust kuldne */
.vl24-hamburger:hover span{
  background:#111 !important;
}

/* =========================================
HEADER CTA — HERO BUTTON EFFECT (SAFE)
EI muuda layouti / EI liiguta nuppu
========================================= */

.vl24-cta{
  position:relative;
  overflow:hidden;
}

/* ripple */
.vl24-cta::before{
  content:"";
  position:absolute;

  left:var(--ripple-x,50%);
  top:var(--ripple-y,50%);

  width:0;
  height:0;

  border-radius:50%;
  transform:translate(-50%,-50%);

  background:rgba(255,255,255,.12);

  opacity:.9;
  transition:width 2.8s cubic-bezier(.22,1,.36,1),
             height 2.8s cubic-bezier(.22,1,.36,1);

  z-index:-1;
}

/* ripple expand */
.vl24-cta.vl24-hover::before,
.vl24-cta.vl24-click::before{
  width:420px;
  height:420px;
}

/* skeleton look WITHOUT size change */
.vl24-cta.vl24-hover,
.vl24-cta.vl24-click{
  background:transparent !important;
  outline:1px solid var(--gold-3); /* ← ei muuda mõõtu */
  outline-offset:0;
  color:var(--gold-3);
  box-shadow:none;
}

/* =========================================
VL24 CTA — FULLY RESPONSIVE
========================================= */

.vl24-cta{
  position:fixed;

  top:clamp(16px, 2.5vw, 22px);
  right:clamp(16px, 2.5vw, 28px);

  z-index:99999;

  display:flex;
  align-items:center;
  justify-content:center;

  text-decoration:none;

  height:clamp(36px, 4vw, 44px);
  padding:0 clamp(14px, 2.5vw, 22px);

  border-radius:clamp(6px, 1vw, 10px);

  font-size:clamp(13px, 1.1vw, 15px);
  font-weight:600;

  background:var(--vl24-gold-metal);
  color:#111;

  box-shadow:
    0 clamp(6px, 1.5vw, 10px) clamp(16px, 2vw, 24px) rgba(184,146,62,.25),
    inset 0 1px 0 rgba(255,255,255,.3);

  transition:all .25s ease;
}

/* =========================================
GLOBAL OVERFLOW FIX
========================================= */

html,
body{
  overflow-x:hidden !important;
}

/* =========================================
VL24 CTA — CLEAN RESPONSIVE
========================================= */

.vl24-cta{
  position:fixed;
  top:clamp(14px, 2vh, 22px);
  right:clamp(14px, 2vw, 28px);

  display:flex;
  align-items:center;
  justify-content:center;

  z-index:99999;
  text-decoration:none;

  height:clamp(34px, 4.5vh, 44px);
  padding:0 clamp(14px, 2vw, 22px);

  font-size:clamp(12px, 1.2vw, 15px);
  font-weight:600;

  border-radius:8px;

  background:var(--vl24-gold-metal);
  color:#111;

  box-shadow:
    0 8px 22px rgba(184,146,62,.25),
    inset 0 1px 0 rgba(255,255,255,.3);

  white-space:nowrap;

  transition:all .25s ease;
}

@media (max-height:720px){

  .vl24-hamburger{
    margin-top:10px;
  }

  .vl24-socials a{
    width:36px;
    height:36px;
  }

}

.vl24-socials svg,
.vl24-menu-socials svg{
  width:14px;
  height:14px;
  display:block;
}

.vl24-brace:first-child{ transform:translateX(-1px) !important; }
.vl24-brace:last-child{ transform:translateX(-1px) !important; }

/* Desktop only */
@media (min-width:1024px){

.vl24-brace:first-child{
  transform:translateX(4px) !important;
}

.vl24-brace:last-child{
  transform:translateX(4px) !important;
}

}