/* Cookie consent card — themed via tokens.
   All visual properties reference theme/components.css variables. */

.cookie-card {
    position: fixed;
    bottom: var(--space-5);
    left: var(--space-5);
    right: auto;
    width: 360px;
    max-width: calc(100vw - var(--space-10));
    z-index: var(--z-modal);
    background: var(--color-bg-elevated);
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-xl);
    transition: opacity var(--transition-base),
                transform var(--transition-base);
}

.cookie-card .position-absolute {
    left: auto;
    right: var(--space-4);
    top: var(--space-4);
}

.toggle-manage {
    cursor: pointer;
    color: var(--color-secondary);
    transition: color var(--transition-fast);
    user-select: none;
}

.toggle-manage:hover,
.toggle-manage:focus {
    color: var(--color-secondary-200);
}

#dropdownIcon {
    transition: transform var(--transition-base);
    display: inline-block;
}

#dropdownIcon.rotate {
    transform: rotate(180deg);
}

.cookie-options {
    max-height: 0;
    overflow: hidden;
    transition: max-height var(--transition-base);
}

.cookie-options.show {
    max-height: 240px;
}

@media (max-width: 575.98px) {
    .cookie-card {
        left: var(--space-3);
        right: var(--space-3);
        width: auto;
        bottom: var(--space-3);
    }
}