html,
body {
  height: 100%;
  padding-top: 41px;
}

.navbar-cheeky {
  background-color: #002A4E;
}

.navbar-cheeky .navbar-brand,
.navbar-cheeky .nav-link {
  color: #fff;
}

.navbar-cheeky .nav-link:hover,
.navbar-cheeky .nav-link.active {
  color: #F2B3B2;
  /* your coral color */
}

/* Make toggler button stand out on dark navbar */
.navbar-cheeky .navbar-toggler {
  border-color: #F2B3B2;
  /* coral border */
  background-color: transparent;
}

/* Make the "hamburger" icon coral */
.navbar-cheeky .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23F2B3B2' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}


.footer-cheeky {
  background-color: #002A4E;
  /* navy */
  color: #fff;
}

.footer-cheeky a {
  color: #F2B3B2;
  /* coral */
}

.footer-cheeky a:hover {
  color: #D67472;
  /* darker coral hover */
  text-decoration: underline;
}

/* Coral button: #D67472 */
.btn-coral {
  background-color: #D67472;
  color: #fff;
  border: none;
}

.btn-coral:hover {
  background-color: #c05f5d;
  color: #fff;
}

/* Teal button: #51ABB2 */
.btn-teal {
  background-color: #51ABB2;
  color: #fff;
  border: none;
}

.btn-teal:hover {
  background-color: #3f949a;
  color: #fff;
}

/* Navy button: #002A4E */
.btn-navy {
  background-color: #002A4E;
  color: #fff;
  border: none;
}

.btn-navy:hover {
  background-color: #001f3a;
  color: #fff;
}

/* ✅ Control valid/invalid group styling instead */
#guideGroup.is-invalid, #sellerGuideGroup.is-invalid {
  border: 1px solid #dc3545;
  border-radius: 0.375rem;
  padding: 1rem;
}

#guideGroup.is-valid, #sellerGuideGroup.is-valid {
  border: 1px solid #198754;
  border-radius: 0.375rem;
  padding: 1rem;
}

.navbar-cheeky .nav-item.dropdown:hover > .nav-link,
.navbar-cheeky .nav-item.dropdown.show > .nav-link,
.navbar-cheeky .nav-link.dropdown-toggle.show {
  background-color: transparent !important;
  color: #F2B3B2 !important; /* or use #F2B3B2 for coral hover */
}