/* =============================================================
   TARRAGON CAFE AND BAR — Brand Theme
   Color palette derived from the Tarragon logo
   ============================================================= */

/* ── BRAND PALETTE ─────────────────────────────────────────── */
:root {
  /* Core greens */
  --tgn-forest:      #2d5a1b;   /* Deep forest — main logo green     */
  --tgn-forest-dark: #1e3d12;   /* Darker forest — hover / depth     */
  --tgn-forest-mid:  #3d7024;   /* Mid green — active states         */
  --tgn-herb:        #5a9e32;   /* Herb/plant — bright accent        */
  --tgn-sage:        #a8c896;   /* Sage — logo shadow / light tones  */
  --tgn-sage-lt:     #d4eacc;   /* Light sage — subtle backgrounds   */
  --tgn-cream:       #f4f9f1;   /* Off-white with green tint         */

  /* Bootstrap primary override — all btn-primary, links, etc. */
  --bs-primary:            #2d5a1b;
  --bs-primary-rgb:        45, 90, 27;
  --bs-link-color:         #2d5a1b;
  --bs-link-hover-color:   #1e3d12;
}

/* ── BOOTSTRAP PRIMARY BUTTONS ──────────────────────────────── */
.btn-primary {
  --bs-btn-bg:            #2d5a1b;
  --bs-btn-border-color:  #2d5a1b;
  --bs-btn-hover-bg:      #1e3d12;
  --bs-btn-hover-border-color: #1e3d12;
  --bs-btn-active-bg:     #1a3510;
  --bs-btn-active-border-color: #1a3510;
  --bs-btn-disabled-bg:   #2d5a1b;
}
.btn-outline-primary {
  --bs-btn-color:         #2d5a1b;
  --bs-btn-border-color:  #2d5a1b;
  --bs-btn-hover-bg:      #2d5a1b;
  --bs-btn-hover-border-color: #2d5a1b;
  --bs-btn-active-bg:     #1e3d12;
}

/* ── BADGES / PILLS ─────────────────────────────────────────── */
.badge.bg-primary { background-color: #2d5a1b !important; }

/* ── FORM CONTROLS ──────────────────────────────────────────── */
.form-control:focus,
.form-select:focus {
  border-color: #5a9e32;
  box-shadow: 0 0 0 0.25rem rgba(45, 90, 27, 0.18);
}
.form-check-input:checked {
  background-color: #2d5a1b;
  border-color:     #2d5a1b;
}

/* ── LINKS ──────────────────────────────────────────────────── */
a { color: #2d5a1b; }
a:hover { color: #1e3d12; }

/* ── NAVBAR ─────────────────────────────────────────────────── */
.app-header.navbar {
  background-color: #ffffff !important;
  border-bottom: 2px solid #2d5a1b !important;
}
.app-header .navbar-brand { color: #2d5a1b !important; font-weight: 700; }
.app-header .nav-link { color: #2d5a1b !important; }
.app-header .nav-link:hover { color: #1e3d12 !important; }

/* ── SIDEBAR ─────────────────────────────────────────────────── */
.app-sidebar {
  background-color: #1e3d12 !important;
}
.sidebar-brand {
  background-color: #163009 !important;
  border-bottom: 1px solid rgba(168, 200, 150, 0.2) !important;
}
.brand-text { color: #d4eacc !important; }

/* Sidebar nav links */
.app-sidebar .nav-link {
  color: #a8c896 !important;
  transition: background .18s, color .18s;
}
.app-sidebar .nav-link:hover {
  background-color: rgba(90, 158, 50, 0.18) !important;
  color: #d4eacc !important;
}
.app-sidebar .nav-link.active {
  background-color: #2d5a1b !important;
  color: #ffffff !important;
}
.app-sidebar .nav-link.active .nav-icon,
.app-sidebar .nav-link.active p { color: #ffffff !important; }

.app-sidebar .nav-icon { color: #a8c896 !important; }
.app-sidebar .nav-link:hover .nav-icon { color: #d4eacc !important; }

/* Section headers (e.g., MANAGEMENT, INVENTORY CONTROL) */
.app-sidebar .nav-header {
  color: #5a9e32 !important;
  font-size: .68rem;
  letter-spacing: 1px;
}

/* ── SIDEBAR BRAND LINK ──────────────────────────────────────── */
.sidebar-brand .brand-link {
  background: transparent !important;
}
.sidebar-brand .brand-link:hover {
  background: rgba(90, 158, 50, 0.15) !important;
}

/* ── CARDS ───────────────────────────────────────────────────── */
.card-primary.card-outline {
  border-top: 3px solid #2d5a1b !important;
}
.card-success.card-outline {
  border-top: 3px solid #2d5a1b !important;
}
.card-header.bg-primary {
  background-color: #2d5a1b !important;
}

/* ── DATATABLES ──────────────────────────────────────────────── */
table.dataTable thead th {
  background-color: #2d5a1b !important;
  color: #ffffff !important;
  border-color: #3d7024 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: #2d5a1b !important;
  border-color: #2d5a1b !important;
  color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #3d7024 !important;
  border-color: #3d7024 !important;
  color: #fff !important;
}

/* ── NAV PILLS / TABS ────────────────────────────────────────── */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #2d5a1b !important;
}
.nav-link { color: #2d5a1b; }
.nav-tabs .nav-link.active {
  border-bottom-color: #2d5a1b !important;
  color: #2d5a1b !important;
}

/* ── POS TERMINAL OVERRIDES ─────────────────────────────────── */
.pos-cat-btn.active,
.pos-cat-btn:hover {
  background: #2d5a1b !important;
  border-color: #2d5a1b !important;
  color: #fff !important;
}
.pos-tab.active {
  color: #2d5a1b !important;
  border-bottom-color: #2d5a1b !important;
  background: rgba(45, 90, 27, 0.06) !important;
}
.pos-product-card:hover {
  border-color: #2d5a1b !important;
}
.cart-line-sub, .total-val, .p-price {
  color: #2d5a1b !important;
}
.qty-btn-s:hover { background: #2d5a1b !important; border-color: #2d5a1b !important; }

/* ── PAGE BACKGROUND ─────────────────────────────────────────── */
.bg-body-tertiary,
body.bg-body-tertiary {
  background-color: #f4f9f1 !important;
}

/* ── APP CONTENT HEADER ──────────────────────────────────────── */
.app-content-header {
  border-bottom: 1px solid #d4eacc !important;
}

/* ── SWEETALERT2 CONFIRM BUTTON ──────────────────────────────── */
.swal2-confirm { background-color: #2d5a1b !important; }
.swal2-confirm:hover { background-color: #1e3d12 !important; }