/* --- NAV & DROPDOWN FIXES --- */
.navbar { z-index: 1030; } /* keeps it above content */

/* Scope your custom nav item styling to the navbar only */
.navbar .nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Bootstrap dropdown compatibility: show when JS adds .show */
.navbar .dropdown-menu { display: none; }
.navbar .dropdown-menu.show { display: block; }

/* Keep hover open on desktops, but not required for mobile */
@media (hover: hover) {
  .navbar .dropdown:hover > .dropdown-menu { display: block; }
}

/* Don’t override Bootstrap spacing utilities globally */
 /* DELETE this rule in your CSS:
 .py-2 { padding-top: .7rem!important; padding-bottom: .7rem!important; }
 */

/* Use a single site-wide max width via CSS variable */
:root {
  --site-max: 1040px;   /* pick ONE: 1040px or 1000px */
  --accent: #ff4d4d;
}

@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: var(--site-max) !important;
  }
}
.dropdown-toggle::after{
    display: none!important;
}
.fa-caret-down{
    font-size: 1em;
}