/* ===== XXTRA SEAT CUSTOM OVERRIDES ===== */

/* 1. Kill Zoho header / nav / logo bars */
#zs-header,
.zs-header,
header.site-header,
.header,
.site-header,
.topbar,
.navbar,
.zs-site-nav {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

/* 2. Kill Zoho footer */
#zs-footer,
.zs-footer,
.site-footer,
footer {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

/* 3. Kill hero/slider/intro sections from the template */
.hero,
.hero-section,
.banner,
.slider,
.section-hero,
.section-banner,
.zs-hero {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* 4. Remove extra spacing Zoho leaves behind */
body,
#zs-content,
.zs-content,
.main-content,
.content-area {
  margin: 0 !important;
  padding: 0 !important;
  background: #0f172a !important;
}

/* 5. Our own wrapper (use this in your page content) */
.xxtra-wrap {
  max-width: 820px;
  margin: 40px auto 80px;
  padding: 0 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  color: #e2e8f0;
  line-height: 1.6;
}

/* Headings look better on dark */
.xxtra-wrap h1,
.xxtra-wrap h2,
.xxtra-wrap h3 {
  color: #fff;
  margin-top: 1.25rem;
  margin-bottom: .5rem;
}

/* Links */
.xxtra-wrap a {
  color: #38bdf8;
  text-decoration: none;
}
.xxtra-wrap a:hover {
  text-decoration: underline;
}

/* Tiny footer text */
.xxtra-footer {
  margin-top: 2.5rem;
  font-size: .85rem;
  color: #94a3b8;
}