/* ── Cookie consent banner ────────────────────────────────────────────────
 *
 * Fixed to the bottom-left corner. Theme-aware via CSS custom properties:
 * uses Investrlot.Web's --bg-card / --text-primary / --primary-color first,
 * then Investrlot.ClientPortal's --portal-bg / --portal-text / --portal-accent
 * as fallbacks, then literal defaults. Z-index 300 keeps the banner above
 * page content but below Bootstrap modals (z-index 1050+).
 * -----------------------------------------------------------------------*/

.ir-cookie-consent {
    position: fixed;
    left: 1rem;
    bottom: 1rem;
    z-index: 300;
    max-width: 24rem;
    width: calc(100vw - 2rem);
    padding: 0.9rem 1rem;
    background: var(--bg-card, var(--portal-bg, #ffffff));
    color: var(--text-primary, var(--portal-text, #1a2540));
    border: 1px solid var(--border-color, var(--portal-border-color, #c8d0e0));
    border-left: 3px solid var(--primary-color, var(--portal-accent, #c47d0a));
    border-radius: 6px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
    font-size: 0.85rem;
    line-height: 1.4;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.ir-cookie-consent__text {
    color: inherit;
}

.ir-cookie-consent__link {
    color: var(--primary-color, var(--portal-accent, #c47d0a));
    text-decoration: underline;
}

.ir-cookie-consent__link:hover,
.ir-cookie-consent__link:focus {
    color: var(--primary-dark, var(--portal-primary, #a86708));
}

.ir-cookie-consent__actions {
    display: flex;
    justify-content: flex-end;
}

.ir-cookie-consent__accept {
    background: var(--primary-color, var(--portal-accent, #c47d0a));
    color: #000;
    border: none;
    border-radius: 4px;
    padding: 0.4rem 1.1rem;
    font-weight: 600;
    cursor: pointer;
    font-size: 0.85rem;
    transition: background 0.15s ease;
}

.ir-cookie-consent__accept:hover,
.ir-cookie-consent__accept:focus {
    background: var(--primary-dark, var(--portal-primary, #a86708));
    color: #fff;
    outline: none;
}

@media (max-width: 480px) {
    .ir-cookie-consent {
        left: 0.5rem;
        right: 0.5rem;
        bottom: 0.5rem;
        width: auto;
        max-width: none;
    }
}