/* Force replace orange colors with logo red */
:root {
    --e-global-color-accent: #E31E24 !important;
}

/* Update elements that might have inline orange or template orange */
[style*="color: rgb(255,"],
[style*="color: #ff"],
[style*="color: orange"],
[style*="background-color: rgb(255,"],
[style*="background-color: #ff"],
[style*="background: rgb(255,"],
[style*="background: #ff"] {
    color: #E31E24 !important;
}

/* Target elements from the screenshot */
.elementor-widget-heading .elementor-heading-title,
.elementor-button,
.elementor-button-wrapper a,
.elementor-icon-box-icon,
.elementor-icon,
.elementor-bullet,
.elementor-divider-separator {
    --e-global-color-accent: #E31E24 !important;
}

/* Specific templates orange replacements */
h1, h2, h3, h4, h5, h6, span, p, a {
    color: inherit;
}

/* Buttons and borders */
.elementor-button.elementor-size-sm, 
.elementor-button,
.elementor-button:hover {
    background-color: #E31E24 !important;
    border-color: #E31E24 !important;
}

/* Target specifically "Coldest Beers" and badge styling */
.elementor-heading-title span,
.elementor-heading-title a {
    color: #E31E24 !important;
}

/* Specific badge style */
div.elementor-widget-container {
    border-color: #E31E24;
}

span.elementor-heading-title {
    color: #E31E24 !important;
}

/* Let's override any custom class/id templates */
.elementor-widget-heading .elementor-heading-title span {
    color: #E31E24 !important;
}
