/* Custom Gold and White Theme for Pharma College Research Repository */

:root {
    --gold-primary: #D4AF37;
    --gold-dark: #B8941F;
    --gold-light: #E5C158;
    --gold-lighter: #F5E6B3;
    --white: #FFFFFF;
    --white-off: #F8F9FA;
    --text-dark: #212529;
    --text-muted: #6C757D;
}

/* Override primary colors - COMPREHENSIVE */
.bg-primary, 
.btn-primary, 
.card-primary,
.card-outline-primary,
.badge-primary,
.alert-primary,
.list-group-item-primary {
    background-color: var(--gold-primary) !important;
    border-color: var(--gold-dark) !important;
    color: var(--white) !important;
}

.text-primary,
.text-navy {
    color: var(--gold-primary) !important;
}

.btn-primary:hover, 
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: var(--gold-dark) !important;
    border-color: var(--gold-dark) !important;
    color: var(--white) !important;
}

/* All button variants with gold */
.btn-default.bg-navy,
.btn.bg-navy,
.btn-navy {
    background-color: var(--gold-primary) !important;
    color: var(--white) !important;
    border-color: var(--gold-dark) !important;
}

.btn-default.bg-navy:hover,
.btn.bg-navy:hover,
.btn-navy:hover {
    background-color: var(--gold-dark) !important;
    border-color: var(--gold-dark) !important;
    color: var(--white) !important;
}

/* Gold gradient backgrounds */
.bg-gradient-primary {
    background: linear-gradient(135deg, var(--gold-primary) 0%, var(--gold-dark) 100%) !important;
}

.bg-gradient-gold {
    background: linear-gradient(135deg, #FFD700 0%, var(--gold-primary) 50%, var(--gold-dark) 100%) !important;
}

/* Navbar styling */
.bg-navy,
.navbar.bg-navy,
nav.bg-navy,
#login-nav.bg-navy {
    background: linear-gradient(135deg, var(--gold-dark) 0%, var(--gold-primary) 100%) !important;
    color: var(--white) !important;
}

.bg-navy a,
.bg-navy .text-white,
.bg-navy span {
    color: var(--white) !important;
}

