/* NRCSA Custom Theme Overrides - Force Override Everything */
/* Set all page backgrounds to white - MAXIMUM PRIORITY */
* {
    background-color: #ffffff !important;
}

html,
body,
body *,
.main,
.container,
.prose,
.prose *,
.bg-gray-50,
.bg-gray-100,
.bg-gray-200,
.bg-gray-300,
.bg-gray-400,
.bg-gray-500,
.bg-gray-600,
.bg-gray-700,
.bg-gray-800,
.bg-gray-900,
.dark,
.dark *,
.dark\:bg-gray-950,
.dark\:bg-gray-900 {
    background-color: #ffffff !important;
}

/* Set font color to #154565 - MAXIMUM PRIORITY */
* {
    color: #154565 !important;
}

html,
body,
body *,
.main,
.container,
.prose,
.prose *,
h1, h2, h3, h4, h5, h6,
p, span, div,
.text-gray-100,
.text-gray-200,
.text-gray-300,
.text-gray-400,
.text-gray-500,
.text-gray-600,
.text-gray-700,
.text-gray-800,
.text-gray-900,
.text-black,
.dark,
.dark *,
.dark\:text-white {
    color: #154565 !important;
}

/* Set hyperlinks to #D83400 - MAXIMUM PRIORITY */
a,
a:link,
a:visited,
a *,
.prose a,
.prose a:link,
.prose a:visited,
.prose a *,
.nav-link,
.menu a,
footer a,
.text-primary-500,
.text-primary-600,
.hover\:text-primary-500:hover,
.hover\:text-primary-600:hover,
.nrcsa-accent,
.text-nrcsa-accent {
    color: #D83400 !important;
}

/* Set hyperlink hover states */
a:hover,
a:focus,
.prose a:hover,
.prose a:focus,
.nav-link:hover,
.menu a:hover,
footer a:hover {
    color: #B82A00 !important; /* Slightly darker for hover */
}

/* Override specific Tailwind prose colors */
.prose {
    --tw-prose-body: #154565 !important;
    --tw-prose-headings: #154565 !important;
    --tw-prose-lead: #154565 !important;
    --tw-prose-links: #D83400 !important;
    --tw-prose-bold: #154565 !important;
    --tw-prose-counters: #154565 !important;
    --tw-prose-bullets: #154565 !important;
    --tw-prose-hr: #154565 !important;
    --tw-prose-quotes: #154565 !important;
    --tw-prose-quote-borders: #154565 !important;
    --tw-prose-captions: #154565 !important;
    --tw-prose-kbd: #154565 !important;
    --tw-prose-kbd-shadows: 21 69 101 !important; /* RGB values for #154565 */
    --tw-prose-code: #154565 !important;
    --tw-prose-pre-code: #154565 !important;
    --tw-prose-pre-bg: #ffffff !important;
    --tw-prose-th-borders: #154565 !important;
    --tw-prose-td-borders: #154565 !important;
}

/* Override dark mode prose colors as well */
.prose-invert {
    --tw-prose-invert-body: #154565 !important;
    --tw-prose-invert-headings: #154565 !important;
    --tw-prose-invert-lead: #154565 !important;
    --tw-prose-invert-links: #D83400 !important;
    --tw-prose-invert-bold: #154565 !important;
    --tw-prose-invert-counters: #154565 !important;
    --tw-prose-invert-bullets: #154565 !important;
    --tw-prose-invert-hr: #154565 !important;
    --tw-prose-invert-quotes: #154565 !important;
    --tw-prose-invert-quote-borders: #154565 !important;
    --tw-prose-invert-captions: #154565 !important;
    --tw-prose-invert-kbd: #154565 !important;
    --tw-prose-invert-kbd-shadows: 21 69 101 !important;
    --tw-prose-invert-code: #154565 !important;
    --tw-prose-invert-pre-code: #154565 !important;
    --tw-prose-invert-pre-bg: #ffffff !important;
    --tw-prose-invert-th-borders: #154565 !important;
    --tw-prose-invert-td-borders: #154565 !important;
}

/* Override any remaining background colors */
.bg-primary-500,
.bg-primary-600,
.bg-blue-600,
.bg-red-500,
.bg-green-500 {
    background-color: #D83400 !important;
}

/* Ensure text remains visible on custom backgrounds */
.bg-primary-500 *,
.bg-primary-600 *,
.bg-blue-600 *,
.bg-red-500 *,
.bg-green-500 * {
    color: #ffffff !important;
}

/* Override border colors to match theme */
.border-primary-500,
.border-primary-600 {
    border-color: #D83400 !important;
}

/* Override ring colors for focus states */
.ring-primary-500,
.ring-primary-600 {
    --tw-ring-color: #D83400 !important;
}

/* Override shadow colors if needed */
.shadow-primary-500,
.shadow-primary-600 {
    --tw-shadow-color: #D83400 !important;
}

/* Ensure navigation links use the custom colors */
.nav-top a,
.nav-mobile a,
.menu a,
footer a {
    color: #154565 !important;
}

.nav-top a:hover,
.nav-mobile a:hover,
.menu a:hover,
footer a:hover {
    color: #D83400 !important;
}

/* Override any remaining color utilities */
.text-primary-500,
.text-primary-600 {
    color: #D83400 !important;
}

.hover\:text-primary-500:hover,
.hover\:text-primary-600:hover {
    color: #B82A00 !important;
}

/* Ensure buttons and interactive elements use the theme colors */
button,
.btn,
.btn-primary {
    background-color: #D83400 !important;
    color: #ffffff !important;
    border-color: #D83400 !important;
}

button:hover,
.btn:hover,
.btn-primary:hover {
    background-color: #B82A00 !important;
    border-color: #B82A00 !important;
}

/* Override any remaining text colors that might be missed */
.tags a,
.category a,
.read-more,
.content-header-link,
.post-title a,
.post-meta a,
.post-content a,
.blog-post a,
article a,
.content a {
    color: #D83400 !important;
}

.tags a:hover,
.category a:hover,
.read-more:hover,
.post-title a:hover,
.post-meta a:hover,
.post-content a:hover,
.blog-post a:hover,
article a:hover,
.content a:hover {
    color: #B82A00 !important;
}

/* Additional overrides for common blog elements */
.post-title,
.post-meta,
.post-content,
.blog-post,
article,
.content,
.entry-title,
.entry-meta,
.entry-content {
    background-color: #ffffff !important;
    color: #154565 !important;
}

/* Override any pink/magenta colors that might be coming from the theme */
[style*="color: rgb(236, 72, 153)"],
[style*="color: #ec4899"],
[style*="color: pink"],
[style*="color: magenta"] {
    color: #D83400 !important;
}

/* Force override any inline styles */
[style] {
    background-color: #ffffff !important;
    color: #154565 !important;
}

[style] a,
[style] a:link,
[style] a:visited {
    color: #D83400 !important;
}

/* Hide all Twitter/X social media icons */
.social-logo-twitter,
.social-logo-twitter-alt,
.social-logo-x,
[class*="social-logo-twitter"],
[class*="social-logo-x"] {
    display: none !important;
}

/* Hide any social media icons that might be showing */
.social-logo a[href*="twitter"],
.social-logo a[href*="x.com"] {
    display: none !important;
}