/* ZP_FB_CONSENT_ACTION_V1 */

.zp-fb-consent-action {
    --zp-consent-surface: #fffaf0;
    --zp-consent-text: #29384a;
    --zp-consent-muted: #5d6c7d;
    --zp-consent-border: #ead8a8;
    --zp-consent-accent: #f0aa18;
    --zp-consent-accent-hover: #ffc13e;

    display: grid;
    gap: 12px;
    padding: 14px;
    margin: 0;
    background: var(--zp-consent-surface);
    border: 1px solid var(--zp-consent-border);
    border-radius: 8px;
    color: var(--zp-consent-text);
}

.zp-fb-consent-action .zp-fb-widget__unavailable {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font-size: 13px;
    line-height: 1.55;
}

.zp-fb-consent-action__button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    min-height: 44px;
    padding: 11px 14px;
    border: 1px solid #d59612;
    border-radius: 6px;
    background: var(--zp-consent-accent);
    color: #172131;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.45;
    text-align: center;
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease;
}

.zp-fb-consent-action__button:hover {
    background: var(--zp-consent-accent-hover);
    border-color: #b77e0b;
}

.zp-fb-consent-action__button:focus-visible {
    outline: 3px solid #2563eb;
    outline-offset: 3px;
}

.zp-fb-consent-action__description,
.zp-fb-consent-action__error {
    margin: 0;
    font-size: 12px;
    line-height: 1.55;
    color: var(--zp-consent-muted);
}

.zp-fb-consent-action__error {
    color: #b45309;
}

:is(
    [data-theme="dark"],
    [data-bs-theme="dark"],
    .dark,
    .theme-dark,
    .zp-theme-dark,
    .zp-fb-widget--dark
) .zp-fb-consent-action {
    --zp-consent-surface: #202c3b;
    --zp-consent-text: #edf3fb;
    --zp-consent-muted: #b7c6da;
    --zp-consent-border: #46566a;
    --zp-consent-accent: #eeb125;
    --zp-consent-accent-hover: #ffd05b;
}

@media (prefers-color-scheme: dark) {
    .zp-fb-consent-action:not(
        [data-theme="light"] .zp-fb-consent-action
    ) {
        border-color: var(--zp-consent-border);
    }
}

.zp-fb-consent-action__error[hidden] {
    display: none !important;
}


/* ZP_FB_CONSENT_FEED_SYNC_V3 - COMPACT SQUARE DESIGN */
.zp-fb-consent-action {
    --zp-consent-surface: transparent;
    --zp-consent-text: #4b5563;
    --zp-consent-muted: #6b7280;
    --zp-consent-border: #d1d5db;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 8px 0 !important;
    margin: 0 !important;
    gap: 9px !important;
    color: var(--zp-consent-text);
}

.zp-fb-consent-action .zp-fb-widget__unavailable {
    color: var(--zp-consent-text) !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
}

.zp-fb-consent-action__button {
    width: fit-content !important;
    max-width: 100%;
    min-height: 36px !important;
    padding: 7px 12px !important;
    border: 1px solid var(--zp-consent-border) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--zp-consent-text) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

.zp-fb-consent-action__button:hover {
    background: #f3f4f6 !important;
    border-color: #9ca3af !important;
}

.zp-fb-consent-action__description {
    color: var(--zp-consent-muted) !important;
    font-size: 11px !important;
    line-height: 1.55 !important;
}

:is(
    [data-theme="dark"],
    [data-bs-theme="dark"],
    .dark,
    .theme-dark,
    .zp-theme-dark,
    .zp-fb-widget--dark
) .zp-fb-consent-action {
    --zp-consent-text: #d1d5db;
    --zp-consent-muted: #9ca3af;
    --zp-consent-border: #64748b;
    background: transparent !important;
}

:is(
    [data-theme="dark"],
    [data-bs-theme="dark"],
    .dark,
    .theme-dark,
    .zp-theme-dark,
    .zp-fb-widget--dark
) .zp-fb-consent-action__button:hover {
    background: #334155 !important;
    color: #f8fafc !important;
}

.zp-fb-consent-action *,
.zp-fb-consent-action__button {
    border-radius: 0 !important;
}