/*
 * Cookie consent banner — § 3 (revised): the visitor's answer before Google Analytics may load.
 *
 * No maquette draws it — the original specifications excluded a consent banner outright — so this
 * follows the same shell the rest of the design system uses for a message bar (a white card, the
 * body's own type scale) rather than inventing a new one.
 */

.mo-cookie-consent {
    position: fixed;
    z-index: 90;
    right: var(--mo-margin-body-lr);
    bottom: var(--mo-spacing-sm);
    left: var(--mo-margin-body-lr);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--mo-spacing-sm);
    max-width: 960px;
    margin-inline: auto;
    padding: var(--mo-spacing-xs);
    border: 1px solid var(--mo-border-default-medium);
    border-radius: var(--mo-radius-md);
    background-color: var(--mo-surface-default-white);
    box-shadow: 0 4px 24px rgb(0 0 0 / 16%);
}

.mo-cookie-consent[hidden] {
    display: none;
}

.mo-cookie-consent__text {
    flex: 1 1 480px;
    margin: 0;
    color: var(--mo-text-body);
    font-size: var(--mo-font-size-body-sm);
    line-height: var(--mo-line-height-body-sm);
}

.mo-cookie-consent__link {
    color: var(--mo-text-action);
}

.mo-cookie-consent__actions {
    display: flex;
    flex: none;
    gap: var(--mo-spacing-xxs);
}