/**
 * compat-rsthemes.css — WS1.8.2
 *
 * Compatibility layer pra classes RSThemes/Lagom que ainda vazam dentro
 * dos nossos templates x99 (sobretudo navbar `$RSThemes.addonSettings.show_gravatar_image`,
 * cookie bar `cookie-bar__*`, alerts `lagom-alert`, modal `system-modal`).
 *
 * À medida que o WS1.8.5 (footer/modal/alerts shim) migra esses componentes pra
 * x99-native, este arquivo encolhe.
 *
 * Edgar 2026-04-30 (WS1.8.2).
 */

/* === Cookie bar (RSThemes) — re-skin pra design x99 enquanto não substituímos === */
.cookie-bar {
    position: fixed;
    bottom: var(--sp-4, 16px);
    left: 50%;
    transform: translateX(-50%);
    max-width: 720px;
    width: calc(100% - 32px);
    padding: var(--sp-4, 16px);
    background: var(--c-bg-elevated);
    color: var(--c-text-primary);
    border: 1px solid var(--c-border);
    border-radius: var(--r-md, 8px);
    box-shadow: var(--sh-card);
    z-index: 1000;
    font-family: var(--font-ui);
    font-size: var(--fs-sm, 13px);
}
.cookie-bar__content {
    display: flex;
    align-items: center;
    gap: var(--sp-3, 12px);
}
.cookie-bar__icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    color: var(--c-accent);
}
.cookie-bar__desc {
    flex: 1;
    line-height: 1.5;
}
.cookie-bar__action {
    flex-shrink: 0;
}

/* === Modal stock #modalAjax (Bootstrap-derived) — token-skinned === */
#modalAjax .modal-content {
    background: var(--c-bg-elevated);
    color: var(--c-text-primary);
    border: 1px solid var(--c-border);
    border-radius: var(--r-md, 10px);
}
#modalAjax .modal-header,
#modalAjax .modal-footer {
    border-color: var(--c-border);
}
#modalAjax .modal-title {
    color: var(--c-text-primary);
    font-weight: 600;
}

/* === Lagom alerts shim === */
.lagom-alert,
.alert-lagom {
    background: var(--c-bg-elevated);
    border: 1px solid var(--c-border);
    color: var(--c-text-primary);
    padding: var(--sp-3, 12px);
    border-radius: var(--r-sm, 6px);
}