/*
 * TravStar Custom Overrides
 * =========================
 * This file loads AFTER app.min.css and overrides theme defaults.
 * NEVER edit app.css or app.min.css directly — all customisations go here.
 *
 * Changelog:
 * 2026-04-23  Initial setup — migrated existing customisations
 * 2026-04-23  Added: table .btn-sm min-height so icon buttons match text button height
 * 2026-04-23  Added: table .btn-xs height constraint to match 29px standard on bookings page
 */

/* ============================================
   1. GLOBAL / BODY
   ============================================ */

/* Warmer background — replaces theme default #f1f2f7 */
:root {
  --ins-body-bg: #eff5f2 !important;
  --ins-body-bg-rgb: 239, 245, 242 !important;
}

body {
  background-color: #eff5f2 !important;
}

/* ============================================
   2. SIDEBAR
   ============================================ */

/* Hide the logo from sidebar top */
a.logo {
  display: none !important;
}

/* Remove geometric background pattern from user section */
.sidenav-user {
  background: none !important;
}

/* ============================================
   3. BADGES
   ============================================ */

/* Cancelled badge — orange instead of default */
.status-badge-Cancelled {
  background-color: #FF8000 !important;
}

/* ============================================
   4. BOOKING FORM
   ============================================ */

/* Financial fields — steel blue background */
.booking-financial-field {
  background-color: #4688a9 !important;
}

/* Action buttons — small green */
.booking-action-btn {
  /* Use: btn btn-xs btn-success */
}

/* ============================================
   5. PAGE-SPECIFIC
   ============================================ */

/* (Page-level overrides go here or in page <style> blocks) */


/* ============================================
   6. TABLE BUTTONS
   ============================================ */

/* Ensure icon-only .btn-sm buttons in tables match the height of text buttons (29px).
   Icon content is shorter than text, causing a ~4px height mismatch. */
table .btn-sm {
  min-height: 29px;
  align-items: center;
}

/* Bookings table action buttons (.btn-xs) are 36px — reduce to match 29px standard.
   Shrink vertical padding to bring height in line with .btn-sm in other tables. */
table .btn-xs {
  min-height: 29px;
  max-height: 29px;
  padding-top: 3px;
  padding-bottom: 3px;
  align-items: center;
}

/* Table column headings: reduce font-weight from 700 (bold) to 600 (semi-bold) */
table th {
  font-weight: 600 !important;
}

/* ── Date column left-alignment (global) ──────────────────────────────
   DataTables auto-assigns .dt-type-date to date columns and right-aligns them.
   Override to left-align so date columns match all other text columns.
   Changelog: 2026-04-23 — v5 */
table th.dt-type-date,
table td.dt-type-date {
  text-align: left !important;
}