/* ============================================================
   LSI HRMS — Custom Theme
   Louati Sécurité Informatique
   ============================================================ */

:root {
  --lsi-blue:       #1a5bb5;
  --lsi-blue-dark:  #154d9e;
  --lsi-blue-light: #2d7dd2;
  --lsi-bg-light:   #f0f5ff;
}

/* ── Navbar ─────────────────────────────────────────────── */
.navbar {
  background-color: var(--lsi-blue) !important;
  border-bottom: 2px solid var(--lsi-blue-dark) !important;
}

.navbar .navbar-brand,
.navbar .nav-link,
.navbar .navbar-nav .nav-link,
.navbar .dropdown-toggle,
.navbar .navbar-toggler {
  color: #ffffff !important;
}

.navbar .nav-link:hover,
.navbar .dropdown-toggle:hover {
  color: #d0e4ff !important;
}

/* Replace navbar brand with LSI logo */
.navbar-brand .navbar-brand-name {
  display: none !important;
}

.navbar-brand::before {
  content: "";
  display: inline-block;
  background-image: url("/assets/zk_hrms/images/lsi-logo.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center left;
  width: 160px;
  height: 36px;
  vertical-align: middle;
}

.navbar-brand img {
  display: none !important;
}

/* ── Sidebar ─────────────────────────────────────────────── */
.layout-side-section,
.desk-sidebar {
  background-color: var(--lsi-bg-light) !important;
}

.desk-sidebar .sidebar-item.selected,
.desk-sidebar .sidebar-item:hover {
  background-color: #ddeaff !important;
  color: var(--lsi-blue) !important;
}

/* ── Buttons ─────────────────────────────────────────────── */
.btn-primary {
  background-color: var(--lsi-blue) !important;
  border-color: var(--lsi-blue) !important;
  color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--lsi-blue-dark) !important;
  border-color: var(--lsi-blue-dark) !important;
}

.indicator-pill.blue,
.badge-primary {
  background-color: var(--lsi-blue) !important;
}

/* ── Page titles ─────────────────────────────────────────── */
.page-head .title-area .title-text,
.form-page .page-title {
  color: var(--lsi-blue) !important;
}

/* ── Login page ──────────────────────────────────────────── */
.login-content .page-card {
  border-top: 4px solid var(--lsi-blue) !important;
}

.login-content .btn-login-option {
  background-color: var(--lsi-blue) !important;
  border-color: var(--lsi-blue) !important;
  color: #ffffff !important;
}

.for-login .login-logo img {
  max-height: 60px !important;
}

/* ── Hide Frappe/ERPNext branding ─────────────────────────── */
.powered-by,
.footer-powered-by,
footer a[href*="frappe"],
footer a[href*="erpnext"],
.web-footer .powered-by {
  display: none !important;
}

/* ── Workspace cards ─────────────────────────────────────── */
.workspace-container .widget.links-widget-box .widget-head {
  color: var(--lsi-blue) !important;
}

.widget.shortcut-widget-box:hover {
  border-color: var(--lsi-blue) !important;
}

/* ── Form section headers ────────────────────────────────── */
.section-head {
  color: var(--lsi-blue) !important;
}

/* ── Splash / Loading screen ─────────────────────────────── */
#freeze,
#freeze .freeze-message-container {
  background-color: #ffffff !important;
}

/* Replace Frappe logo in splash with LSI logo */
.app-loader .logo,
#freeze .app-logo {
  background-image: url("/assets/zk_hrms/images/lsi-logo.svg") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 200px !important;
  height: 60px !important;
}

/* Loading spinner — LSI blue */
.app-loader .loading-indicator,
.loading-indicator {
  border-top-color: var(--lsi-blue) !important;
}

/* Page loader bar */
#nprogress .bar {
  background: var(--lsi-blue) !important;
}
#nprogress .peg {
  box-shadow: 0 0 10px var(--lsi-blue), 0 0 5px var(--lsi-blue) !important;
}

/* ── Hide "Se connecter à Frappe" / "Accueil" text ──────── */
.login-content p.text-muted,
.login-page .login-content .sign-in-with-email ~ p,
[class*="login"] .navbar-home,
.navbar-home {
  display: none !important;
}

/* Replace login title text */
.page-card-head .title {
  font-size: 0 !important;
}
.page-card-head .title::after {
  content: "LSI HRMS";
  font-size: 1.25rem;
  color: var(--lsi-blue);
  font-weight: 600;
}

/* Hide "Accueil" text in navbar */
.navbar .navbar-home span,
.navbar-brand span.hidden-xs {
  display: none !important;
}