/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 06 2026 | 11:12:50 */
/* =====================================================
VIRANESTHUB – CSS COMPLETO FINALE FIXED
X Astra rimossa + X fake elegante + menu stabile
===================================================== */

:root{
--vnh-blue:#4C57D6;
--vnh-orange:#FF8A00;
--vnh-line:#e7e7e7;
--vnh-bg:#f3f3f3;
}

/* =====================================================
1. LOGO BASE
===================================================== */

.ast-header-html-1,
.ast-header-html-1 .ast-builder-html-element{
overflow:visible !important;
max-width:none !important;
}

a.vn-logo{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
text-decoration:none !important;
font-family:Arial,sans-serif !important;
font-weight:900 !important;
line-height:1 !important;
white-space:nowrap !important;
letter-spacing:-1px !important;
}

a.vn-logo .vn-orange{color:var(--vnh-orange) !important;}
a.vn-logo .vn-blue{color:var(--vnh-blue) !important;}

/* =====================================================
2. DESKTOP
===================================================== */

@media (min-width:769px){

.ast-header-html-1 a.vn-logo{
font-size:52px !important;
}

}

/* =====================================================
3. MOBILE HEADER HOME
===================================================== */

@media (max-width:768px){

.site-header .ast-builder-grid-row{
display:grid !important;
grid-template-columns:48px 1fr 48px !important;
align-items:center !important;
min-height:58px !important;
padding:0 4px !important;
border-bottom:1px solid var(--vnh-line) !important;
}

.site-header .ast-mobile-menu-trigger,
.site-header .menu-toggle{
grid-column:1 !important;
justify-self:center !important;
margin:0 !important;
padding:0 !important;
color:var(--vnh-blue) !important;
}

.site-header .ast-mobile-menu-trigger svg,
.site-header .menu-toggle svg{
fill:var(--vnh-blue) !important;
stroke:var(--vnh-blue) !important;
width:24px !important;
height:24px !important;
}

.site-header .ast-header-html-1{
grid-column:2 !important;
justify-self:center !important;
text-align:center !important;
}

.site-header .ast-header-html-1 a.vn-logo{
font-size:40px !important;
}

.site-header .ast-header-search,
.site-header .ast-search-menu-icon,
.site-header [data-section="section-header-search"]{
grid-column:3 !important;
display:flex !important;
justify-self:center !important;
align-items:center !important;
color:var(--vnh-blue) !important;
}

.site-header .ast-header-search svg,
.site-header .ast-search-menu-icon svg,
.site-header .ast-header-search svg path,
.site-header .ast-search-menu-icon svg path{
fill:var(--vnh-blue) !important;
stroke:var(--vnh-blue) !important;
width:23px !important;
height:23px !important;
}

}

/* =====================================================
4. MOBILE DRAWER MENU
===================================================== */

