/* File: /frontend/css/style.css */
/* Custom Stylesheet for JetQueue - Light/Dark Theme Support */

/* --- :root Defaults (Optional - Can define base non-theme variables here) --- */
:root {
    /* Example: Define base font size if needed */
    /* --bs-body-font-size: 0.95rem; */
}


/* --- Light Theme Variables (Adjusted per feedback) --- */
[data-bs-theme="light"] {
  --bs-body-color: #212529;           /* Default dark text */
  --bs-body-bg: #E1F5FE;              /* Lighter Blue (less green than previous #E0F7FA) */
  --bs-secondary-bg: #FFFFFF;         /* White for cards/modals */
  --bs-tertiary-bg: #E9F5FE;          /* Slightly bluer light gray for nav/footer */
  --bs-border-color: #ced4da;         /* Slightly darker light border */
  --bs-link-color: #0d6efd;           /* Default Bootstrap blue link */
  --bs-link-hover-color: #0a58ca;

  /* Primary Button (Darker Khaki/Tan) */
  --bs-primary: #C19A6B;              /* Darker Khaki/Tan */
  --bs-primary-rgb: 193, 154, 107;
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: #d1ad84;          /* Slightly lighter tan on hover */
  --bs-btn-hover-border-color: #c8a57a;
  --bs-btn-active-bg: #b38d5f;          /* Slightly darker tan when active */
  --bs-btn-active-border-color: #ab8356;
  --bs-btn-color: #342A1E;             /* Dark brown text for contrast on tan */
  --bs-btn-hover-color: var(--bs-btn-color);
  --bs-btn-active-color: var(--bs-btn-color);
  --bs-primary-text-emphasis: #7a6042;
  --bs-primary-bg-subtle: #ece2d5;
  --bs-primary-border-subtle: #d6bca1;

  /* Navbar text colors for light theme */
  --bs-navbar-color: rgba(0, 0, 0, 0.65);
  --bs-navbar-hover-color: rgba(0, 0, 0, 0.8);
  --bs-navbar-active-color: rgba(0, 0, 0, 1);
  --bs-navbar-brand-color: rgba(0, 0, 0, 1);

  --bs-table-striped-bg: rgba(0, 0, 0, 0.03); /* Subtle dark stripe for tables */
  --bs-table-hover-bg: rgba(0, 0, 0, 0.06);
}


/* --- Dark Theme Variables (Refined from previous versions) --- */
[data-bs-theme="dark"] {
  /* Core Colors */
  --bs-body-color: #e9ecef;           /* Light Text */
  --bs-body-bg: #0B1F4A;              /* Dark Sky Blue */
  --bs-secondary-bg: #1a2a5a;         /* Slightly lighter blue for cards/modals */
  --bs-tertiary-bg: #102766;          /* Slightly different blue for nav/footer background */
  --bs-border-color: #3a4a7a;         /* Border color to match blues */
  --bs-link-color: #90b8f8;           /* Lighter blue for links */
  --bs-link-hover-color: #a7c6ff;

  /* Primary Button (Darker Sand with Light Text) */
  --bs-primary: #A07855;              /* Dark Sand / Tan */
  --bs-primary-rgb: 160, 120, 85;
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: #b8906c;          /* Lighter sand on hover */
  --bs-btn-hover-border-color: #b8906c;
  --bs-btn-active-bg: #8a6647;          /* Darker sand when active */
  --bs-btn-active-border-color: #8a6647;
  --bs-btn-color: #ffffff;             /* White text on dark sand button */
  --bs-btn-hover-color: #ffffff;
  --bs-btn-active-color: #ffffff;
  --bs-primary-text-emphasis: #d4aa88; 
  --bs-primary-bg-subtle: #4d3a29;    
  --bs-primary-border-subtle: #806045;

  /* Navbar text colors for dark theme */
  --bs-navbar-color: rgba(233, 236, 239, 0.75);
  --bs-navbar-hover-color: rgba(233, 236, 239, 1);
  --bs-navbar-active-color: #ffffff;
  --bs-navbar-brand-color: #ffffff;
  --bs-navbar-brand-hover-color: #ffffff;

  /* Forms */
  --bs-form-control-bg: #182850; /* Slightly lighter blue for form inputs */
  --bs-form-select-bg: var(--bs-form-control-bg);
  --bs-form-control-color: var(--bs-body-color);
  --bs-form-control-border-color: var(--bs-border-color);
  --bs-form-control-focus-bg: #1c305f;
  --bs-form-control-focus-border-color: #8cb4f8; /* Lighter blue focus for forms */

  /* Tables */
  --bs-table-bg: transparent; /* Make table background transparent in dark mode */
  --bs-table-striped-bg: rgba(255, 255, 255, 0.03); /* Very subtle light stripe */
  --bs-table-hover-bg: rgba(255, 255, 255, 0.06);
  --bs-table-color: var(--bs-body-color);
  --bs-table-border-color: var(--bs-border-color);
}

/* --- Global Styles & Overrides --- */
body {
  /* Add bottom padding to prevent content from being hidden by fixed footer */
  padding-bottom: 4rem; /* Adjust height based on actual footer height */

  /* Prevent horizontal scrollbars if possible */
   overflow-x: hidden;
   min-height: 100vh; /* Ensure body takes at least full viewport height */
}

/* Style for the fixed footer clock */
.footer-clock {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1030; /* Default z-index for fixed navbar is 1030, ensure this is same or lower if navbar overlaps, or higher if it should be on top of everything but modals */
}

/* Toast container styling - already set inline in HTML, but good to have here too */
.toast-container {
    z-index: 1100; /* Ensure toasts appear above most other content, Bootstrap modals are 1050+ */
}


/* --- Component Customizations (Add as needed) --- */
.text-uppercase-input {
  text-transform: uppercase;
}

/* --- End Custom Styles --- */