/* Geeks Technologies — multi-page additions (footer Legal column,
   social row, active nav, pop-up positioning). Loaded after the main
   stylesheet so these rules win where they overlap. */

/* Footer now has 5 columns: Brand, Company, Services, Get in touch, Legal */
.site-footer .footer-grid {
  grid-template-columns: 1.4fr 1fr 1fr 1.1fr 1fr;
}
@media (max-width: 980px) {
  .site-footer .footer-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 720px) {
  .site-footer .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
}

/* Social icon row in the footer brand block (kept in case it's used again
   later — nothing currently points to this class in the HTML). */
.footer-social {
  display: flex;
  gap: 10px;
  margin-top: 18px;
}
.footer-social a {
  width: 34px; height: 34px;
  display: grid; place-items: center;
  border-radius: 8px;
  color: #cdd9ea;
  background: #ffffff14;
  border: 1px solid #ffffff1f;
  transition: color .2s, background-color .2s, transform .2s;
}
.footer-social a:hover {
  color: #0b1528; background: #00d2ff; transform: translateY(-2px);
}

/* Active navigation link */
.main-nav a.is-active { color: #0062ff; }

/* Pop-up uses the HTML [hidden] attribute to stay closed */
[data-portal-modal][hidden] { display: none !important; }

/* Customer Area page: inline portal preview card spacing */
.ca-preview-wrap { max-width: 520px; margin: 0 auto; }

/* Keep the legal pages' own header/footer rules from clashing: we use the
   main site header/footer on legal pages, so neutralise stray top margins. */
.lg-main { background: #f8fafc; }

/* Long logo fix: let the wordmark logo keep its real proportions,
   and hide the separate text label since the logo already has the
   name on it. */
.site-logo-image {
  width: auto;
  height: 60px;
  border-radius: 0;
}
.logo-name {
  display: none;
}

.site-header .logo-lockup {
  margin-left: 30px;   /* nudges the logo right a bit; raise/lower to taste */
}

.site-header {
  position: fixed !important;
  top: 0 !important;
  left: 0;
  right: 0;
  width: 100%;
}
body {
  padding-top: 76px;   /* matches the header's height so content doesn't start under it */
}
@media (max-width: 720px) {
  body { padding-top: 66px; }  /* header is shorter on phones */
}

/* ---- Footer redesign: slimmer top/bottom padding so it reads as a bar
   like the header, not a tall block. Raise/lower this one number if it
   still feels too tight or too loose. ---- */
.site-footer {
  padding: 32px 0;
}
.site-footer .footer-grid {
  padding-bottom: 0;   /* old value left room for the separate bottom bar,
                           which is gone now that copyright moved into the
                           brand column */
}

/* "Get in touch" column: each row is a small icon + label, same spirit as
   the existing location pin row. */
.footer-contact-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #dbeafe;
  text-decoration: none;
}
.footer-contact-link:hover {
  color: #6ce2f2;
}
.footer-contact-link svg {
  flex-shrink: 0;
  color: #6ce2f2;
}

/* Brand column: logo, "Service desk online" status, then copyright —
   tagline removed, copyright moved up from the old separate bottom bar. */
.footer-brand .footer-status {
  margin: 14px 0 10px;
}
.footer-copyright-line {
  display: block;
  color: #657d9c;
  font-family: "JetBrains Mono", monospace;
  font-size: 9px;
}