@import '_content/BM.Components/BM.Components.k1fjad0y93.bundle.scp.css';

/* /Components/Layout/RentalLayout.razor.rz.scp.css */
/* Rental Layout Styles — Crescendo Design System */

/* Header styles are in rental.css (global) since we use a plain <header> element */

[b-ztscu9gi3m] .rental-nav-link {
    color: var(--cr-text-grey, #6B6B6B) !important;
    font-weight: 500;
    font-size: 0.875rem;
}

[b-ztscu9gi3m] .rental-nav-link:hover {
    color: var(--cr-charcoal, #1A1A1A) !important;
}

[b-ztscu9gi3m] .rental-nav-icon {
    color: var(--cr-charcoal, #1A1A1A) !important;
}

[b-ztscu9gi3m] .rental-main {
    flex: 1;
    padding-top: 24px;
    padding-bottom: 48px;
}

/* Crescendo footer */
[b-ztscu9gi3m] .rental-footer {
    background-color: var(--cr-bg-off, #FAFAFA);
    color: var(--cr-charcoal, #1A1A1A);
    padding: 48px 24px 24px;
    margin-top: auto;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

[b-ztscu9gi3m] .rental-footer .footer-heading {
    color: var(--cr-charcoal, #1A1A1A) !important;
    font-weight: 600;
    margin-bottom: 12px;
}

[b-ztscu9gi3m] .rental-footer .footer-text {
    color: var(--cr-text-grey, #6B6B6B) !important;
}

[b-ztscu9gi3m] .rental-footer .footer-link {
    color: var(--cr-text-grey, #6B6B6B) !important;
    text-decoration: none;
    display: block;
    margin-bottom: 8px;
    transition: color 0.2s ease;
    cursor: pointer;
}

[b-ztscu9gi3m] .rental-footer .footer-link:hover {
    color: var(--cr-charcoal, #1A1A1A) !important;
    text-decoration: underline;
}

/* Subtle version string — kept visually de-emphasized without failing WCAG AA
   contrast. #767676 on #fafafa = 4.52:1 (meets AA for normal text). */
[b-ztscu9gi3m] .rental-footer .footer-version {
    font-size: 0.7rem;
    margin-top: 4px;
}

[b-ztscu9gi3m] .rental-footer .footer-version-link {
    color: #767676 !important;
    text-decoration: none;
}

[b-ztscu9gi3m] .rental-footer .footer-version-link:hover {
    color: var(--cr-charcoal, #1A1A1A) !important;
    text-decoration: underline;
}

/* Mobile adjustments */
@media (max-width: 599px) {
    [b-ztscu9gi3m] .rental-main {
        flex: 1;
        padding-top: 16px;
        padding-bottom: 32px;
    }

    [b-ztscu9gi3m] .rental-footer {
        padding: 32px 16px 16px;
        text-align: center;
    }
}