body {
  margin: 0;
  font-family: 'Segoe UI', sans-serif;
  background: #fff8f0; /* replaced #f5fbff with soft orange-tinted bg */
}
.page-wrapper {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
header {
  background-color: #ff6600; /* header orange */
  color: white;
  padding: 15px 20px;
}
main {
  flex: 1 0 auto;
  padding: 80px 20px 40px;
}
footer {
  flex-shrink: 0;
  background-color: #ff7a00; /* replaced #0096c7 with strong orange */
  color: white;
  padding: 25px 15px;
}
footer a {
  color: #ffe6cc; /* replaced #dff6ff with light cream/orange */
  text-decoration: none;
}
footer a:hover {
  text-decoration: underline;
}
.nav-link.active {
  font-weight: bold;
  text-decoration: underline;
  color: #ffd699; /* orange-tinted highlight */
}

/* Navbar section */
.navbar {
  background-color: #ff6600; /* replaced with orange */
  padding: 10px 20px;
}
.navbar .nav-link {
  color: #fff;
  margin: 0 10px;
  text-decoration: none;
  transition: color 0.3s ease;
}
.navbar .nav-link:hover {
  color: #ffe6cc;
}
.navbar .nav-link.active {
  font-weight: bold;
  text-decoration: underline;
  color: #ffd699;
}

@media (max-width: 767.98px) {
  .navbar-toggler {
    width: 46px;               /* make button square */
    height: 46px;
    border: 2px solid #fff !important;
    border-radius: 6px;        /* keep slightly rounded */
    display: flex;
    align-items: center;
    justify-content: center;   /* center bars perfectly */
    padding: 0;                /* remove extra padding */
  }

  .navbar-toggler-icon {
    background-image: none !important;  /* remove Bootstrap’s default */
    width: 24px;
    height: 3px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 7px 0 0 #fff, 0 14px 0 0 #fff; /* evenly spaced bars */
  }
}


.bg-primary {
  background-color: #ff6600 !important; /* bright orange */
}
ul {
  list-style: none; /* remove default bullets */
  padding-left: 1.2em;
}
ul li::before {
  content: "✔"; /* checkmark instead of dot */
  color: #ff6600; /* orange marker */
  margin-right: 8px;
}
/* Override Bootstrap button colors with !important */

/* Override Bootstrap outline buttons with orange theme */
.btn-outline-primary {
  color: #ff7a00 !important;
  border-color: #ff7a00 !important;
}

.btn-outline-primary:hover {
  background-color: #ff7a00 !important;
  color: #fff !important;
}

/* Make info variant a softer orange */
.btn-outline-info {
  color: #ffb347 !important;       /* lighter orange */
  border-color: #ffb347 !important;
}

.btn-outline-info:hover {
  background-color: #ffb347 !important;
  color: #fff !important;
}

/* Success button → theme orange */
.btn-success {
  background-color: #ff6600 !important;
  border-color: #ff6600 !important;
  color: #fff !important;
}
.btn-success:hover {
  background-color: #e65c00 !important; /* darker orange */
  border-color: #e65c00 !important;
  color: #fff !important;
}
/* Primary button → theme orange */
.btn-primary {
  background-color: #ff6600 !important;
  border-color: #ff6600 !important;
  color: #fff !important;
}
.btn-primary:hover {
  background-color: #e65c00 !important; /* darker orange on hover */
  border-color: #e65c00 !important;
  color: #fff !important;
}
/* Form Inputs Border Styling for Orange Theme */
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
  border: 2px solid #ff7a00 !important; /* orange border */
  border-radius: 6px;
  padding: 10px;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

/* On focus */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border-color: #ff4500 !important; /* deeper orange */
  box-shadow: 0 0 5px rgba(255, 120, 0, 0.6);
  outline: none;
}
/* Dropdown menu styling for orange theme */
.dropdown-menu {
  border: 2px solid #ff7a00 !important;   /* orange border */
  border-radius: 6px;
  background-color: #fff;
}

/* Dropdown items */
.dropdown-item {
  color: #333;
  padding: 10px 15px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Hover effect */
.dropdown-item:hover,
.dropdown-item:focus {
  background-color: #ff7a00 !important; /* orange background */
  color: #fff !important;               /* white text */
}

/* Active item */
.dropdown-item.active {
  background-color: #ff4500 !important; /* deeper orange */
  color: #fff !important;
}
/* Number input orange theme */
input[type="number"] {
  border: 2px solid #ff7a00 !important;  /* orange border */
  border-radius: 6px;
  padding: 8px 12px;
  outline: none;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

/* On focus */
input[type="number"]:focus {
  border-color: #ff4500 !important;      /* deeper orange on focus */
  box-shadow: 0 0 6px rgba(255, 122, 0, 0.4) !important;
}
/* Table with orange borders */
table {
  border: 2px solid #ff7a00 !important;   /* outer border */
  border-collapse: collapse !important;
}

table th, 
table td {
  border: 1px solid #ff7a00 !important;   /* cell borders */
  padding: 10px;
}

/* Table header styling */
table th {
  background-color: #fff5eb !important;   /* light orange background */
  color: #ff4500 !important;              /* deep orange text */
  font-weight: bold;
}
.border {
  border: 1px solid #ff7a00 !important;  /* Orange border */
  border-radius: 0.5rem !important;       /* Slightly more rounded */
}