/* -----------------------------------------------------------
   RESET OR BASE-LIKE STYLES (OPTIONAL)
----------------------------------------------------------- */
/* This minimal reset addresses some default spacing in most browsers */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

body {
  line-height: 1.5;
  background-color: #f5f5f5; /* Soft background (optional) */
}

/* -----------------------------------------------------------
   GLOBAL TABLE STRIPING
----------------------------------------------------------- */
table {
  width: 100%;
  border-collapse: collapse; /* Ensure no spacing between cells */
  margin-bottom: 1rem;       /* Spacing from next section */
}

table thead th {
  background-color: #333;    /* Dark header row color */
  color: #fff;               /* White text */
  padding: 0.75rem;
}

table tbody td {
  padding: 0.75rem;
  vertical-align: middle;    /* Align text in the middle vertically */
}

/* Every second row is lightly shaded. */
table tbody tr:nth-child(even) {
  background-color: #fafafa;
}

table tbody tr:nth-child(odd) {
  background-color: #ffffff;
}

/* -----------------------------------------------------------
   NAVBAR STYLING
----------------------------------------------------------- */
.navbar {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.navbar .navbar-brand {
  font-size: 1rem;
  padding: 0.5rem 1rem;
}
.navbar-nav .nav-link {
  padding: 0.5rem 1rem;
}

/* -----------------------------------------------------------
   FORMS AND INPUTS
----------------------------------------------------------- */
.form-control {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.form-control:focus {
  box-shadow: 0 0 3px rgba(0, 123, 255, 0.25), 0 1px 2px rgba(0,0,0,0.05);
  outline: none;
  border-color: #80bdff;
}

/* Required fields with a red asterisk (optional idea) */
.required-field::after {
  content: " *";
  color: red;
}

/* -----------------------------------------------------------
   LOGO & HEADER
----------------------------------------------------------- */
.logo {
  max-height: 90px;
  transition: transform 0.3s ease;
}

.logo:hover {
  transform: scale(1.03);
}

/* -----------------------------------------------------------
   FOOTER
----------------------------------------------------------- */
footer {
  background-color: #343a40;
  color: #adb5bd;
  padding: 1rem;
  text-align: center;
  margin-top: 1.5rem;
}

footer a {
  color: #adb5bd;
  text-decoration: none;
  transition: color 0.2s ease;
}
footer a:hover {
  color: #ffc107;
}

/* -----------------------------------------------------------
   ALERTS & MISC
----------------------------------------------------------- */
/* If using Bootstrap's .alert, you can override or adjust it here */
.alert {
  border-radius: 0.25rem;
  margin-bottom: 1rem;
  padding: 0.75rem 1rem;
}

/* Example styling for card container if you use .card */
.card {
  border: none;
  border-radius: 0.5rem;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
  margin-bottom: 1.5rem;
}

/* Example hover effect on card (optional) */
.card:hover {
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}






/************************************************************
  UNIVERSAL STYLING FOR "EVERY SECOND ENTRY" 
************************************************************/

/* For table-based lists (e.g., medication logs, bed night counts, incident reports in a <table>) */
table tbody tr:nth-child(even) {
  background-color: #fafafa; /* Light shade */
}

/* For list groups (Bootstrap .list-group), such as case notes stored in a <ul> or <div> with .list-group-item */
.list-group-item:nth-child(even) {
  background-color: #fafafa; /* Light shade */
}

/* OPTIONAL: If your case notes are not in a .list-group but 
   in some custom container, you can do something like: 
   .case-note:nth-child(even) { background-color: #fafafa; } 
   Adjust as needed for your actual HTML structure. */