/* default Theme Styles */
:root {
  --default-primary: #4E5582;
  --default-secondary: #EAE9F3;
  --default-accent: #F84E11;
  --default-light: #f0f8ff;
  --default-dark: #2c3e50;
}

/* Background for login page with maximum specificity */
body.default-theme.login-page,
body.default-theme {
  background: url('/cfg/default/default-bg.png') no-repeat center center fixed !important;
  background-size: 80% auto !important;
  background-color: #f0f8ff !important;
}

/* Alternative high-specificity selector */
body.login-page.default-theme {
  background: url('/cfg/default/default-bg.png') no-repeat center center fixed !important;
  background-size: 80% auto !important;
  background-color: #f0f8ff !important;
}

/* Override Bootstrap navbar for default */
.navbar.navbar-dark.bg-primary {
  background-color: var(--default-primary) !important;
  border-bottom: 3px solid var(--default-accent);
}

/* default-specific card styling */
.card {
  /* border: 1px solid var(--default-primary); */
  /* border-top: 3px solid var(--default-primary); */
  background-color: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(10px);
}

/* .card-header {
  background-color: var(--default-primary) !important;
  color: white !important;
  border-bottom: 1px solid var(--default-secondary);
} */

/* default-specific button styling */
.btn-primary {
  background-color: var(--default-primary);
  border-color: var(--default-primary);
}

.btn-primary:hover {
  background-color: var(--default-secondary);
  border-color: var(--default-secondary);
}

/* Input field styling */
.form-control:focus {
  border-color: var(--default-primary);
  box-shadow: 0 0 0.2rem rgba(0, 160, 227, 0.25);
}

/* Footer styling */
.footer {
  border-top: 1px solid var(--default-primary);
  background-color: rgba(255, 255, 255, 0.9) !important;
}

/* Input group styling */
.input-group-text {
  background-color: var(--default-primary);
  border-color: var(--default-primary);
  color: white;
}

/* Alert styling */
.alert-danger {
  background-color: #f8d7da;
  border-color: #f5c6cb;
  color: #721c24;
}

/* ---------- CUSTOMERS PAGE HEADER ----------- */
.customer-header-section {
  background: linear-gradient(135deg, #f5f7fa 0%, #e4edf9 100%);
  padding: 1.5rem;
 border-radius: 0.5rem;
 box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  margin-bottom: 1.5rem;
}

.customer-header-section .search-box {
  margin-top: 1rem;
 padding-top: 1rem;
  border-top: 1px solid rgba(0, 0, 0.1);
}

/* ---------- /CUSTOMERS PAGE HEADER ----------- */