/* Navbar Typography (Global)
   --------------------------------------------------
   Applies the theme secondary font to all navbar links.
   This ensures consistent typography across all themes.
   Controlled via CSS variable: --theme-secondary-font
*/
.global-main-nav-items li a {
    font-family: var(--theme-secondary-font), sans-serif !important;
}

/* Custom minimal-gap container */
.container-min {
    width: 100%;
    margin-inline: auto;
    padding-inline: 8px;
    /* smaller horizontal gap */
}

/* Responsive max-widths */
@media (min-width: 576px) {
    .container-min {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container-min {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container-min {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container-min {
        max-width: 1140px;
    }
}

@media (min-width: 1300px) {
    .container-min {
        max-width: 1250px;
    }
}
@media (min-width: 1400px) {
    .container-min {
        max-width: 1320px;
    }
}

@media (min-width: 1600px) {
    .container-min {
        max-width: 1520px;
    }
}