/* ============================================
   Bharat Clouds Custom Theme
   Primary: Blue #142454
   Secondary: Orange #FA8316
   Frappe v15
   ============================================ */

/* ---- CSS Variables Override ---- */
:root {
  --primary: #142454;
  --primary-dark: #0e1a3d;
  --primary-light: #1c3270;
  --secondary: #FA8316;
  --secondary-light: #fb9b44;
}

/* ============================================
   LOGIN PAGE
   ============================================ */

/* Login button */
.page-card .btn-primary,
.page-card .btn-primary-dark,
.login-content .btn-primary,
body[data-path="login"] .btn-primary {
  background-color: #142454 !important;
  border-color: #142454 !important;
  color: #fff !important;
}

.page-card .btn-primary:hover,
.page-card .btn-primary:focus,
.login-content .btn-primary:hover,
body[data-path="login"] .btn-primary:hover {
  background-color: #FA8316 !important;
  border-color: #FA8316 !important;
  color: #fff !important;
}

/* Login page link colors */
.page-card a,
.page-card .btn-link {
  color: #142454 !important;
}

.page-card a:hover,
.page-card .btn-link:hover {
  color: #FA8316 !important;
}

/* Login page title */
.page-card .page-card-head .title {
  color: #142454 !important;
}

/* ============================================
   NAVBAR / TOP BAR (White with orange accent)
   ============================================ */

/* Keep navbar white/light with subtle orange bottom border */
.navbar {
  border-bottom: 2px solid #FA8316 !important;
}

/* Search bar focus state */
.navbar .search-bar .search-input:focus,
.navbar .search-bar input:focus {
  border-color: #142454 !important;
  box-shadow: 0 0 0 2px rgba(20, 36, 84, 0.15) !important;
}

/* Navbar icon/button hover */
.navbar .navbar-nav .nav-link:hover,
.navbar .nav-item .nav-link:hover {
  color: #FA8316 !important;
}

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

/* Active sidebar item - Blue background */
.desk-sidebar .sidebar-menu .sidebar-menu-item > a.active,
.desk-sidebar .sidebar-menu .sidebar-menu-item > a.selected,
.standard-sidebar-section .sidebar-menu a.active,
.standard-sidebar-section .sidebar-menu a.selected,
.sidebar-menu .sidebar-menu-item.active > a,
#page-home .sidebar-menu a.active {
  background-color: #142454 !important;
  color: #fff !important;
  border-radius: 6px;
}

/* Active sidebar item icon color */
.desk-sidebar .sidebar-menu .sidebar-menu-item > a.active svg,
.desk-sidebar .sidebar-menu .sidebar-menu-item > a.active .sidebar-icon,
.standard-sidebar-section .sidebar-menu a.active svg,
.sidebar-menu .sidebar-menu-item.active > a svg {
  color: #fff !important;
  stroke: #fff !important;
}

/* Sidebar hover */
.desk-sidebar .sidebar-menu .sidebar-menu-item > a:hover,
.standard-sidebar-section .sidebar-menu a:hover,
.sidebar-menu .sidebar-menu-item > a:hover {
  background-color: rgba(20, 36, 84, 0.08) !important;
  color: #142454 !important;
  border-radius: 6px;
}

/* ============================================
   PRIMARY BUTTONS (Blue, hover Orange)
   ============================================ */

.btn-primary {
  background-color: #142454 !important;
  border-color: #142454 !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #FA8316 !important;
  border-color: #FA8316 !important;
  color: #fff !important;
  box-shadow: 0 0 0 2px rgba(250, 131, 22, 0.25) !important;
}

/* Primary dark variant */
.btn-primary-dark {
  background-color: #142454 !important;
  border-color: #142454 !important;
  color: #fff !important;
}

.btn-primary-dark:hover,
.btn-primary-dark:focus {
  background-color: #FA8316 !important;
  border-color: #FA8316 !important;
  color: #fff !important;
}

/* ============================================
   SECONDARY / OUTLINE BUTTONS
   ============================================ */

.btn-secondary-dark,
.btn-outline-primary {
  color: #142454 !important;
  border-color: #142454 !important;
}

