/* Add preload strategy - optimization #7 */
@media (min-width: 1036px) {.dropdown-menu {display: none;}}
.dropdown-menu li {padding: 8px 15px; text-align: left;}
.dropdown-menu li a {color: #333; text-decoration: none; display: block; font-size: 16px; padding: 10px; white-space: nowrap; transition: all 0.3s ease;}
@media (max-width: 1035px) {
.dropdown {height: unset; align-content: unset; width: 100%; padding: 8px 0;}
.navbar .menu a {padding: 10px 0; width: 100%; text-align: left;}
.dropdown-menu {position: static; display: none; background-color: #333; width: 100%; padding: 0; border-radius: 0; box-shadow: none;}
.dropdown-menu li a {padding: 10px 0; color: #fff; background-color: transparent;}
.dropdown-menu li {text-align: left;}
/* Remove hover for dropdown - optimization #6 - will be handled by JS */
}
.navbar a:hover {color: #f0ac46;}
/* Add back hover functionality for non-touch devices - optimization #6 refined */
@media (hover: hover) {
  .dropdown:hover .dropdown-menu {display: block; margin-top: 14px;}
}
.dropdown-toggle {cursor: pointer;}
/* Add show class for JS dropdown toggle */
.dropdown-menu.show {display: block;}
@media (min-width: 1036px) {.dropdown-menu.show {margin-top: 14px;}}
.dropdown-menu li a:hover {background-color: #F8B206; color: #000;}
.btn-light:hover {background-color: #f8b206; color: #000;}    
.btn-light:hover::after {background: url('arrow-black.svg') center no-repeat;}
.navbar.active .menu {display: flex; flex-direction: column;}  
.social-icon {color: #fff; text-decoration: none;}
.social-icon:hover {color: #fbbf24;}
.footer-bottom {text-align: center; margin: 2rem 0 0; padding: 1rem 0 0; border-top: 1px solid #374151; font-size: 0.8rem;}