.navbar-light .navbar-nav .nav-link {
    color: var(--text-dark) !important;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active {
    color: var(--gold-primary) !important;
    font-weight: 600;
}

/* Card styling */
.card-outline-primary {
    border-top-color: var(--gold-primary) !important;
}

.card-header {
    background: linear-gradient(135deg, var(--gold-primary) 0%, var(--gold-dark) 100%) !important;
    color: var(--white) !important;
}

/* Button styling */
.btn-default.bg-navy {
    background-color: var(--gold-primary) !important;
    color: var(--white) !important;
    border-color: var(--gold-dark) !important;
}

.btn-default.bg-navy:hover {
    background-color: var(--gold-dark) !important;
    border-color: var(--gold-dark) !important;
}

/* Text colors */
.text-navy {
    color: var(--gold-primary) !important;
}

/* Badge styling */
.badge-primary {
    background-color: var(--gold-primary) !important;
    color: var(--white) !important;
}

/* Link colors */
a {
    color: var(--gold-primary);
}

a:hover {
    color: var(--gold-dark);
}

/* Form controls */
.form-control:focus {
    border-color: var(--gold-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(212, 175, 55, 0.25) !important;
}

/* Pagination */
.page-link {
    color: var(--gold-primary);
}

.page-item.active .page-link {
    background-color: var(--gold-primary);
    border-color: var(--gold-primary);
}

/* Search and filter styling */
.filter-card {
    background: var(--white-off);
    border: 1px solid var(--gold-lighter);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}

.filter-card .form-control:focus {
    border-color: var(--gold-primary);
    box-shadow: 0 0 0 0.2rem rgba(212, 175, 55, 0.25);
}

.btn-filter {
    background-color: var(--gold-primary);
    color: var(--white);
    border-color: var(--gold-dark);
}

.btn-filter:hover {
    background-color: var(--gold-dark);
    border-color: var(--gold-dark);
}

/* Research card styling */
.research-card {
    border-left: 4px solid var(--gold-primary);
    transition: all 0.3s ease;
}

.research-card:hover {
    border-left-color: var(--gold-dark);
    box-shadow: 0 4px 8px rgba(212, 175, 55, 0.2);
    transform: translateY(-2px);
}

/* Section headers */
.section-header {
    background: linear-gradient(135deg, var(--gold-primary) 0%, var(--gold-dark) 100%);
    color: var(--white);
    padding: 12px 20px;
    margin: 20px 0 15px 0;
    border-radius: 5px;
    font-weight: 600;
}

/* Info cards */
.info-card {
    border-left: 3px solid var(--gold-primary);
    background: var(--white-off);
}

/* Admin sidebar */
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: var(--gold-primary) !important;
}

.sidebar-dark-primary .nav-sidebar .nav-link:hover {
    background-color: rgba(212, 175, 55, 0.1) !important;
}

/* Dropdown menus */
.dropdown-menu {
    border-color: var(--gold-lighter);
}

.dropdown-item:hover {
    background-color: var(--gold-lighter);
    color: var(--gold-dark);
}

/* Alert styling */
.alert-primary {
    background-color: var(--gold-lighter);
    border-color: var(--gold-primary);
    color: var(--gold-dark);
}

.alert-info {
    background-color: #E3F2FD;
    border-color: var(--gold-primary);
    color: #1976D2;
}

.alert-warning {
    background-color: #FFF3E0;
    border-color: var(--gold-primary);
    color: #F57C00;
}

.alert-success {
    background-color: #E8F5E9;
    border-color: #4CAF50;
    color: #2E7D32;
}

.alert-danger {
    background-color: #FFEBEE;
    border-color: #F44336;
    color: #C62828;
}

/* Card headers - ensure all use gold */
.card-header.bg-primary,
.card-header.bg-gradient-primary,
.card-header:not(.bg-secondary):not(.bg-success):not(.bg-danger):not(.bg-warning):not(.bg-info) {
    background: linear-gradient(135deg, var(--gold-primary) 0%, var(--gold-dark) 100%) !important;
    color: var(--white) !important;
}

.card-header .card-title,
.card-header h2,
.card-header h3,
.card-header h4,
.card-header h5,
.card-header h6 {
    color: var(--white) !important;
}

/* Ensure card headers without explicit bg classes also get gold */
.card-outline-primary .card-header,
.card-primary .card-header {
    background: linear-gradient(135deg, var(--gold-primary) 0%, var(--gold-dark) 100%) !important;
    color: var(--white) !important;
}

/* Links and text colors */
a.text-primary,
a.text-navy,
.text-primary,
.text-navy {
    color: var(--gold-primary) !important;
}

a.text-primary:hover,
a.text-navy:hover {
    color: var(--gold-dark) !important;
}

/* Badge colors */
.badge-primary,
.badge.badge-primary {
    background-color: var(--gold-primary) !important;
    color: var(--white) !important;
}

.badge-secondary {
    background-color: #6C757D !important;
    color: var(--white) !important;
}

.badge-info {
    background-color: #17A2B8 !important;
    color: var(--white) !important;
}

.badge-warning {
    background-color: #FFC107 !important;
    color: var(--text-dark) !important;
}

.badge-success {
    background-color: #28A745 !important;
    color: var(--white) !important;
}

.badge-danger {
    background-color: #DC3545 !important;
    color: var(--white) !important;
}

/* Form labels */
.control-label.text-navy,
label.text-navy,
.text-navy {
    color: var(--gold-primary) !important;
    font-weight: 600;
}

/* Buttons - comprehensive override */
.btn-primary,
.btn.btn-primary,
button.btn-primary,
input[type="submit"].btn-primary {
    background-color: var(--gold-primary) !important;
    border-color: var(--gold-dark) !important;
    color: var(--white) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: var(--gold-dark) !important;
    border-color: var(--gold-dark) !important;
    color: var(--white) !important;
}

.btn-secondary {
    background-color: #6C757D !important;
    border-color: #5A6268 !important;
    color: var(--white) !important;
}

.btn-secondary:hover {
    background-color: #5A6268 !important;
    border-color: #545B62 !important;
    color: var(--white) !important;
}

/* HR and dividers */
hr.bg-navy,
hr {
    border-top-color: var(--gold-primary) !important;
    opacity: 0.3;
}

/* List group items */
.list-group-item-action:hover {
    background-color: var(--gold-lighter) !important;
    color: var(--gold-dark) !important;
}

.list-group-item.active {
    background-color: var(--gold-primary) !important;
    border-color: var(--gold-dark) !important;
    color: var(--white) !important;
}

/* Select2 dropdowns */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--gold-primary) !important;
    color: var(--white) !important;
}

.select2-container--default .select2-selection--single:focus {
    border-color: var(--gold-primary) !important;
}

/* Admin panel consistency */
.sidebar-dark-primary {
    background-color: #343A40 !important;
}

.sidebar-dark-primary .brand-link {
    background-color: rgba(212, 175, 55, 0.1) !important;
}

