/* =========================
   BASE RESET
========================= */
* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

/* =========================
   NAVIGATION
========================= */
nav {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
  background: #ffffff;
}

/* Ensure nav ALWAYS receives taps */
nav,
nav * {
  pointer-events: auto !important;
}

/* Nav links */
.nav-link {
  color: #4b5563;
  text-decoration: none;
}

.nav-link:hover {
  color: #dc143c;
}

.nav-link.active {
  color: #dc143c;
  font-weight: 600;
}

/* =========================
   MOBILE MENU
========================= */
.mobile-menu {
  position: fixed;
  top: 64px;
  right: 0;
  width: 16rem;
  height: 100vh;
  background: #ffffff;
  box-shadow: -4px 0 12px rgba(0,0,0,0.15);
  transform: translateX(100%);
  transition: transform 0.3s ease;
  z-index: 10001;
}

.mobile-menu.active {
  transform: translateX(0);
}

/* =========================
   GOOGLE TRANSLATE (CRITICAL)
========================= */

/* Kill ALL Google UI */
.goog-te-banner-frame,
.goog-te-menu-frame,
.goog-logo-link,
.goog-te-gadget,
.goog-te-combo,
iframe[src*="translate.google"] {
  display: none !important;
  pointer-events: none !important;
}

/* Prevent body offset from Google */
body {
  top: 0 !important;
}

/* =========================
   PAGE OFFSET (NAV HEIGHT)
========================= */
body {
  padding-top: 64px;
}
/* Hide Google Translate UI (but do NOT kill the translator itself) */
.goog-te-banner-frame,
.goog-te-menu-frame,
.goog-logo-link,
.goog-te-gadget,
.goog-te-combo {
  display: none !important;
  pointer-events: none !important;
}

body { top: 0 !important; }