/* OM TELECOM — shared base styles */
/* Pin the site to a light color scheme so mobile browsers/OSes in dark mode don't
   auto-repaint unstyled form controls (inputs, buttons) with a dark/black background —
   this is on top of the <meta name="color-scheme" content="light"> tag in each page's <head>. */
:root { color-scheme: light; }
body { margin: 0; font-family: 'Inter', system-ui, sans-serif; background: #ffffff; color: #1A2233; }
h1, h2, h3 { font-family: 'Poppins', 'Inter', system-ui, sans-serif; margin: 0; }
a { color: #14356B; text-decoration: none; }
a:hover { color: #E31E24; }
::selection { background: #E31E24; color: #ffffff; }
input, button, textarea, select { font-family: 'Inter', sans-serif; background-color: #ffffff; color: #1A2233; }
img { max-width: 100%; }

/* Dropdown nav */
.nav-item { position: relative; display: flex; align-items: center; }
.nav-top { display: flex; align-items: center; gap: 5px; }
.nav-chevron { transition: transform 0.15s ease; flex-shrink: 0; }
.nav-item:hover .nav-chevron, .nav-item:focus-within .nav-chevron { transform: rotate(180deg); }
.dropdown-panel {
  position: absolute; top: 100%; left: 50%; transform: translateX(-50%);
  background: #ffffff; border: 1px solid #E7EAF1; border-radius: 12px;
  box-shadow: 0 16px 36px rgba(16,32,64,0.14);
  padding: 10px 8px 8px; min-width: 230px;
  display: none; flex-direction: column; gap: 2px;
  z-index: 60; margin-top: 0;
}
/* No gap between the nav link and the panel (margin-top: 0 above) — this is
   what keeps the pointer continuously over a hoverable element while moving
   down into the menu, instead of the dropdown closing mid-move. */
.nav-item:hover .dropdown-panel, .nav-item:focus-within .dropdown-panel { display: flex; }
.dropdown-panel a { padding: 10px 12px; border-radius: 8px; font-size: 13.5px; font-weight: 600; color: #1A2233; white-space: nowrap; }
.dropdown-panel a:hover { background: #F4F6F9; color: #14356B; }

/* Google Places Autocomplete dropdown */
.pac-container { z-index: 9999 !important; border-radius: 10px; margin-top: 4px; border: 1px solid #E7EAF1; box-shadow: 0 12px 28px rgba(16,32,64,0.14); font-family: 'Inter', sans-serif; }