.btn-secondary-dark:hover,
.btn-outline-primary:hover {
  background-color: #142454 !important;
  color: #fff !important;
}

/* ============================================
   LINKS & ACCENTS
   ============================================ */

a {
  color: #142454;
}

a:hover {
  color: #FA8316;
}

.like-active-item .like-icon,
.liked-by .like-icon.liked {
  color: #FA8316 !important;
}

/* ============================================
   FORM & PAGE ELEMENTS
   ============================================ */

/* Form control focus */
.form-control:focus,
.frappe-control input:focus,
.frappe-control select:focus,
.frappe-control textarea:focus {
  border-color: #142454 !important;
  box-shadow: 0 0 0 2px rgba(20, 36, 84, 0.12) !important;
}

/* Checkbox checked state */
.frappe-control input[type="checkbox"]:checked,
.checkbox .check-icon {
  background-color: #142454 !important;
  border-color: #142454 !important;
}

/* ============================================
   INDICATORS & BADGES
   ============================================ */

.indicator-pill.blue,
.indicator.blue {
  background-color: #142454 !important;
}

.indicator-pill.orange,
.indicator.orange {
  background-color: #FA8316 !important;
}

/* ============================================
   SHORTCUTS & WIDGETS
   ============================================ */

.shortcut-widget-box:hover {
  border-color: #142454 !important;
}

.number-widget-box .widget-head .number-widget-title {
  color: #142454 !important;
}

/* ============================================
   AWESOMEBAR DROPDOWN
   ============================================ */

.awesomebar-dropdown .dropdown-item.active,
.awesomebar-dropdown .dropdown-item:active,
.awesomplete .selected {
  background-color: rgba(20, 36, 84, 0.08) !important;
  color: #142454 !important;
}

/* ============================================
   PROGRESS BARS & LOADERS
   ============================================ */

.progress-bar {
  background-color: #142454 !important;
}

/* Page loading bar - Orange accent */
#nprogress .bar {
  background: #FA8316 !important;
}

#nprogress .peg {
  box-shadow: 0 0 10px #FA8316, 0 0 5px #FA8316 !important;
}

/* ============================================
   TABS
   ============================================ */

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #142454 !important;
  border-bottom-color: #142454 !important;
}

.nav-tabs .nav-link:hover {
  color: #FA8316 !important;
}

/* ============================================
   SAVE / ACTION BUTTON (top right)
   ============================================ */

.page-head .primary-action .btn-primary {
  background-color: #142454 !important;
  border-color: #142454 !important;
}

.page-head .primary-action .btn-primary:hover {
  background-color: #FA8316 !important;
  border-color: #FA8316 !important;
}

/* ============================================
   TEXT SELECTION
   ============================================ */

::selection {
  background-color: rgba(20, 36, 84, 0.2);
  color: #142454;
}
/* ============================================
   STATUS INDICATOR PILLS - Readable text
   ============================================ */

span.indicator-pill.no-indicator-dot {
  color: #fff !important;
  font-weight: 500 !important;
}

span.indicator-pill.no-indicator-dot.blue {
  background-color: #142454 !important;
  color: #fff !important;
}

span.indicator-pill.no-indicator-dot.green {
  background-color: #28a745 !important;
  color: #fff !important;
}

span.indicator-pill.no-indicator-dot.red {
  background-color: #e24c4c !important;
  color: #fff !important;
}

span.indicator-pill.no-indicator-dot.orange {
  background-color: #FA8316 !important;
  color: #fff !important;
}

span.indicator-pill.no-indicator-dot.yellow {
  background-color: #d4a015 !important;
  color: #fff !important;
}

span.indicator-pill.no-indicator-dot.gray,
span.indicator-pill.no-indicator-dot.grey {
  background-color: #6c757d !important;
  color: #fff !important;
}

span.indicator-pill.no-indicator-dot.cyan {
  background-color: #17a2b8 !important;
  color: #fff !important;
}

span.indicator-pill.no-indicator-dot.purple {
  background-color: #6f42c1 !important;
  color: #fff !important;
}