/* ═══════════════════════════════════════════════════
   ICS IT — Zoho Sites Custom CSS
   Paste the full contents of this file into:
   Zoho Sites → Site Settings → Custom CSS
   ═══════════════════════════════════════════════════ */

/* 1. GLOBAL RESETS
   ─────────────────────────────────────────────────── */
html {
  scroll-behavior: auto !important; /* Lenis handles smooth scroll */
}

html,
body {
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
}

/* Remove underlines from all links */
a,
a:hover,
a:focus,
a:visited,
a:active {
  text-decoration: none !important;
}

/* Hide Zoho skip-to-content link */
.theme-skip-to-needed-content {
  display: none !important;
}

/* 2. FULL-WIDTH PAGE LAYOUT
   ─────────────────────────────────────────────────── */
/* Reset Zoho's content wrappers */
.theme-content-area,
.theme-content-container,
.theme-content-area-inner,
.theme-page-content,
.zpcontainer,
.zp-container {
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

/* .ics-page: full viewport breakout */
.ics-page {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 0 !important;
  overflow-x: hidden !important;
}

.ics-page > section,
.ics-page > footer,
.ics-page > div {
  width: 100% !important;
  max-width: 100% !important;
}

/* Hero flush to top — compensate for 117px fixed header */
.ics-page #hero,
#hero {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ═══ ICS ACTIVE NAV STATE ═══ */
#ics-nav-links > li > a[aria-current="page"],
#ics-nav-links > li > a.ics-nav-active {
  color: #fff !important;
  border-bottom: 2px solid rgba(255,255,255,0.65);
}