/* 
 * KONEKT BRAND THEME OVERRIDES FOR METRONIC 8 / CORE-CONTROL
 * KOnekt Brand Guidelines:
 * Primary Accent: #FF9800 (Orange)
 * Primary Hover: #FFB74D
 * Primary Dark: #000000 / #111111
 * Light Background: #FFFFFF / #f8f8f8
 * Success: #4CAF50
 * Warning: #F5A524
 * Error: #E5484D
 * Typography: Manrope (UI/Headings) + Inter (Body/Text)
 */

:root {
    --kt-primary: #FF9800 !important;
    --kt-primary-active: #E68900 !important;
    --kt-primary-hover: #FFB74D !important;
    --kt-primary-light: #FFF3E0 !important;
    --kt-primary-inverse: #000000 !important;
    
    --kt-success: #4CAF50 !important;
    --kt-warning: #F5A524 !important;
    --kt-danger: #E5484D !important;
}

body {
    font-family: 'Inter', sans-serif !important;
    color: #000000;
}

h1, h2, h3, h4, h5, h6, 
.card-title, 
.menu-title, 
.form-label, 
.modal-title,
.btn {
    font-family: 'Manrope', sans-serif !important;
}

/* Primary buttons with KOnekt Orange and Dark Text */
.btn-primary {
    background-color: #FF9800 !important;
    border-color: #FF9800 !important;
    color: #000000 !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #FFB74D !important;
    border-color: #FFB74D !important;
    color: #000000 !important;
    box-shadow: 0 4px 12px rgba(255, 152, 0, 0.3) !important;
}

.btn-light-primary {
    background-color: #FFF3E0 !important;
    color: #D87B00 !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
}

.btn-light-primary:hover {
    background-color: #FFE0B2 !important;
    color: #000000 !important;
}

/* Badges with KOnekt Styling */
.badge-light-primary {
    background-color: #FFF3E0 !important;
    color: #D87B00 !important;
    border: 1px solid rgba(255, 152, 0, 0.2) !important;
}

.badge-primary {
    background-color: #FF9800 !important;
    color: #000000 !important;
    font-weight: 600;
}

.badge-success {
    background-color: #4CAF50 !important;
    color: #FFFFFF !important;
    font-weight: 600;
}

.badge-warning {
    background-color: #F5A524 !important;
    color: #000000 !important;
    font-weight: 600;
}

.badge-danger {
    background-color: #E5484D !important;
    color: #FFFFFF !important;
    font-weight: 600;
}

/* Sidebar & Navigation Active Highlights */
.aside-secondary {
    background-color: #f8f8f8 !important;
    border-right: 1px solid #e0e0e0 !important;
}

.aside-primary {
    background-color: #000000 !important;
}

.aside-nav .nav-link.active, .aside-nav .nav-link:hover {
    background-color: rgba(255, 152, 0, 0.18) !important;
    color: #FF9800 !important;
}

.aside-nav .nav-link i {
    color: #a1a1a1;
}

.aside-nav .nav-link.active i, .aside-nav .nav-link:hover i {
    color: #FF9800 !important;
}

.menu-state-primary .menu-item .menu-link.active {
    background-color: #FFF3E0 !important;
    color: #D87B00 !important;
    border-left: none !important;
    font-weight: 700 !important;
}

.menu-state-primary .menu-item .menu-link.active .menu-icon i {
    color: #FF9800 !important;
}

.menu-state-primary .menu-item .menu-link:hover {
    background-color: #FFF3E0 !important;
    color: #D87B00 !important;
}

/* Links & Brand Accent Text */
a.text-hover-primary:hover, .text-primary {
    color: #E68900 !important;
}

.bg-primary {
    background-color: #FF9800 !important;
    color: #000000 !important;
}

/* Form focus border */
.form-control:focus, .form-select:focus {
    border-color: #FF9800 !important;
    box-shadow: 0 0 0 0.25rem rgba(255, 152, 0, 0.25) !important;
}

/* Card Styling */
.card {
    border-radius: 12px !important;
    border: 1px solid #e0e0e0 !important;
}

/* KOnekt Brand Logo Styling */
.konekt-brand-logo {
    max-height: 40px;
    width: auto;
    object-fit: contain;
}

.konekt-brand-logo-icon {
    max-height: 45px;
    width: auto;
}