:root {
  --navy:      #0A1628;
  --blue:      #60A5FA;
  --blue-deep: #1D4ED8;
  --blue-muted:#A8C0D8;
  --white:     #FFFFFF;
  --off-white: #F0F6FF;
  --text-muted:#6B8FAF;
  --border:    rgba(96,165,250,0.15);
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top: 90px; }
body { font-family:'DM Sans',sans-serif; background:#fff; color:#0A1628; }
img { max-width:100%; display:block; }
a { text-decoration:none; }
ul { list-style:none; }
.container { max-width:1100px; margin:0 auto; padding:0 5%; }

/* --- Google Translate (hide widget but keep functionality) --- */
.goog-te-banner-frame.skiptranslate { display: none !important; }
body { top: 0 !important; position: static !important; }
#google_translate_element {
  position: absolute;
  left: -9999px;
  top: -9999px;
  visibility: hidden;
}
.goog-tooltip, .goog-tooltip:hover { display: none !important; }
.goog-text-highlight { background: transparent !important; box-shadow: none !important; }
.VIpgJd-ZVi9od-ORHb-OEVmcd { display: none !important; }

/* --- Custom Language Toggle (styled like nav links) --- */
.lang-toggle {
  background: none;
  border: none;
  font-family: 'DM Sans', sans-serif;
  cursor: pointer;
  padding: 0;
  position: relative;
  color: var(--blue-muted);
  font-size: 0.9rem;
  font-weight: 500;
  transition: color 0.2s;
}
.lang-toggle:hover { color: var(--white); }
.lang-toggle::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 2px;
  background: #ef4444;
  border-radius: 2px;
  transition: width 0.25s ease;
}
.lang-toggle:hover::after,
.lang-toggle.active::after { width: 100%; }

/* --- WhatsApp Floating Button --- */
.whatsapp-float {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  z-index: 999;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  background: #25D366;
  color: #fff;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.88rem;
  font-weight: 600;
  padding: 0.75rem 1.2rem;
  border-radius: 50px;
  box-shadow: 0 4px 20px rgba(37,211,102,0.4);
  text-decoration: none;
  transition: transform 0.2s, box-shadow 0.2s;
}
.whatsapp-float:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 28px rgba(37,211,102,0.5);
}
.whatsapp-float svg { width: 20px; height: 20px; flex-shrink: 0; }
@media (max-width: 480px) {
  .whatsapp-float span { display: none; }
  .whatsapp-float { padding: 0.85rem; border-radius: 50%; }
}