/* Button text color fixes - aligned with STYLE_GUIDE.md */

/* Primary button (Pantone 2345 C orange) - white text */
.btn,
.btn *,
a.btn,
a.btn *,
button.btn,
button.btn * {
    background-color: #EE6352 !important; /* Pantone 2345 C orange for CTAs */
    color: #FFFFFF !important; /* White text on orange */
}

.btn:hover,
a.btn:hover,
button.btn:hover {
    background-color: #D94F3F !important; /* Darker orange on hover */
    color: #FFFFFF !important; /* White text maintained */
}

/* Secondary button (transparent with teal border) - teal text */
.btn-secondary,
a.btn-secondary,
button.btn-secondary {
    background-color: transparent !important;
    border: 2px solid #1F5C63 !important; /* Dark teal border */
    color: #1F5C63 !important; /* Dark teal text */
}

.btn-secondary:hover,
a.btn-secondary:hover,
button.btn-secondary:hover {
    background-color: #1F5C63 !important; /* Dark teal background on hover */
    color: #FFFFFF !important; /* White text on hover */
}

/* Elements with teal background - white text */
.bg-primary,
.bg-primary *,
.bg-\[\#1F5C63\],
.bg-\[\#1F5C63\] * {
    color: #FFFFFF !important; /* White text on dark teal */
}

/* Elements with orange/accent background - white text */
.bg-accent,
.bg-accent *,
.bg-\[\#EE6352\],
.bg-\[\#EE6352\] * {
    color: #FFFFFF !important; /* White text on orange */
}

/* Cookie consent and specific buttons */
#accept-cookies,
#cookie-accept,
button[id*="accept"] {
    background-color: #EE6352 !important; /* Pantone 2345 C orange for CTAs */
    color: #FFFFFF !important; /* White text */
}

#accept-cookies:hover,
#cookie-accept:hover,
button[id*="accept"]:hover {
    background-color: #D94F3F !important; /* Darker orange on hover */
    color: #FFFFFF !important; /* White text maintained */
}

/* Header navigation links (not buttons) */
header a:not(.btn),
nav a:not(.btn) {
    color: #1F5C63 !important; /* Dark teal for navigation */
}

header a:not(.btn):hover,
nav a:not(.btn):hover {
    color: #EE6352 !important; /* Pantone 2345 C orange on hover */
}

/* Override any conflicting white text rules */
.text-white {
    color: #FFFFFF !important; /* Keep white where explicitly needed */
}

/* Primary text color for headings */
h1, h2, h3, h4, h5, h6 {
    color: #1C1C1C !important; /* Dark charcoal for headings */
}

/* Secondary text for paragraphs */
p {
    color: #5A5A5A !important; /* Warm gray for body text */
}

/* Links (not buttons) */
a:not(.btn):not(.btn-secondary) {
    color: #1F5C63 !important; /* Dark teal for links */
}

a:not(.btn):not(.btn-secondary):hover {
    color: #EE6352 !important; /* Pantone 2345 C orange on hover */
}