/**
 * Resume Blossom Admin Theme
 * Overrides default admin colors with Resume Blossom brand palette
 * 
 * Brand Colors:
 * - Primary Orange: #EF8312 (headlines, primary actions)
 * - Accent Teal: #1B566C (secondary actions, links)
 * - Success Green: #00AC53
 * - Error Red: #BE1E2D
 */

/* ========================================
   PRIMARY COLOR OVERRIDES (Orange)
   Replace purple #332a86 with #EF8312
   ======================================== */

/* Text Colors */
.text-purple,
.purple {
  color: #EF8312;
}

/* Links */
.links-purple a:not(.btn) {
  color: #EF8312;
}
.links-purple a:not(.btn):hover,
.links-purple a:not(.btn):focus {
  color: #dc7006;
}
.links-purple .dropdown-menu > .active > a,
.links-purple .dropdown-menu > .active > a:hover,
.links-purple .dropdown-menu > .active > a:focus {
  color: #EF8312;
}
.links-purple .btn-link {
  color: #EF8312;
}
.links-purple .nav-tabs > li:not(.active) > a:hover {
  border-color: #EF8312 #EF8312 #ccc;
  background: #EF8312;
}
.links-purple .list-group-item {
  border-color: #EF8312;
}

/* Buttons - Primary */
.btn-primary,
#lwh-feed-upcoming .summary .register-link.btn-primary {
  background-color: #EF8312;
  border-color: #EF8312;
  color: #fff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-color: #dc7006;
  border-color: #dc7006;
}

/* Navbar Inverse (Top Bar) */
.navbar-inverse {
  background-color: #1B566C;
  border-color: #143e4a;
}
.navbar-inverse .navbar-brand {
  color: #fff;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #e5e5e5;
}
.navbar-inverse .navbar-text {
  color: #fff;
}
.navbar-inverse .navbar-nav > li > a {
  color: #fff;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #e5e5e5;
  background-color: rgba(255, 255, 255, 0.1);
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

/* Side Navigation (Main Nav) - Subtle colors with specific selectors */
#main-nav {
  background: #2d3748 !important;
}

#main-nav .nav {
  background: transparent !important;
  margin: 0 !important;
}

#main-nav .nav > li > a {
  color: #e2e8f0 !important;
  background: transparent !important;
  border-left: 3px solid transparent !important;
}

#main-nav .nav > li > a:hover,
#main-nav .nav > li > a:focus,
#main-nav .nav > li:hover > a {
  background-color: rgba(255, 255, 255, 0.08) !important;
  color: #fff !important;
}

#main-nav .nav > li.active > a,
#main-nav .nav > li.active > a:hover,
#main-nav .nav > li.active > a:focus {
  background-color: #4a5568 !important;
  border-left-color: #EF8312 !important;
  color: #fff !important;
}

/* Dropdown/Submenu Styling - Subtle with specific selectors */
#main-nav .nav .dropdown-menu {
  background-color: #1a202c !important;
  border: none !important;
}

#main-nav .nav .dropdown-menu li > a {
  color: #cbd5e0 !important;
  padding: 8px 20px !important;
  background: transparent !important;
}

#main-nav .nav .dropdown-menu li > a:hover,
#main-nav .nav .dropdown-menu li:hover > a {
  background-color: rgba(239, 131, 18, 0.15) !important;
  color: #fff !important;
}

#main-nav .nav .dropdown-menu li.active > a,
#main-nav .nav .dropdown-menu li.active > a:hover,
#main-nav .nav .dropdown-menu li.active > a:focus {
  background-color: rgba(239, 131, 18, 0.2) !important;
  color: #fff !important;
  border-left: 3px solid #EF8312 !important;
}
#main-nav .dropdown-menu > .dropdown-header {
  color: #a0aec0;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 11px;
  padding: 10px 20px 5px 20px;
}
#main-nav .dropdown-menu > li:not(.dropdown-header) {
  border-left: 3px solid transparent;
  transition: all 0.2s;
}
#main-nav .dropdown-menu > li:not(.dropdown-header):hover {
  border-left-color: transparent;
}
#main-nav .dropdown-menu > .active {
  border-left-color: #EF8312;
}

/* Panel Headings */
.panel-primary > .panel-heading {
  background-color: #EF8312;
  border-color: #EF8312;
  color: #fff !important;
}
.panel-primary > .panel-heading h4,
.panel-primary > .panel-heading .panel-title {
  color: #fff !important;
}
.panel-primary {
  border-color: #EF8312;
}
.panel-info > .panel-heading {
  background-color: #1B566C;
  border-color: #1B566C;
  color: #fff !important;
}
.panel-info > .panel-heading h4,
.panel-info > .panel-heading .panel-title {
  color: #fff !important;
}

/* Links and Accents */
a {
  color: #1B566C;
}
a:hover,
a:focus {
  color: #143e4a;
}

/* Progress Bars */
.progress-bar {
  background-color: #EF8312;
}
.progress-bar-success {
  background-color: #00AC53;
}
.progress-bar-info {
  background-color: #1B566C;
}
.progress-bar-warning {
  background-color: #EF8312;
}
.progress-bar-danger {
  background-color: #BE1E2D;
}

