/**
 * Scott Price Media Cookie Consent Theme
 * Overrides Silktide Consent Manager's base stylesheet.
 * Load this file after silktide-consent-manager.css.
 */

#stcm-wrapper {
    --boxShadow: 0 18px 55px rgba(11, 1, 29, 0.35);
    --fontFamily: "Inter", "Helvetica Neue", "Segoe UI", Arial, sans-serif;
    --backgroundColor: #6610F2;
    --textColor: #FFFFFF;
    --primaryColor: #00D4FF;
    --backdropBackgroundColor: rgba(11, 1, 29, 0.86);
    --backdropBackgroundBlur: 4px;
    --iconColor: #1A0B2E;
    --iconBackgroundColor: #00D4FF;
}

/* Light theme */
[data-bs-theme="light"] #stcm-wrapper {
    --backgroundColor: #6610F2;
    --textColor: #FFFFFF;
    --primaryColor: #00D4FF;
    --backdropBackgroundColor: rgba(11, 1, 29, 0.82);
    --iconColor: #1A0B2E;
    --iconBackgroundColor: #00D4FF;
}

/* Dark theme */
[data-bs-theme="dark"] #stcm-wrapper {
    --backgroundColor: #130E22;
    --textColor: #F8F9FA;
    --primaryColor: #D4AF37;
    --backdropBackgroundColor: rgba(0, 0, 0, 0.84);
    --iconColor: #130E22;
    --iconBackgroundColor: #D4AF37;
}

/* Banner and preferences panel */
#stcm-wrapper #stcm-banner,
#stcm-wrapper #stcm-modal {
    border: 1px solid var(--primaryColor);
    box-shadow: var(--boxShadow);
}

/* Primary action: colored background with dark readable text. */
#stcm-wrapper .stcm-button-primary {
    background-color: var(--primaryColor);
    border-color: var(--primaryColor);
    color: #1A0B2E;
    font-weight: 700;
}

#stcm-wrapper .stcm-button-primary:hover {
    background-color: var(--backgroundColor);
    border-color: var(--primaryColor);
    color: var(--primaryColor);
}

/* Secondary action: outlined button with visible text. */
#stcm-wrapper .stcm-button-secondary {
    background-color: transparent;
    border-color: var(--primaryColor);
    color: var(--primaryColor);
    font-weight: 700;
}

#stcm-wrapper .stcm-button-secondary:hover {
    background-color: var(--primaryColor);
    border-color: var(--primaryColor);
    color: #1A0B2E;
}

/* Preserve a clear keyboard focus indicator. */
#stcm-wrapper a:focus-visible,
#stcm-wrapper #stcm-banner button:focus-visible,
#stcm-wrapper #stcm-modal button:focus-visible,
#stcm-wrapper #stcm-icon:focus-visible {
    outline: 3px solid var(--textColor);
    outline-offset: 3px;
    box-shadow: none;
}

/* Keep the prompt comfortable on narrow screens. */
@media (max-width: 575.98px) {
    #stcm-wrapper #stcm-banner,
    #stcm-wrapper #stcm-modal {
        padding: 22px;
    }

    #stcm-wrapper .stcm-button {
        width: 100%;
    }
}

/* Respect visitors who prefer reduced motion. */
@media (prefers-reduced-motion: reduce) {
    #stcm-wrapper *,
    #stcm-wrapper *::before,
    #stcm-wrapper *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}