/* Custom overrides — keep minimal, Bootstrap does the heavy lifting */
body {
    background-color: #f8f9fa;
}

/* Keep the sticky header from covering sections reached via #anchor links */
html {
    scroll-padding-top: 74px;
}

.navbar-brand {
    letter-spacing: 0.5px;
}

/* Main navigation — styled after the original akvarijniryby.cz menu */
.site-header {
    border-bottom: 1px solid #eee;
}

.site-header .navbar-nav .nav-link {
    padding: 12px 20px;
    color: #333;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.site-header .navbar-nav .nav-link:hover,
.site-header .navbar-nav .nav-link.active {
    background-color: #37bc9b;
    color: #fff;
}

@media (min-width: 768px) {
    .site-header .navbar-nav .nav-link {
        padding: 26px 16px;
    }
}

/* Homepage sections with full-width photo backgrounds (images from the original site) */
.section-bg {
    position: relative;
    background-position: center center;
    background-size: cover;
}

.section-bg-about {
    background-image: url('../images/bg1.jpg');
    background-position: top center;
    background-attachment: fixed;
}

/* White veil over the welcome background */
.section-bg-about::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(255, 255, 255, 0.4);
}

.section-bg-about > .container {
    position: relative;
}

.section-bg-contact {
    background-image: url('../images/bg2.jpg');
}

/* Touch browsers (iOS Safari) render fixed backgrounds badly — scroll them instead */
@media (hover: none) {
    .section-bg-about {
        background-attachment: scroll;
    }
}