/* Flat, modern theme layer for the public frontend.
   Keeps the existing Pifoxen brand colors (green/orange); mainly aligns
   raw Bootstrap component defaults (which were never re-themed and were
   leaking Bootstrap blue) with the site's own --pifoxen-secondary green,
   and flattens shadows/hover-lift added on top of the base template. */

/* ---------- Bootstrap component color alignment ---------- */
.btn-primary {
  background-color: var(--pifoxen-secondary);
  border-color: var(--pifoxen-secondary);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #1fae79;
  border-color: #1fae79;
}

.btn-outline-primary {
  color: var(--pifoxen-secondary);
  border-color: var(--pifoxen-secondary);
}
.btn-outline-primary:hover {
  background-color: var(--pifoxen-secondary);
  border-color: var(--pifoxen-secondary);
}

.text-primary { color: var(--pifoxen-secondary) !important; }
.bg-primary { background-color: var(--pifoxen-secondary) !important; }
.border-primary { border-color: var(--pifoxen-secondary) !important; }

.form-control:focus,
.form-select:focus {
  border-color: var(--pifoxen-secondary);
  box-shadow: 0 0 0 0.2rem rgba(var(--pifoxen-secondary-rgb), 0.25);
}

input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--pifoxen-secondary);
}

.page-item.active .page-link {
  background-color: var(--pifoxen-secondary);
  border-color: var(--pifoxen-secondary);
}
.page-link { color: var(--pifoxen-secondary); }

.badge.bg-primary { background-color: var(--pifoxen-secondary) !important; }

/* ---------- Flat surfaces ---------- */
.card {
  box-shadow: none;
}
.dropdown-menu {
  border: 1px solid var(--pifoxen-bdr-color);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.modal-content {
  border: none;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}