/* === SPA view switching (header always visible) === */

/* HOME mód – vidíme Home, schováváme Pricing i Verified */
.mode-home  #pricing-section{ display:none !important; }
.mode-home  #verified-section{ display:none !important; }

/* PRICING mód – vidíme Pricing, schováváme Home i Verified */
.mode-pricing .home-only   { display:none !important; }
.mode-pricing #verified-section{ display:none !important; }

/* VERIFIED mód – vidíme Verified, schováváme Home i Pricing */
.mode-verified .home-only       { display: none !important; }
.mode-verified #pricing-section { display: none !important; }
.mode-verified #verified-section{ display: block !important; }


/* Keep header visible without altering its layout model */
.mode-pricing header,
.mode-pricing .site-header,
.mode-pricing #header{
  visibility: visible !important;
  position: relative;
  z-index: 1000;
}

/* Center core pricing elements */
#pricing-section .headline,
#pricing-section .sub,
#pricing-section .billing-toggle{
  text-align:center; margin-left:auto; margin-right:auto;
}

/* === Language dropdown: always on top + internal scroll === */
header, .site-header, nav { overflow: visible !important; }
.nav-right, .language, .lang, .lang-wrapper { position: relative; z-index: 3000; }

.lang-menu,
.language-menu,
.language-dropdown,
[aria-label*="Language"] .lang-menu {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  z-index: 4000 !important;
  max-height: calc(100dvh - 96px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
}

/* Prevent clipping by any parent (small Safari boost) */
.lang-menu * { contain: paint; }

/* === Desktop: pin utilities to the far right & vertically center to header === */
@media (min-width: 840px){
  header, .site-header { position: relative; }
  .nav-right{
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);    /* perfect vertical centering */
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 !important;
    line-height: 1;                  /* avoid extra vertical shift */
  }
  .nav-right > * { vertical-align: middle; }
}