/* ================================================================
   Anmol Medicare – Brand Theme
   ----------------------------------------------------------------
   ALL colour changes live here. Edit this one file and every page
   (admin panel, login, dashboard) updates automatically.
   ================================================================ */

:root {
  /* ── Brand palette (source of truth) ──────────────────────── */
  --brand-blue:         #1A8DC4;
  --brand-blue-dark:    #136998;
  --brand-blue-darker:  #0d4a6e;
  --brand-red:          #C1272D;
  --brand-red-dark:     #9a1f23;
  --brand-gold:         #F7A800;
  --brand-gold-dark:    #c98c00;

  /* ── RGB triplets for rgba() usage ────────────────────────── */
  --brand-blue-rgb:     26, 141, 196;
  --brand-red-rgb:      193, 39, 45;
  --brand-gold-rgb:     247, 168, 0;

  /* ── Tabler token overrides ────────────────────────────────── */
  --tblr-primary:           var(--brand-blue);
  --tblr-primary-rgb:       var(--brand-blue-rgb);
  --tblr-primary-lt:        rgba(var(--brand-blue-rgb), 0.10);
  --tblr-primary-fg:        #ffffff;

  --tblr-danger:            var(--brand-red);
  --tblr-danger-rgb:        var(--brand-red-rgb);
  --tblr-danger-lt:         rgba(var(--brand-red-rgb), 0.10);
  --tblr-danger-fg:         #ffffff;

  --tblr-warning:           var(--brand-gold);
  --tblr-warning-rgb:       var(--brand-gold-rgb);
  --tblr-warning-lt:        rgba(var(--brand-gold-rgb), 0.10);
  --tblr-warning-fg:        #ffffff;

  --tblr-link-color:        var(--brand-blue);
  --tblr-link-hover-color:  var(--brand-blue-dark);
}

/* ================================================================
   TOP ACCENT BORDER  (the coloured stripe at the very top)
   ================================================================ */
.border-top-wide.border-primary {
  border-top-color: var(--brand-blue) !important;
}

/* ================================================================
   SIDEBAR – vertical navbar
   ================================================================ */
.navbar-vertical {
  background-color: var(--brand-blue-darker) !important;
  border-right: 1px solid var(--brand-blue-dark) !important;
}

/* Brand / logo area */
.navbar-vertical .navbar-brand,
.navbar-vertical .navbar-brand a,
.navbar-vertical .navbar-brand a:hover {
  color: #ffffff !important;
}

/* Nav links (default) */
.navbar-vertical .nav-link {
  color: rgba(255, 255, 255, 0.72) !important;
  border-radius: 6px;
  margin-bottom: 2px;
  transition: background-color 0.15s ease, color 0.15s ease;
}

/* Nav links (hover + active) */
.navbar-vertical .nav-link:hover,
.navbar-vertical .nav-link.active {
  color: #ffffff !important;
  background-color: var(--brand-blue) !important;
}

/* Toggler icon on mobile */
.navbar-vertical .navbar-toggler-icon {
  filter: invert(1);
}

/* ================================================================
   TOP HEADER BAR
   ================================================================ */
.navbar-expand-md.d-print-none {
  background-color: #ffffff;
  border-bottom: 1px solid rgba(var(--brand-blue-rgb), 0.15);
}

/* ================================================================
   BUTTONS – primary
   ================================================================ */
.btn-primary {
  background-color: var(--brand-blue) !important;
  border-color:     var(--brand-blue) !important;
  color: #ffffff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--brand-blue-dark) !important;
  border-color:     var(--brand-blue-dark) !important;
}

/* ── Ghost action buttons ─────────────────────────────────── */
.btn-ghost-primary {
  color: var(--brand-blue) !important;
}
.btn-ghost-primary:hover {
  background-color: rgba(var(--brand-blue-rgb), 0.10) !important;
  color: var(--brand-blue-dark) !important;
}

.btn-ghost-danger {
  color: var(--brand-red) !important;
}
.btn-ghost-danger:hover {
  background-color: rgba(var(--brand-red-rgb), 0.10) !important;
  color: var(--brand-red-dark) !important;
}

.btn-ghost-warning {
  color: var(--brand-gold) !important;
}
.btn-ghost-warning:hover {
  background-color: rgba(var(--brand-gold-rgb), 0.10) !important;
  color: var(--brand-gold-dark) !important;
}

/* ── Danger button ────────────────────────────────────────── */
.btn-danger {
  background-color: var(--brand-red) !important;
  border-color:     var(--brand-red) !important;
  color: #ffffff !important;
}
.btn-danger:hover,
.btn-danger:focus {
  background-color: var(--brand-red-dark) !important;
  border-color:     var(--brand-red-dark) !important;
}

/* ── Warning button ───────────────────────────────────────── */
.btn-warning {
  background-color: var(--brand-gold) !important;
  border-color:     var(--brand-gold) !important;
  color: #ffffff !important;
}
.btn-warning:hover,
.btn-warning:focus {
  background-color: var(--brand-gold-dark) !important;
  border-color:     var(--brand-gold-dark) !important;
}

/* ================================================================
   BADGES
   ================================================================ */
.badge.bg-primary { background-color: var(--brand-blue) !important; color: #fff; }
.badge.bg-danger  { background-color: var(--brand-red)  !important; color: #fff; }
.badge.bg-warning { background-color: var(--brand-gold) !important; color: #fff; }

/* ================================================================
   LINKS
   ================================================================ */
a {
  color: var(--brand-blue);
}
a:hover {
  color: var(--brand-blue-dark);
}

/* ================================================================
   CARDS
   ================================================================ */
.card {
  border-radius: 8px;
}
.card-header {
  border-bottom: 1px solid rgba(var(--brand-blue-rgb), 0.12);
}

/* ================================================================
   PAGINATION
   ================================================================ */
.page-link {
  color: var(--brand-blue);
}
.page-item.active .page-link {
  background-color: var(--brand-blue) !important;
  border-color:     var(--brand-blue) !important;
  color: #ffffff;
}
.page-link:hover {
  color: var(--brand-blue-dark);
}

/* ================================================================
   FORM CONTROLS – focus ring
   ================================================================ */
.form-control:focus,
.form-select:focus {
  border-color: var(--brand-blue);
  box-shadow: 0 0 0 0.2rem rgba(var(--brand-blue-rgb), 0.20);
}

/* ================================================================
   TABLES – hover row
   ================================================================ */
.table-hover > tbody > tr:hover > * {
  background-color: rgba(var(--brand-blue-rgb), 0.04);
}

/* ================================================================
   LOGO in sidebar
   ================================================================ */
.sidebar-logo {
  height: 40px;
  width: auto;
  object-fit: contain;
}