/* Emergency Primary Color Fix */
/* Replace #YOUR_PRIMARY_COLOR with your actual color */

:root {
    /* Update these colors to match your database settings */
    --primary-color: #5DA7E7 !important;
    --primary-hover: #4a8bc2 !important;
    --primary-light: #5DA7E720 !important;
    --link-color: #5DA7E7 !important;
    --secondary-color: #4a8bc2 !important;
    --accent-color: #f59e0b !important;
}

/* Navigation Links - Maximum Priority */
html body .header .nav-links a:hover,
html body .nav-links a:hover,
body .header .nav-links a:hover,
body .nav-links a:hover,
.header .nav-links a:hover,
.nav-links a:hover {
    color: var(--primary-color) !important;
}

html body .header .nav-links a.active,
html body .nav-links a.active,
body .header .nav-links a.active,
body .nav-links a.active,
.header .nav-links a.active,
.nav-links a.active {
    color: var(--primary-color) !important;
}

html body .header .nav-links a::after,
html body .nav-links a::after,
body .header .nav-links a::after,
body .nav-links a::after,
.header .nav-links a::after,
.nav-links a::after {
    background: var(--primary-color) !important;
}

/* Carousel Dots - Maximum Priority */
html body .events-dot.active,
html body .videos-dot.active,
html body .articles-dot.active,
body .events-dot.active,
body .videos-dot.active,
body .articles-dot.active,
.events-dot.active,
.videos-dot.active,
.articles-dot.active {
    background: var(--primary-color) !important;
    box-shadow: 0 0 10px var(--primary-light) !important;
}

html body .events-dot:focus,
html body .videos-dot:focus,
html body .articles-dot:focus,
body .events-dot:focus,
body .videos-dot:focus,
body .articles-dot:focus,
.events-dot:focus,
.videos-dot:focus,
.articles-dot:focus {
    outline: 2px solid var(--primary-color) !important;
}

/* Links - Maximum Priority */
html body a,
body a,
a {
    color: var(--link-color) !important;
}

html body a:hover,
body a:hover,
a:hover {
    color: var(--primary-color) !important;
}

/* Article Borders */
html body .article-card:hover,
body .article-card:hover,
.article-card:hover {
    border-color: var(--primary-color) !important;
}

/* Buttons */
html body .btn-primary,
body .btn-primary,
.btn-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

html body .btn-primary:hover,
body .btn-primary:hover,
.btn-primary:hover {
    background-color: var(--primary-hover) !important;
    border-color: var(--primary-hover) !important;
}

/* Loading Spinner */
html body .loading-spinner,
body .loading-spinner,
.loading-spinner {
    border-top-color: var(--primary-color) !important;
}

/* Form Focus States */
html body .form-input:focus,
html body .form-textarea:focus,
html body .form-select:focus,
body .form-input:focus,
body .form-textarea:focus,
body .form-select:focus,
.form-input:focus,
.form-textarea:focus,
.form-select:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 3px var(--primary-light) !important;
}

/* Utility Classes */
html body .text-primary,
body .text-primary,
.text-primary {
    color: var(--primary-color) !important;
}

html body .bg-primary,
body .bg-primary,
.bg-primary {
    background-color: var(--primary-color) !important;
}

html body .border-primary,
body .border-primary,
.border-primary {
    border-color: var(--primary-color) !important;
}