/**
 * TWTC Consent Manager - WordPress Theme Overrides
 *
 * These styles override aggressive WordPress theme button/focus styles
 * that conflict with c15t consent components.
 */

/* Reset WordPress theme overrides on c15t components */
[class*="c15t-"] *:focus,
[class*="c15t-"] *:focus-visible {
    outline: none !important;
}

/* Banner border */
[data-testid="cookie-banner-card"] {
    border-style: solid !important;
}

/* Accordion trigger - keep text color on hover/focus */
[class*="c15t-"] [data-testid*="accordion-trigger-inner"],
[class*="c15t-"] [data-testid*="accordion-trigger-inner"]:hover,
[class*="c15t-"] [data-testid*="accordion-trigger-inner"]:focus,
[class*="c15t-"] [data-testid*="accordion-trigger-inner"]:active {
    background-color: transparent !important;
    color: inherit !important;
}

/* Switch - reset WordPress button styles */
[class*="c15t-"] button[role="switch"],
[class*="c15t-"] button[role="switch"]:hover,
[class*="c15t-"] button[role="switch"]:focus,
[class*="c15t-"] button[role="switch"]:active {
    background-color: transparent !important;
    outline: none !important;
    border: none !important;
}

/* Widget Reject/Accept All buttons - light background */
[class*="c15t-"] [data-testid="consent-manager-widget-footer-reject-button"],
[class*="c15t-"] [data-testid="consent-manager-widget-footer-reject-button"]:hover,
[class*="c15t-"] [data-testid="consent-manager-widget-footer-reject-button"]:focus,
[class*="c15t-"] [data-testid="consent-manager-widget-footer-accept-button"],
[class*="c15t-"] [data-testid="consent-manager-widget-footer-accept-button"]:hover,
[class*="c15t-"] [data-testid="consent-manager-widget-footer-accept-button"]:focus {
    background-color: #ffffff !important;
    color: #171717 !important;
}

/* Save button - dark background with white text, hover changes bg */
[class*="c15t-"] [data-testid="consent-manager-widget-footer-save-button"] {
    background-color: var(--button-background-color) !important;
    color: var(--button-text, #ffffff) !important;
    box-shadow: none !important;
}

[class*="c15t-"] [data-testid="consent-manager-widget-footer-save-button"]:hover {
    background-color: var(--button-background-color-hover) !important;
    color: var(--button-text, #ffffff) !important;
    box-shadow: none !important;
}

[class*="c15t-"] [data-testid="consent-manager-widget-footer-save-button"]:focus,
[class*="c15t-"] [data-testid="consent-manager-widget-footer-save-button"]:active {
    background-color: var(--button-background-color) !important;
    color: var(--button-text, #ffffff) !important;
    box-shadow: none !important;
}

[class*="c15t-"] [data-testid="consent-manager-widget-footer-save-button"]:focus-visible {
    box-shadow: var(--button-shadow-primary-focus) !important;
}

/* Banner Accept button - dark background with white text, stays dark on hover */
[class*="c15t-"] [data-testid="cookie-banner-accept-button"],
[class*="c15t-"] [data-testid="cookie-banner-accept-button"]:focus,
[class*="c15t-"] [data-testid="cookie-banner-accept-button"]:active {
    background-color: var(--button-background-color) !important;
    color: var(--button-text, #ffffff) !important;
}

[class*="c15t-"] [data-testid="cookie-banner-accept-button"]:hover {
    background-color: transparent !important;
    color: #171717 !important;
}

/* Customize button - text/border same color, background changes on hover */
[class*="c15t-"] [data-testid="cookie-banner-customize-button"] {
    color: var(--button-primary) !important;
    border-color: var(--button-primary) !important;
    background-color: #ffffff !important;
}

[class*="c15t-"] [data-testid="cookie-banner-customize-button"]:hover,
[class*="c15t-"] [data-testid="cookie-banner-customize-button"]:focus,
[class*="c15t-"] [data-testid="cookie-banner-customize-button"]:active {
    color: var(--button-primary) !important;
    border-color: var(--button-primary) !important;
    background-color: var(--button-primary-hover) !important;
}
