/* Info dropdown styling aligned with the live /comparison.html theme. */
.navbar button.infoDropdown,
.navbar button.dropdown-toggle#vpnDropdown,
.navbar button.dropdown-toggle#infoDropdown,
body.twn-guide-page .navbar button.dropdown-toggle#vpnDropdown,
body.twn-guide-page .navbar button.dropdown-toggle#infoDropdown {
  margin-top: 4px !important;
  padding: 4px 10px !important;
  color: #173b17 !important;
  background-color: transparent !important;
  background-image: linear-gradient(to right, rgb(139, 217, 115), rgb(93, 190, 69)) !important;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  opacity: 1 !important;
  font-family: Poppins, Montserrat, Arial, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  text-shadow: none !important;
}

.navbar button.infoDropdown:hover,
.navbar button.infoDropdown:focus,
.navbar button.dropdown-toggle#vpnDropdown:hover,
.navbar button.dropdown-toggle#vpnDropdown:focus,
.navbar button.dropdown-toggle#vpnDropdown[aria-expanded="true"],
.navbar button.dropdown-toggle#infoDropdown:hover,
.navbar button.dropdown-toggle#infoDropdown:focus,
.navbar button.dropdown-toggle#infoDropdown[aria-expanded="true"],
body.twn-guide-page .navbar button.dropdown-toggle#vpnDropdown:hover,
body.twn-guide-page .navbar button.dropdown-toggle#vpnDropdown:focus,
body.twn-guide-page .navbar button.dropdown-toggle#vpnDropdown[aria-expanded="true"],
body.twn-guide-page .navbar button.dropdown-toggle#infoDropdown:hover,
body.twn-guide-page .navbar button.dropdown-toggle#infoDropdown:focus,
body.twn-guide-page .navbar button.dropdown-toggle#infoDropdown[aria-expanded="true"] {
  color: #fff !important;
  background-color: transparent !important;
  background-image: linear-gradient(to right, rgb(61, 169, 28), rgb(34, 136, 9)) !important;
  border: 0 !important;
  box-shadow: none !important;
}

.navbar .dropdown-menu[aria-labelledby="vpnDropdown"],
.navbar .dropdown-menu[aria-labelledby="infoDropdown"] {
  right: 0;
  left: auto;
  max-width: calc(100vw - 24px);
  min-width: 10rem;
}

.navbar .dropdown-menu[aria-labelledby="vpnDropdown"] .dropdown-item,
.navbar .dropdown-menu[aria-labelledby="infoDropdown"] .dropdown-item {
  min-width: 0 !important;
  white-space: nowrap;
  font-family: Poppins, Montserrat, Arial, sans-serif !important;
}

@media (max-width: 991.98px) {
  .navbar-collapse .dropdown-menu[aria-labelledby="vpnDropdown"],
  .navbar-collapse .dropdown-menu[aria-labelledby="infoDropdown"] {
    position: static !important;
    inset: auto !important;
    float: none;
    width: max-content;
    max-width: 100%;
    margin: .35rem 0 0;
    transform: none !important;
  }
}