/* Custom tweaks that override Bootstrap */

/* 1. Offcanvas menu – add left padding for top‑level items */
.offcanvas-body > .navbar-nav > .nav-item > .nav-link {
    padding-left: 1.25rem; /* extra space from left border */
}

/* Nested sub‑menu items – increase indent */
.offcanvas-body .navbar-nav .navbar-nav .nav-link {
    padding-left: 2rem; /* deeper indent for second level */
}

/* 2. Hero background */
.hero {
    min-height: 60vh;
    background: url('../images/hero.jpg') center/cover no-repeat;
    position: relative;
}
.hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.55);
}
.hero > .container {
    position: relative;
    z-index: 1;
}

/* 3. Smooth scroll */
html {
    scroll-behavior: smooth;
}