/* V100 — Mobile Login / Account button visibility
   Older dark-header rules made the text white while the action button stayed white.
   Keep the light action card, but use TripWithEra's readable theme colours. */
@media (max-width: 900px) {
  html:root body .site-header .luxury-main-nav .luxury-nav-actions .luxury-login-link,
  html:root body .site-header .luxury-main-nav .luxury-nav-actions .luxury-account-link {
    background: #ffffff !important;
    color: #063844 !important;
    border: 1px solid #F6BD55 !important;
    font-weight: 600 !important;
    opacity: 1 !important;
    text-shadow: none !important;
    box-shadow: 0 8px 20px rgba(6, 56, 68, .08) !important;
  }

  html:root body .site-header .luxury-main-nav .luxury-nav-actions .luxury-login-link .action-icon,
  html:root body .site-header .luxury-main-nav .luxury-nav-actions .luxury-account-link .action-icon {
    color: #F6BD55 !important;
    opacity: 1 !important;
  }

  html:root body .site-header .luxury-main-nav .luxury-nav-actions .luxury-login-link svg,
  html:root body .site-header .luxury-main-nav .luxury-nav-actions .luxury-account-link svg {
    stroke: currentColor !important;
  }

  html:root body .site-header .luxury-main-nav .luxury-nav-actions .luxury-login-link:hover,
  html:root body .site-header .luxury-main-nav .luxury-nav-actions .luxury-login-link:focus-visible,
  html:root body .site-header .luxury-main-nav .luxury-nav-actions .luxury-account-link:hover,
  html:root body .site-header .luxury-main-nav .luxury-nav-actions .luxury-account-link:focus-visible {
    background: #EEF6F4 !important;
    color: #063844 !important;
    border-color: #F6BD55 !important;
  }

  html:root body .site-header .luxury-main-nav .luxury-nav-actions .luxury-login-link:visited,
  html:root body .site-header .luxury-main-nav .luxury-nav-actions .luxury-account-link:visited,
  html:root body .site-header .luxury-main-nav .luxury-nav-actions .luxury-account-link .header-account-name {
    color: #063844 !important;
  }
}