@media (max-width:768px){

.ast-mobile-popup-drawer{
background:var(--vnh-bg) !important;
overflow-y:auto !important;
}

/* NASCONDE X ASTRA */
.ast-mobile-popup-drawer .menu-toggle-close,
.ast-mobile-popup-drawer .ast-close-svg,
.ast-mobile-popup-drawer .close-drawer,
.ast-mobile-popup-drawer .ast-mobile-popup-close,
.ast-mobile-popup-drawer button[aria-label*="Close"],
.ast-mobile-popup-drawer button[aria-label*="close"]{
display:none !important;
opacity:0 !important;
visibility:hidden !important;
pointer-events:none !important;
}

/* HEADER MENU LOGO */
.ast-mobile-popup-drawer .vn-logo-mobile{
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
padding:14px 14px 10px 14px !important;
position:relative !important;
top:0 !important;
left:0 !important;
z-index:9999 !important;
}

.ast-mobile-popup-drawer .vira-part{color:#FF8A00 !important;}
.ast-mobile-popup-drawer .nest-part{color:#4C57D6 !important;}

/* CATEGORIE MENU */
.ast-mobile-popup-drawer .main-header-menu,
.ast-mobile-popup-drawer .ast-builder-menu-mobile{
position:relative !important;
top:0 !important;
margin-top:6px !important;
}

/* LINKS */
.ast-mobile-popup-drawer .main-header-menu a{
font-size:18px !important;
font-weight:800 !important;
color:#4C57D6 !important;
padding:15px 0 !important;
line-height:1.15 !important;
}

/* FRECCE */
.ast-mobile-popup-drawer .ast-menu-toggle,
.ast-mobile-popup-drawer .ast-menu-toggle svg,
.ast-mobile-popup-drawer .ast-menu-toggle svg *{
color:#4C57D6 !important;
fill:#4C57D6 !important;
stroke:#4C57D6 !important;
background:transparent !important;
box-shadow:none !important;
outline:none !important;
}

/* RIGHE */
.ast-mobile-popup-drawer .menu-item{
border-bottom:1px solid var(--vnh-line) !important;
}

}

/* =====================================================
5. RESET VECCHI HACK
===================================================== */

@media (max-width:768px){

.home .ast-header-html-1,
.home .ast-mobile-menu-trigger,
.home .menu-toggle,
.home .ast-header-search,
.home .ast-search-menu-icon{
left:auto !important;
right:auto !important;
top:auto !important;
bottom:auto !important;
margin:0 !important;
transform:none !important;
}

}

/* SOLO MENU MOBILE: alza tutte le categorie */

@media (max-width:768px){

.ast-mobile-popup-drawer .main-header-menu,
.ast-mobile-popup-drawer .ast-builder-menu-mobile{
position:relative !important;
top:-22px !important;
margin-top:0 !important;
}

}

@media (max-width:768px){

.custom-logo-link img,
.site-logo-img img,
.ast-site-identity img,
img.custom-logo{
height:56px !important;
max-height:56px !important;
width:auto !important;
display:block !important;
}

.ast-mobile-header-wrap .ast-primary-header-bar{
min-height:76px !important;
padding:8px 10px !important;
}

}

/* MOBILE HEADER AUTO FIT */

@media (max-width:768px){

.site-header .ast-builder-grid-row{
display:grid !important;
grid-template-columns:42px minmax(0,1fr) 42px !important;
align-items:center !important;
column-gap:4px !important;
padding:0 2px !important;
min-height:58px !important;
max-width:100% !important;
margin:0 auto !important;
}

.site-header .ast-header-html-1 a.vn-logo{
font-size:clamp(24px, 6vw, 34px) !important;
white-space:nowrap !important;
}

}

/* MOBILE HEADER HOME - logo più largo e arioso */

@media (max-width:768px){

.site-header .ast-builder-grid-row{
display:grid !important;
grid-template-columns:38px 1fr 38px !important;
align-items:center !important;
padding:0 6px !important;
column-gap:4px !important;
min-height:60px !important;
}

.site-header .ast-header-html-1 a.vn-logo{
font-size:33px !important;
letter-spacing:-0.4px !important;   /* meno compresso */
transform:scaleX(1.06) !important;  /* leggermente allungato */
transform-origin:center !important;
white-space:nowrap !important;
}

}

/* MOBILE HEADER - più spazio logo senza rimpicciolire icone */

@media (max-width:768px){

.site-header .ast-builder-grid-row{
display:grid !important;
grid-template-columns:34px 1fr 34px !important;
column-gap:2px !important;
padding:0 4px !important;
align-items:center !important;
min-height:60px !important;
}

.site-header .ast-mobile-menu-trigger,
.site-header .menu-toggle,
.site-header .ast-header-search,
.site-header .ast-search-menu-icon{
transform:none !important;
width:auto !important;
height:auto !important;
}

.site-header .ast-header-html-1 a.vn-logo{
font-size:35px !important;
letter-spacing:-0.3px !important;
white-space:nowrap !important;
}

}

/* DESKTOP - sposta logo header leggermente a destra */

@media (min-width:769px){

.ast-header-html-1{
position:relative !important;
left:60px !important;   /* aumenta o diminuisci */
}

}

/* DESKTOP - solo tedesco: sposta logo a sinistra */

@media (min-width:769px){

html[lang^="de"] .ast-header-html-1{
position:relative !important;
left:15px !important;
}

}

/* DESKTOP - sposta tutta la barra header a sinistra
   ESCLUDE tedesco (de-DE compreso) */

@media (min-width:769px){

html:not([lang^="de"]) .site-header .ast-builder-grid-row{
transform:translateX(-30px) !important;
}

}

/* HEADER BAR stesso colore del footer */

.main-header-bar,
.site-header,
.ast-primary-header-bar,
.ast-desktop .main-header-bar{
background: #f5f5f5 !important;
}

/* linea sotto coerente */
.main-header-bar{
border-bottom: 1px solid #e7e7e7 !important;
}

/* mobile uguale */
@media (max-width:768px){

.main-header-bar,
.site-header,
.ast-primary-header-bar{
background:#f5f5f5 !important;
}

}

@media (min-width:769px){

/* desktop language switcher: una sola sigla */
.menu-item-language > a,
.menu-item-language .sub-menu a{
font-size:0 !important;
}

/* mostra solo il testo title (prime 3 lettere impostate da te) */
.menu-item-language > a::before,
.menu-item-language .sub-menu a::before{
content: attr(title) !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1 !important;
color:#4C57D6 !important;
}
	
}

@media (max-width:768px){

/* CONTENITORE */
.ast-mobile-popup-drawer .vn-logo-mobile{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}

/* X */
.ast-mobile-popup-drawer .vn-close-left{
  font-size:30px !important;
  font-weight:900 !important;
  color:#4C57D6 !important;
  cursor:pointer !important;
  margin-right:8px !important;
}

/* NASCONDE X ASTRA */
.ast-mobile-popup-close,
.menu-toggle-close,
.ast-close-svg,
button[aria-label*="Close"]{
  display:none !important;
}

}

/* SOLO MENU MOBILE: logo più grande */

.ast-mobile-popup-drawer .vn-text{
  transform:scale(1.2) !important;

  margin-top:-75px !important;     /* SU / GIÙ */
  margin-left:30px !important;     /* DESTRA */
  margin-right:0 !important;      /* spazio finale */
}

.ast-mobile-popup-drawer .vn-close-left{
  position:relative !important;

  top:-50px !important;     /* SU/GIÙ */
  left:0px !important;    /* DESTRA/SINISTRA */

  margin:0 !important;
}

@media (max-width:768px){

.ast-mobile-popup-drawer .main-header-menu,
.ast-mobile-popup-drawer .ast-builder-menu-mobile{
  margin-top:20px !important;
}

}

@media (max-width:768px){

/* MENU OVERLAY FULLSCREEN */
.ast-mobile-popup-drawer{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  width:100% !important;
  height:100vh !important;

  overflow-y:auto !important;
  -webkit-overflow-scrolling:touch;

  z-index:999999 !important;
}

/* BLOCCA SCROLL SOTTO */
body.ast-mobile-popup-active{
  overflow:hidden !important;
  height:100% !important;
}

/* BACKGROUND SOLIDO (NO TRASPARENZE) */
.ast-mobile-popup-drawer{
  background:#f5f5f5 !important;
}

}

.ast-mobile-popup-drawer .vn-close-left{
  position:relative !important;
  width:22px;
  height:22px;
  display:inline-block;
  cursor:pointer;
}

.ast-mobile-popup-drawer .vn-close-left{
  color:#4C57D6 !important;

  /* finto bold */
  text-shadow:
    0.5px 0 #4C57D6,
   -0.5px 0 #4C57D6,
    0 0.5px #4C57D6,
    0 -0.5px #4C57D6;

}

.ast-mobile-popup-drawer .vn-text{
  display:inline-flex !important;
  align-items:center !important;

  font-family: Arial, sans-serif !important;
  font-weight:900 !important;

  letter-spacing:-0.5px !important;
  white-space:nowrap !important;
  line-height:1 !important;
}

.vira-part,
.nest-part{
  display:inline-block !important;
  margin:0 !important;
  padding:0 !important;
}

.vn-logo-mobile{
  position:relative;
  z-index:9999;
  cursor:pointer;
}

.ast-mobile-popup-drawer .vn-logo-mobile,
.ast-mobile-popup-drawer .vn-logo-mobile *{
  -webkit-tap-highlight-color: transparent !important;
}