/* Small shared adjustments that do not belong to a component */
.container {
    max-width: 1200px;
}

.btn-primary {
    border-color: var(--piscor-primary);
    background: var(--piscor-primary);
}

.btn-primary:hover {
    border-color: var(--piscor-primary-dark);
    background: var(--piscor-primary-dark);
}

@media (max-width: 991px) {
    .piscor-navbar .navbar-collapse {
        padding: 18px 0 8px;
    }

    .piscor-navbar .navbar-nav {
        align-items: stretch !important;
        gap: 10px;
    }

    .piscor-navbar .nav-link {
        margin-left: 0;
    }

    .piscor-navbar .btn {
        width: 100%;
    }
}