/* =========================
   GLOBAL STYLES
========================= */

body {
  font-family: "Host Grotesk", "Modern Gothic", "Segoe UI", Arial, sans-serif;
  background-color: #DBDBD3;
  color: #512533;
}

/* =========================
   HEADER / NAVBAR
========================= */

.navbar, .header, #header {
  background-color: #7e072a;
  border-bottom: 3px solid #CABC9C;
}

.navbar a, .header a,
.navbar i, .header i {
  color: #000000 !important;
}

.navbar a:hover, .header a:hover,
.navbar i:hover, .header i:hover {
  color: #EFB900 !important;
  text-shadow: 0 0 6px rgba(239,185,0,0.6);
}

/* =========================
   BUTTONS (MINIMAL)
========================= */

button, .btn {
  background-color: transparent !important;
  color: #000000 !important;
  border-radius: 8px;
  border: 1px solid transparent;
  padding: 8px 14px;
  font-weight: 500;
  transition: all 0.2s ease;
}

button:hover, .btn:hover {
  color: #EFB900 !important;
  text-shadow: 0 0 6px rgba(239,185,0,0.6);
  border-color: #EFB900;
}

.btn-primary {
  background-color: transparent !important;
  color: #000000 !important;
}

/* =========================
   INPUTS
========================= */

input, select, textarea {
  border-radius: 8px;
  border: 1px solid #DBDBD3;
  padding: 6px;
  background-color: #FFFFFF;
  color: #512533;
}

/* =========================
   DROPDOWNS
========================= */

select,
select option,
.form-control,
.dropdown,
.dropdown-menu,
.dropdown-item {
  color: #512533 !important;
  background-color: #FFFFFF !important;
}

select option:hover,
select option:checked {
  background-color: #EFB900 !important;
}

/* =========================
   SCHEDULE GRID
========================= */

.schedule, .reservations {
  background-color: #FFFFFF;
  border-radius: 12px;
  padding: 10px;
}

.slot, .timeslot {
  border-bottom: 1px solid #DBDBD3;
}

.slot:hover,
.timeslot:hover,
.reservable:hover {
  background-color: #EFB900 !important;
  opacity: 0.35;
  cursor: pointer;
}

/* =========================
   BLOCKED / UNAVAILABLE
========================= */

.unavailable,
.blocked,
.reserved-blocked,
.no-access,
.past {
  background-color: #512533 !important;
  color: #FFFFFF !important;
}

/* =========================
   RESERVATIONS
========================= */

.reservation, .booked {
  background-color: #CABC9C;
  border-left: 4px solid #7e072a;
  border-radius: 6px;
  padding: 4px;
  font-size: 12px;
}

.reservation-approved {
  background-color: #719435;
  color: white;
}

.reservation-pending {
  background-color: #EFB900;
  color: #512533;
}

/* =========================
   TEXT
========================= */

h1, h2, h3 {
  font-weight: 600;
  color: #512533;
}

.small, .muted {
  color: #5A6675;
}

/* =========================
   LINKS
========================= */

a {
  color: #004658;
}

a:hover {
  color: #7e072a;
}