/* Theme Colors: green - Generated: 2025-07-30 12:22:07 */

:root {
    --primary-color: #198754;
    --primary-dark: #0d5d38;
    --primary-light: #e8f5e9;
    --secondary-color: #6c757d;
    --primary-gradient: linear-gradient(135deg, #198754, #0d5d38);
    --primary-transparent: #19875420;
    --primary-lighter: #19875415;
}


/* Critical: Override Bootstrap's bg-primary class and all related elements */
.bg-primary,
header.bg-primary,
nav.bg-primary,
footer.bg-primary,
div.card-header.bg-primary,
.btn-primary,
.bg-primary.text-white,
[class*="bg-primary"] {
    background-color: #198754 !important;
    border-color: #198754 !important;
}

/* Make sure all headers use the theme color */
.main-header,
header,
.navbar,
nav.bg-primary,
.offcanvas-header {
    background-color: #198754 !important;
    border-color: #198754 !important;
}

/* Force footer to use theme color - multiple selectors for high specificity */
footer, 
footer.bg-primary, 
footer.text-white, 
footer.py-3,
body > footer,
html body footer,
footer[class*="bg-"],
.container-fluid > footer,
#footer,
.site-footer,
.main-footer,
main + footer,
.site-content + footer,
div.container + footer {
    background-color: #198754 !important;
}

/* Force card headers to use theme color */
.card-header.bg-primary,
div.card-header.bg-primary,
.card > .card-header.bg-primary {
    background-color: #198754 !important;
}

/* FIX: Target the New Article button */
.btn-success,
a.btn-success,
button.btn-success,
input[type="button"].btn-success,
input[type="submit"].btn-success,
.btn-new-article,
a.btn-new-article,
a[class*="btn-new-article"],
a.new-article,
.new-article-btn,
a[href*="new-article"],
a[href*="add-article"],
[class*="new"] .btn,
a[class*="new-article"],
a:has(i.fa-plus),
.btn:has(i.fa-plus),
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
a.btn-success:hover,
button.btn-success:hover {
    background-color: #198754 !important;
    border-color: #198754 !important;
    color: white !important;
}

/* Button styles */
.btn-primary {
    background-color: #198754 !important;
    border-color: #198754 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #0d5d38 !important;
    border-color: #0d5d38 !important;
}

.btn-outline-primary {
    color: #198754 !important;
    border-color: #198754 !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: #198754 !important;
    color: #fff !important;
}

/* Specific fix for "+ New Article" button */
header .btn-new-article, 
.header-toolbar .btn-new-article,
a:has(> i.fa-plus) {
    background-color: #198754 !important;
    border-color: #198754 !important;
    color: white !important;
}

/* Text & icon colors that use the theme */
.text-primary,
.text-primary i,
i.text-primary,
.fa-primary,
.fas.text-primary,
.category-icon-item .icon-circle,
.category-icon-item:hover h6,
.category-item:hover,
.category-item.selected {
    color: #198754 !important;
}

/* White text for elements with theme background */
.navbar-dark .navbar-nav .nav-link,
header .text-white a,
footer .text-white a,
footer a,
.bg-primary .text-white a,
footer .list-inline-item a {
    color: rgba(255, 255, 255, 0.9) !important;
}

.navbar-dark .navbar-nav .nav-link:hover,
header .text-white a:hover,
footer .text-white a:hover,
footer a:hover,
.bg-primary .text-white a:hover,
footer .list-inline-item a:hover {
    color: #ffffff !important;
    text-decoration: underline;
}

/* Footer copyright text and separators */
footer p,
footer .text-center p,
footer .small,
footer .text-white,
footer .list-inline-item.text-white {
    color: #ffffff !important;
}

/* Fix border colors */
.border-primary {
    border-color: #198754 !important;
}

/* Navigation */
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .show > .nav-link {
    background-color: #0d5d38 !important;
}

.nav-pills .nav-link.active, 
.nav-pills .show > .nav-link {
    background-color: #198754 !important;
}

.page-item.active .page-link {
    background-color: #198754 !important;
    border-color: #198754 !important;
}

.page-link {
    color: #198754 !important;
}

.page-link:hover {
    color: #0d5d38 !important;
}

/* Badges */
.badge.bg-primary {
    background-color: #198754 !important;
}

/* Forms */
.form-check-input:checked {
    background-color: #198754 !important;
    border-color: #198754 !important;
}

.form-control:focus {
    border-color: #198754 !important;
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25) !important;
}

/* Admin UI elements */
.dropdown-item.active, 
.dropdown-item:active {
    background-color: #198754 !important;
}

.list-group-item.active {
    background-color: #198754 !important;
    border-color: #198754 !important;
}

/* Back to top button */
.back-to-top {
    background-color: #198754 !important;
    color: #fff !important;
}

.back-to-top:hover {
    background-color: #0d5d38 !important;
}

/* User menu styling */
.user-menu-header {
    background-color: #198754 !important;
}

.user-menu .login-btn i {
    color: #198754 !important;
}

.user-menu .login-btn:hover {
    color: #198754 !important;
}

.user-menu .register-btn {
    background-color: #198754 !important;
}

.user-menu .register-btn:hover {
    background-color: #0d5d38 !important;
}

/* Special handling for dark theme */