/**
 * Catalystia Corporate Theme - Color Override
 * 
 * Color Palette:
 * - Primary Gold: #f5c000
 * - Secondary Coral: #E86441
 * 
 * @version 3.0
 * @author Catalystia
 */

/* ============================================
   CSS VARIABLES
   ============================================ */
:root {
    --primary: #f5c000 !important;
    --primary-hover: #D4A800 !important;
    --secondary: #E86441 !important;
    --secondary-hover: #D4532E !important;
    --dark: #1A1A1A !important;
    --darker: #0D0D0D !important;
}

/* ============================================
   BUTTONS
   ============================================ */

/* Primary Button - Gold */
.btn-primary,
.btn-default,
a.btn-primary,
button.btn-primary,
body .btn-primary,
input.btn-primary {
    background: linear-gradient(135deg, #f5c000 0%, #D4A800 100%) !important;
    background-color: #f5c000 !important;
    border-color: #f5c000 !important;
    color: #0D0D0D !important;
}

.btn-primary:hover,
.btn-default:hover,
a.btn-primary:hover,
button.btn-primary:hover,
body .btn-primary:hover {
    background: linear-gradient(135deg, #D4A800 0%, #B89000 100%) !important;
    background-color: #D4A800 !important;
    border-color: #D4A800 !important;
    color: #0D0D0D !important;
}

/* Secondary Button - Coral */
.btn-secondary,
a.btn-secondary,
button.btn-secondary {
    background: linear-gradient(135deg, #E86441 0%, #D4532E 100%) !important;
    border-color: #E86441 !important;
    color: #FFFFFF !important;
}

.btn-secondary:hover,
a.btn-secondary:hover,
button.btn-secondary:hover {
    background: linear-gradient(135deg, #D4532E 0%, #B8421E 100%) !important;
    border-color: #D4532E !important;
}

/* Success Button - Gold */
.btn-success,
a.btn-success,
button.btn-success {
    background: linear-gradient(135deg, #f5c000 0%, #D4A800 100%) !important;
    border-color: #f5c000 !important;
    color: #0D0D0D !important;
}

.btn-success:hover,
a.btn-success:hover,
button.btn-success:hover {
    background: linear-gradient(135deg, #D4A800 0%, #B89000 100%) !important;
}

/* Warning Button - Coral */
.btn-warning,
a.btn-warning,
button.btn-warning {
    background: linear-gradient(135deg, #E86441 0%, #D4532E 100%) !important;
    border-color: #E86441 !important;
    color: #FFFFFF !important;
}

/* Danger Button Small - Black text */
.btn.btn-danger.btn-sm {
    color: #fff !important;
}

/* Info Button */
.btn-info,
a.btn-info,
button.btn-info {
    background: #1A1A1A !important;
    border-color: #f5c000 !important;
    color: #f5c000 !important;
}

.btn-info:hover {
    background: #f5c000 !important;
    color: #0D0D0D !important;
}

/* Outline Primary - Gold */
.btn-outline-primary,
a.btn-outline-primary {
    border-color: #f5c000 !important;
    color: #f5c000 !important;
    background: transparent !important;
}

.btn-outline-primary:hover,
a.btn-outline-primary:hover {
    background: #f5c000 !important;
    color: #0D0D0D !important;
}

/* Outline Secondary - Coral */
.btn-outline-secondary,
a.btn-outline-secondary {
    border-color: #E86441 !important;
    color: #E86441 !important;
    background: transparent !important;
}

.btn-outline-secondary:hover,
a.btn-outline-secondary:hover {
    background: #E86441 !important;
    color: #FFFFFF !important;
}

/* ============================================
   FORM INPUTS
   ============================================ */

.form-control:focus,
.form-select:focus,
input:focus,
textarea:focus,
select:focus {
    border-color: #f5c000 !important;
    box-shadow: 0 0 0 3px rgba(245, 192, 0, 0.15) !important;
}

/* Checkboxes & Radios */
.form-check-input:checked,
input[type="checkbox"]:checked,
input[type="radio"]:checked {
    background-color: #f5c000 !important;
    border-color: #f5c000 !important;
}

.form-check-input:focus {
    border-color: #f5c000 !important;
    box-shadow: 0 0 0 3px rgba(245, 192, 0, 0.25) !important;
}

/* Switch */
.form-switch .form-check-input:checked {
    background-color: #f5c000 !important;
    border-color: #f5c000 !important;
}

/* Input Group */
.input-group-text {
    color: #f5c000 !important;
}

/* ============================================
   SIDEBAR
   ============================================ */

#sidebar,
.sidebar,
.sidebar-inner {
    background: linear-gradient(180deg, #000000 0%, #0A0A0A 50%, #121212 100%) !important;
    border-right-color: rgba(245, 192, 0, 0.15) !important;
}

.sidebar .sidebar-brand span,
.sidebar-brand span {
    color: #f5c000 !important;
}

.sidebar .sidebar-nav .sidebar-item .sidebar-link:hover {
    background: linear-gradient(135deg, #f5c000 0%, #D4A800 100%) !important;
    color: #0D0D0D !important;
}

[data-scheme=dark] .sidebar .sidebar-nav .sidebar-item .sidebar-link:hover {
    background: linear-gradient(135deg, #f5c000 0%, #D4A800 100%) !important;
}

.sidebar .sidebar-nav .sidebar-item.active > .sidebar-link {
    background: linear-gradient(135deg, #f5c000 0%, #D4A800 100%) !important;
    color: #0D0D0D !important;
    border : 5px !important;
}


.sidebar .sidebar-nav .sidebar-item .sidebar-link svg,
.sidebar .sidebar-nav .sidebar-item .sidebar-link i {
    color: #E86441 !important;
}

.sidebar .sidebar-nav .sidebar-item.active .sidebar-link svg,
.sidebar .sidebar-nav .sidebar-item.active .sidebar-link i {
    color: #0D0D0D !important;
}



/* ============================================
   NAVBAR / TOPBAR
   ============================================ */





.navbar .nav-link:hover {
    color: #f5c000 !important;
    background: rgba(245, 192, 0, 0.1) !important;
}

.navbar .nav-link svg,
.navbar .nav-link i,
.navbar svg,
.navbar i {
    color: #E86441 !important;
}

.navbar-brand {
    color: #f5c000 !important;
}

.navbar input:focus,
.navbar .form-control:focus {
    border-color: #f5c000 !important;
}

.navbar .dropdown-menu {
    background: #000000 !important;
    border: 1px solid rgba(232, 100, 65, 0.3) !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.6) !important;
}

.navbar .dropdown-item:hover {
    background: rgba(245, 192, 0, 0.15) !important;
    color: #f5c000 !important;
}

.navbar .avatar {
    border-color: #E86441 !important;
}

/* ============================================
   CARDS
   ============================================ */

.card-header {
    border-bottom-color: rgba(245, 192, 0, 0.15) !important;
}

.card .display-4,
.card .h1,
.card h1.mb-0,
.card .stat-number {
    color: #f5c000 !important;
}

.card.border-left-primary,
.card[class*="border-left"] {
    border-left-color: #f5c000 !important;
}

/* ============================================
   TABLES
   ============================================ */

.table thead th {
    background: linear-gradient(135deg, #1A1A1A 0%, #252525 100%) !important;
    color: #f5c000 !important;
}

.table tbody tr:hover {
    background: rgba(245, 192, 0, 0.04) !important;
}

/* ============================================
   BADGES
   ============================================ */

.badge.bg-primary,
.badge-primary {
    background: linear-gradient(135deg, #f5c000 0%, #D4A800 100%) !important;
    color: #0D0D0D !important;
}

.badge.bg-secondary,
.badge-secondary {
    background: linear-gradient(135deg, #E86441 0%, #D4532E 100%) !important;
    color: #FFFFFF !important;
}

.badge.bg-warning,
.badge-warning {
    background: linear-gradient(135deg, #E86441 0%, #D4532E 100%) !important;
    color: #FFFFFF !important;
}

/* ============================================
   ALERTS
   ============================================ */

.alert-primary,
.alert-warning {
    background: rgba(245, 192, 0, 0.1) !important;
    border-left-color: #f5c000 !important;
}

.alert-secondary {
    background: rgba(232, 100, 65, 0.1) !important;
    border-left-color: #E86441 !important;
}

/* ============================================
   DROPDOWNS
   ============================================ */

.dropdown-item:hover {
    background: rgba(245, 192, 0, 0.1) !important;
    color: #f5c000 !important;
}

.dropdown-item.active,
.dropdown-item:active {
    background: linear-gradient(135deg, #f5c000 0%, #D4A800 100%) !important;
    color: #0D0D0D !important;
}

/* ============================================
   MODALS
   ============================================ */

.modal-header {
    background: linear-gradient(135deg, #1A1A1A 0%, #252525 100%) !important;
}

.modal-title {
    color: #f5c000 !important;
}

/* ============================================
   PAGINATION
   ============================================ */

.page-link:hover {
    background: rgba(245, 192, 0, 0.1) !important;
    color: #f5c000 !important;
}

.page-item.active .page-link {
    background: linear-gradient(135deg, #f5c000 0%, #D4A800 100%) !important;
    color: #0D0D0D !important;
    border-color: #f5c000 !important;
}

/* ============================================
   PROGRESS BARS
   ============================================ */

.progress-bar {
    background: linear-gradient(90deg, #f5c000 0%, #E86441 100%) !important;
}

/* ============================================
   LINKS
   ============================================ */

a {
    color: #E86441 !important;
}

a:hover {
    color: #D4A800 !important;
}

/* ============================================
   FOOTER
   ============================================ */

footer,
.footer {
    border-top-color: #f5c000 !important;
}

footer h5,
.footer h5 {
    color: #f5c000 !important;
}

footer a,
.footer a {
    color: #E86441 !important;
}

footer a:hover,
.footer a:hover {
    color: #f5c000 !important;
}

/* ============================================
   TOOLTIPS
   ============================================ */

.tooltip-inner {
    background: #1A1A1A !important;
    color: #f5c000 !important;
}

/* ============================================
   SPINNER
   ============================================ */

.spinner-border {
    color: #f5c000 !important;
}

/* ============================================
   SCROLLBAR
   ============================================ */

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #f5c000 0%, #E86441 100%);
}

/* ============================================
   TEXT UTILITIES
   ============================================ */

.text-primary {
    color: #f5c000 !important;
}

.text-secondary {
    color: #E86441 !important;
}

/* ============================================
   BORDER UTILITIES
   ============================================ */

.border-primary {
    border-color: #f5c000 !important;
}

.border-secondary {
    border-color: #E86441 !important;
}

/* ============================================
   BACKGROUND UTILITIES
   ============================================ */

.bg-primary {
    background: #f5c000 !important;
}

.bg-secondary {
    background: #E86441 !important;
}
.bg-transparent,.bg-transparent:hover
{
    background: inherit !important;
    border: inherit !important;
}

[data-scheme=dark] .sidebar-item.active .sidebar-link:hover i, [data-scheme=dark] .sidebar-item.active .sidebar-link:hover svg, [data-scheme=dark] .sidebar-item.active>.sidebar-link i, [data-scheme=dark] .sidebar-item.active>.sidebar-link svg {
     background-color: inherit !important; 
}
.btn-group>.btn-group:not(:first-child), .btn-group>.btn:not(:first-child)
{
           margin-left: 0px !important;
}   



.list-group-item.active
{
    background:#f5c000;
}

[data-scheme=dark] .btn-light, [data-scheme=dark] .btn-light:hover {
    
    color: #000 !important;
}

[data-scheme=dark] .btn {
    color: #000 !important;
}