html {
  overflow-y: scroll;
}

.as-layout__navbar {
    background-color: rgba(0, 0, 0, 0.75) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

/* Logo sekcia - ak sa zobrazuje */
.as-layout__brand-section {
    background-color: transparent !important;
}

/* Tmavšie pozadie pre navigáciu */
.as-layout__navbar {
    background-color: rgba(0, 0, 0, 0.85) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

/* Logo container */
.as-layout__brand-section {
    background-color: transparent !important;
}

/* Text v menu — uistiť sa, že je biely */
.as-layout__navbar .nav-link {
    color: #ffffff !important;
}

/* Aktívna položka */
.as-layout__navbar .nav-link.active {
    color: #ffffff !important;
    border-bottom: 2px solid rgba(255, 255, 255, 0.5) !important;
}

/* Hover efekt */
.as-layout__navbar .nav-link:hover {
    color: #f0f0f0 !important;
}

/* Tmavé pozadie s blur efektom pre navigáciu */
.as-layout__navbar {
    background-color: rgba(0, 0, 0, 0.75) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

/* Logo sekcia - transparentná + padding */
.as-layout__brand-section {
    background-color: transparent !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

/* Biely text v menu */
.as-layout__navbar .nav-link {
    color: #ffffff !important;
}

/* Aktívna položka */
.as-layout__navbar .nav-link.active {
    color: #ffffff !important;
    border-bottom: 2px solid rgba(255, 255, 255, 0.6) !important;
}

/* Hover */
.as-layout__navbar .nav-link:hover {
    color: #f0f0f0 !important;
}

/* Changes JF */
.as-layout__navbar-toggler {
    background-color: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}
.as-layout__navbar-name {
    display: none;
}
@media (min-width: 992px) {
    .as-layout__header .as-layout__brand-section .as-layout__brand-item--logo .as-layout__brand-logo {
        padding: 0.5rem;
    }
}