/* Modal headers */
.modal-header {
    background: linear-gradient(135deg, var(--gold-primary) 0%, var(--gold-dark) 100%) !important;
    color: var(--white) !important;
}

.modal-header .modal-title,
.modal-header h4,
.modal-header h5 {
    color: var(--white) !important;
}

.modal-header .close {
    color: var(--white) !important;
    opacity: 0.9;
}

.modal-header .close:hover {
    opacity: 1;
    color: var(--white) !important;
}

/* Table styling */
.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: var(--gold-lighter) !important;
    color: var(--gold-dark) !important;
}

.table thead th {
    border-bottom-color: var(--gold-primary) !important;
    color: var(--gold-dark) !important;
}

/* Progress bars */
.progress-bar {
    background-color: var(--gold-primary) !important;
}

/* Custom scrollbar */
::-webkit-scrollbar-thumb {
    background-color: var(--gold-primary) !important;
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--gold-dark) !important;
}

/* Additional consistency fixes */
.btn-flat {
    border-radius: 0.25rem;
}

.btn-flat.bg-primary,
.btn-flat.bg-navy {
    background-color: var(--gold-primary) !important;
    color: var(--white) !important;
    border-color: var(--gold-dark) !important;
}

.btn-flat.bg-primary:hover,
.btn-flat.bg-navy:hover {
    background-color: var(--gold-dark) !important;
    border-color: var(--gold-dark) !important;
}

/* Input groups */
.input-group-text {
    background-color: var(--gold-lighter);
    border-color: var(--gold-primary);
    color: var(--gold-dark);
}

/* Breadcrumbs */
.breadcrumb-item.active {
    color: var(--gold-primary);
}

.breadcrumb-item a {
    color: var(--gold-primary);
}

.breadcrumb-item a:hover {
    color: var(--gold-dark);
}

/* Tabs */
.nav-tabs .nav-link.active {
    background-color: var(--gold-primary);
    border-color: var(--gold-primary);
    color: var(--white);
}

.nav-tabs .nav-link:hover {
    border-color: var(--gold-lighter);
    color: var(--gold-primary);
}

.nav-tabs .nav-link {
    color: var(--text-dark);
}

.nav-tabs .nav-link.active:hover {
    color: var(--white);
}

/* Tooltips */
.tooltip-inner {
    background-color: var(--gold-dark);
}

.tooltip.bs-tooltip-top .arrow::before {
    border-top-color: var(--gold-dark);
}

.tooltip.bs-tooltip-bottom .arrow::before {
    border-bottom-color: var(--gold-dark);
}

.tooltip.bs-tooltip-left .arrow::before {
    border-left-color: var(--gold-dark);
}

.tooltip.bs-tooltip-right .arrow::before {
    border-right-color: var(--gold-dark);
}

/* Popovers */
.popover-header {
    background-color: var(--gold-primary);
    color: var(--white);
    border-bottom-color: var(--gold-dark);
}

/* Loading spinners */
.spinner-border-primary {
    border-color: var(--gold-primary);
    border-right-color: transparent;
}

/* Focus states - ensure all use gold */
.form-control:focus,
.form-select:focus,
.custom-select:focus,
.select2-container--default .select2-selection--single:focus,
.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: var(--gold-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(212, 175, 55, 0.25) !important;
}

/* Ensure all primary-colored elements use gold */
.border-primary {
    border-color: var(--gold-primary) !important;
}

.shadow-primary {
    box-shadow: 0 0.125rem 0.25rem rgba(212, 175, 55, 0.075), 0 0.5rem 1rem rgba(212, 175, 55, 0.15) !important;
}

/* Text utilities */
.text-gold {
    color: var(--gold-primary) !important;
}

.bg-gold {
    background-color: var(--gold-primary) !important;
}

.bg-gold-light {
    background-color: var(--gold-lighter) !important;
}

.bg-gold-gradient {
    background: linear-gradient(135deg, var(--gold-primary) 0%, var(--gold-dark) 100%) !important;
}

/* Ensure consistency in admin pages */
.admin-page .card-header {
    background: linear-gradient(135deg, var(--gold-primary) 0%, var(--gold-dark) 100%) !important;
    color: var(--white) !important;
}

/* Fix any remaining blue/info colors that should be gold */
.btn-info {
    background-color: #17A2B8 !important;
    border-color: #138496 !important;
}

.btn-info:hover {
    background-color: #138496 !important;
    border-color: #117A8B !important;
}

/* Ensure text-info remains blue for informational content */
.text-info {
    color: #17A2B8 !important;
}

/* But keep primary actions as gold */
a.text-info:hover {
    color: #138496 !important;
}