:root {
  --primary-color: #d4535e;
  --text-dark: #000;
}

.bg-primary-custom {
  background-color: var(--primary-color);
  color: white;
}

.sticky-top {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Hover effect */
.nav-item.dropdown .dropdown-menu .dropdown-item:hover,
.nav-item.dropdown .dropdown-menu .dropdown-item.active,
.nav-item.dropdown .dropdown-menu .dropdown-item:focus {
  background-color: var(--primary-color);
  color: white;
}

footer {
  background-color: #f8f9fa;
  padding: 1rem 0;
}

footer a {
  color: var(--primary-color);
}

.flipped-icon {
  transform: scaleX(-1);
}

.reflected-icon {
  -webkit-box-reflect: below 0px -webkit-linear-gradient(top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.1));
}