.navbar-pohadka {
    position: relative;
    background: transparent;
    padding: 20px 0;
    z-index: 20;
    background: url("/themes/pohadka/images/hero-clouds-top1.png") center no-repeat;
    background-size: cover;
    position:relative;
    z-index:9999;
}

.navbar-pohadka::after {
    content: "";
    position: absolute;
    inset: 0;
    background: url("/themes/pohadka/images/navbar-bg-1.jpg") center no-repeat;
    background-size: cover;
    opacity: .85;
    z-index: -1;
}

.dropdown-menu{
    z-index:2000;
}
/* logo */
.navbar-logo {
    height: 60px;
    width: auto;
}

/* title */
.navbar-title {
    font-size: 28px;
    font-weight: 700;
    color: var(--color-primary);
}

/* menu */
.navbar-nav {
    gap: 25px;
}

.nav-link {
    font-size: 18px;
    font-weight: 500;
    color: #6b5aa6 !important;
    position: relative;
}

.nav-link:hover {
    color: #ff9a6b !important;
}

.nav-link.active::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 100%;
    height: 3px;
    background: #6b5aa6;
    border-radius: 3px;
}

.navbar-pohadka::after {
    content: "";
    position: absolute;
    right: -20px;
    bottom: -50px;
    width: 220px;
    height: 180px;
    background: url("/themes/pohadka/images/clouds.png") no-repeat center;
    background-size: contain;
    opacity: 0.9;
    pointer-events: none;
}

.navbar-pohadka::before {
    content: "";
    position: absolute;
    left: 20%;
    top: 10px;
    width: 120px;
    height: 100px;
    background: url("/themes/pohadka/images/stars.svg") no-repeat center;
    background-size: contain;
    opacity: 0.8;
    pointer-events: none;
}

.menu {
    background: rgba(255, 245, 235, .65);
    border-radius: 25%;
}


/* nadpis */
.section-title {
    font-size: 48px;
    font-weight: 800;
    color: var(--color-title);
    margin-bottom: 25px;
    position: relative;
}