/* Badges and Labels */
.badge {
  background-color: #EF8312;
}
.label-primary {
  background-color: #EF8312;
}
.label-info {
  background-color: #1B566C;
}
.label-success {
  background-color: #00AC53;
}
.label-warning {
  background-color: #EF8312;
}
.label-danger {
  background-color: #BE1E2D;
}

/* Alerts */
.alert-info {
  background-color: #d9f2f9;
  border-color: #1B566C;
  color: #143e4a;
}
.alert-success {
  background-color: #d1fae5;
  border-color: #00AC53;
  color: #065f46;
}
.alert-warning {
  background-color: #fef3c7;
  border-color: #EF8312;
  color: #92400e;
}
.alert-danger {
  background-color: #fee2e2;
  border-color: #BE1E2D;
  color: #7f1d1d;
}

/* Form Controls Focus */
.form-control:focus {
  border-color: #EF8312;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(239, 131, 18, 0.6);
}

/* Pagination */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #EF8312;
  border-color: #EF8312;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #EF8312;
}

/* List Groups */
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: #EF8312;
  border-color: #EF8312;
}

/* Wells */
.well-primary {
  background-color: #fef3e7;
  border-color: #EF8312;
}
.well-info {
  background-color: #d9f2f9;
  border-color: #1B566C;
}

/* Tabs */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #EF8312;
  border-color: #ddd #ddd transparent;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: #EF8312;
}

/* Dropdowns */
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #EF8312;
}

/* Table Highlights */
.table > thead > tr > th {
  border-bottom: 2px solid #1B566C;
}
.table-hover > tbody > tr:hover {
  background-color: #fef3e7;
}

/* Glyphicons in Headers - Orange */
.page-header .glyphicon,
.panel-heading .glyphicon {
  color: #EF8312;
}

/* Login Panel */
.panel.xl-fixed .panel-heading {
  background-color: #1B566C;
  color: #fff !important;
}
.panel.xl-fixed .panel-heading h4,
.panel.xl-fixed .panel-heading .panel-title {
  color: #fff !important;
}
.panel.xl-fixed .panel-heading .glyphicon {
  color: #fff !important;
}

/* Resume Blossom Specific Classes */
.rb-primary {
  color: #EF8312;
}
.rb-accent {
  color: #1B566C;
}
.rb-success {
  color: #00AC53;
}
.rb-danger {
  color: #BE1E2D;
}

.bg-rb-primary {
  background-color: #EF8312;
  color: #fff;
}
.bg-rb-accent {
  background-color: #1B566C;
  color: #fff;
}
.bg-rb-success {
  background-color: #00AC53;
  color: #fff;
}
.bg-rb-danger {
  background-color: #BE1E2D;
  color: #fff;
}

/* Border utilities */
.border-rb-primary {
  border-color: #EF8312 !important;
}
.border-rb-accent {
  border-color: #1B566C !important;
}

/* Button Variants */
.btn-rb-primary {
  background-color: #EF8312;
  border-color: #EF8312;
  color: #fff;
}
.btn-rb-primary:hover,
.btn-rb-primary:focus,
.btn-rb-primary:active {
  background-color: #dc7006;
  border-color: #dc7006;
  color: #fff;
}

.btn-rb-accent {
  background-color: #1B566C;
  border-color: #1B566C;
  color: #fff;
}
.btn-rb-accent:hover,
.btn-rb-accent:focus,
.btn-rb-accent:active {
  background-color: #143e4a;
  border-color: #143e4a;
  color: #fff;
}

/* Loading Indicators */
.img-indicator {
  /* Keep existing indicator styles */
}

/* Select2 Dropdown (if used) */
.select2-results .select2-highlighted {
  background-color: #EF8312;
}

/* Bootstrap Multiselect (if used) */
.multiselect-container > li.active > a {
  background-color: #EF8312;
}

/* Footer Bar */
#footer-bar {
  background-color: #f9fafb;
  border-top: 1px solid #e5e7eb;
  color: #6b7280;
}

/* Dark Mode Adjustments for Resume Blossom */
body.dark .alert-info a {
  color: #EF8312 !important;
}
body.dark .btn-link {
  color: #EF8312;
}

/* Panel Enhancements */
.panel-heading h4 {
  font-weight: 600;
}

/* Welcome Text Styling */
#welcome-text strong {
  color: #EF8312;
}

/* Active Menu Item in Sidebar */
#main-nav .nav > li.active {
  border-left: 4px solid #EF8312;
}

/* Login Form Enhancements */
.panel.xl-fixed .btn-primary {
  background-color: #EF8312;
  border-color: #EF8312;
  font-weight: 600;
  padding: 10px 30px;
}
.panel.xl-fixed .btn-primary:hover,
.panel.xl-fixed .btn-primary:focus {
  background-color: #dc7006;
  border-color: #dc7006;
  box-shadow: 0 4px 12px rgba(239, 131, 18, 0.3);
  transform: translateY(-1px);
}

/* ========================================
   RESPONSIVE ADJUSTMENTS
   ======================================== */

@media (max-width: 768px) {
  .panel.xl-fixed {
    max-width: 100%;
  }
  
  .login-logo-wrapper img {
    max-width: 250px;
  }
}

@media (max-width: 480px) {
  .login-logo-wrapper img {
    max-width: 200px;
  }
}