/**
 * AL Mart brand — blue + orange palette (matches logo).
 * Loaded after Bootstrap. Color variables live in css/theme-almart-tokens.css (Phase 0).
 */

/* Nav / bars — blue gradient */
.bg-primary {
    background: linear-gradient(135deg, var(--almart-blue-light) 0%, var(--almart-blue-deep) 100%) !important;
}

.navbar.bg-primary .navbar-nav .nav-link.active,
.navbar.bg-primary .navbar-nav .nav-link:hover {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.12);
    border-radius: var(--almart-radius-sm);
}

/* CTAs — orange */
.btn.btn-primary {
    background: linear-gradient(180deg, var(--almart-orange) 0%, var(--almart-orange-deep) 100%) !important;
    border-color: var(--almart-orange-deep) !important;
    color: #fff !important;
}

.btn.btn-primary:hover {
    filter: brightness(1.08);
    color: #fff !important;
}

.btn-secondary.rounded-pill,
a.btn-secondary.rounded-pill {
    background: linear-gradient(135deg, var(--almart-color-slate-start) 0%, var(--almart-color-slate-end) 100%) !important;
    border: none !important;
    color: #fff !important;
}

.text-primary {
    color: var(--bs-primary) !important;
}

.border-primary {
    border-color: var(--bs-primary) !important;
}

.spinner-border.text-primary {
    color: var(--bs-primary) !important;
}

/* Page hero strip — blue tint */
.page-header {
    background: linear-gradient(rgba(10, 47, 107, 0.72), rgba(10, 47, 107, 0.88)), url(../img/carousel-1.jpg);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/* Footer — warm off-white */
.footer {
    background: #faf8f5 !important;
    border-top: 1px solid var(--almart-color-border-subtle);
    color: var(--almart-color-text);
    box-shadow: 0 -6px 20px rgba(15, 23, 42, 0.04);
}

.copyright {
    background: #f5f3ef !important;
    border-top: 1px solid var(--almart-color-border-subtle) !important;
    color: var(--almart-color-text-muted);
}

.footer .footer-item a:hover {
    color: var(--bs-primary) !important;
}

/* Logo sizing */
.brand-logo-img {
    height: var(--almart-logo-height-md);
    width: auto;
    max-width: var(--almart-logo-max-width);
    object-fit: contain;
}

.navbar-brand .brand-logo-img {
    height: var(--almart-logo-height-sm);
}

@media (min-width: 992px) {
    .brand-logo-img {
        height: var(--almart-logo-height-lg);
    }
}

/* Login / register card accent */
.auth-brand-logo {
    max-height: var(--almart-auth-logo-max-height);
    width: auto;
    margin: 0 auto 1rem;
    display: block;
    object-fit: contain;
}