.btn {
    background: linear-gradient(to bottom, orange, darkorange);
    border: 1px solid white !important;
    color: white !important;
    box-shadow: 0 0 0 1px white inset, 0 2px 4px rgba(0, 0, 0, 0.2);
    transition: all 0.15s ease-in-out;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active {
    background: linear-gradient(to bottom, darkorange, orangered);
    border: 1px solid white !important;
    color: white !important;
    box-shadow: 0 0 0 1px white inset, 0 3px 6px rgba(0, 0, 0, 0.3);
}
.card-header.bg-primary {
    background: linear-gradient(to bottom, #ffa500, #e69500) !important;
    color: white !important;
}
.alert.alert-warning {
  background: linear-gradient(to bottom, #000, #444); /* black to gray */
  color: #fff; /* white text */
  border: 1px solid #666; /* optional border to add definition */
}
.text-decoration-none.me-3 {
  color: orange;
}
.form-check-input:checked {
  background-color: orange; /* Fallback color */
  background-image: linear-gradient(to bottom, orange, darkorange);
  border: 1px solid white;
  box-shadow: 0 0 0 1px white inset, 0 2px 4px rgba(0, 0, 0, 0.2);
}

.form-check-input:checked::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.form-check-input:hover {
  box-shadow: 0 0 0 0.2rem rgba(255, 165, 0, 0.25);
  cursor: pointer;
}
.alert.alert-info {
  background: linear-gradient(to bottom, #ffcc80, #ffb347);
  color: #000000; /* Black text for high contrast */
  border: 1px solid white;
  box-shadow: 0 0 0 1px white inset, 0 2px 4px rgba(0, 0, 0, 0.2);
}
.highlight-orange {
  color: #ffa500; /* Orange to match theme */
  background: #fff3e0; /* Very light orange for box effect */
  border: 1px solid white; /* Matches .btn, .alert.alert-info */
  box-shadow: 0 0 0 1px white inset, 0 2px 4px rgba(0, 0, 0, 0.2); /* Matches .btn, .alert.alert-info */
  padding: 2px 6px; /* Small padding for box appearance */
  border-radius: 4px; /* Subtle rounded corners */
}
.navbar.bg-light {
  background: linear-gradient(to bottom, #ffcc80, #ffffff) !important;
  border-bottom: 1px solid white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.navbar.bg-light .navbar-brand,
.navbar.bg-light .nav-link,
.navbar.bg-light .navbar-text {
  color: #333333; /* Dark gray for readability */
}

.navbar.bg-light .nav-link:hover,
.navbar.bg-light .nav-link:focus {
  color: #ffa500; /* Orange on hover to match theme */
}
.navbar.bg-light {
  background: #ffcc80 !important; /* Light orange */
  border-bottom: 1px solid white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.navbar.bg-light .navbar-brand,
.navbar.bg-light .nav-link,
.navbar.bg-light .navbar-text {
  color: #333333; /* Dark gray for readability */
}

.navbar.bg-light .nav-link:hover,
.navbar.bg-light .nav-link:focus {
  color: #ffa500; /* Orange on hover to match theme */
}

.page-item.active .page-link {
  background: #ffcc80; /* Light orange */
  border: 1px solid white;
  box-shadow: 0 0 0 1px white inset, 0 2px 4px rgba(0, 0, 0, 0.2);
  color: #333333; /* Dark gray for readability */
}

.page-item .page-link {
  background: #ffffff; /* White for non-active pages */
  border: 1px solid white;
  color: #333333; /* Dark gray for consistency */
}

.page-item .page-link:hover {
  background: #fff3e0; /* Faint orange on hover */
  color: #ffa500; /* Orange text on hover */
  box-shadow: 0 0 0 0.2rem rgba(255, 165, 0, 0.25);
}

.card-header {
  background-color: #ffa500; /* Fallback for gradient */
  background: linear-gradient(to bottom, #ffa500, #ffffff) !important; /* Orange to white gradient */
  border: 1px solid white !important;
  box-shadow: 0 0 0 1px white inset, 0 2px 4px rgba(0, 0, 0, 0.2) !important;
  color: black !important; /* White text */
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); /* Improve readability */
}

.card-body {
  background: #ffffff; /* Solid white, no transparency */
}

.accordion-button {
  background: orange !important;
  border: 1px solid white !important;
  box-shadow: 0 0 0 1px white inset, 0 2px 4px rgba(0, 0, 0, 0.2) !important;
  color: black !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); /* Improve readability */
}