/* ==========================================================
   GenGuard Website Brand v3.0
   Official green: #6BBE00
   Logo canvas/background: #010100
   ========================================================== */

:root {
  --gg-logo-black: #010100;
  --gg-black: #050806;
  --gg-dark: #0B0F14;
  --gg-panel: #1E293B;
  --gg-border: #334155;
  --gg-text: #F8FAFC;
  --gg-muted: #94A3B8;
  --gg-green: #6BBE00;
  --gg-success: #22C55E;
  --gg-warning: #F59E0B;
  --gg-alarm: #EF4444;
  --gg-information: #3B82F6;
}

/* Header: use one continuous background so no edge blocks appear. */
.site-header,
.main-header-bar,
.ast-primary-header-bar,
.ast-primary-header-bar .site-primary-header-wrap,
.ast-builder-grid-row-container,
.ast-builder-grid-row,
#ast-desktop-header,
#ast-mobile-header,
.site-header .ast-container,
.site-header .site-primary-header-wrap,
.site-header-primary-section-left,
.site-header-primary-section-center,
.site-header-primary-section-right {
  background: var(--gg-logo-black) !important;
}

.site-header,
.ast-primary-header-bar {
  border-bottom: 1px solid var(--gg-border) !important;
}

.gg-custom-logo-link {
  display: inline-flex !important;
  align-items: center;
  background: transparent !important;
  line-height: 0;
}

.gg-custom-logo,
.site-logo-img img.custom-logo,
.custom-logo-link img {
  display: block !important;
  width: 250px !important;
  max-width: 250px !important;
  max-height: 66px !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  object-fit: contain !important;
  background: var(--gg-logo-black) !important;
}

/*
 * The descriptor/slogan is already built into the approved v3 header logo.
 * Disable the older CSS-generated line so it is not duplicated.
 */
.ast-site-identity::after {
  content: none !important;
  display: none !important;
}

.site-title,
.site-description {
  display: none !important;
}

.main-header-menu > .menu-item > .menu-link {
  color: #E2E8F0 !important;
  font-weight: 700 !important;
}

.main-header-menu > .menu-item > .menu-link:hover,
.main-header-menu > .current-menu-item > .menu-link {
  color: var(--gg-green) !important;
}

.main-header-menu > .current-menu-item > .menu-link {
  box-shadow: inset 0 -2px 0 var(--gg-green) !important;
}

/* Footer */
.gg-site-footer,
.gg-footer-inner,
.gg-footer-brand,
.gg-footer-nav {
  background: var(--gg-logo-black) !important;
}

.gg-site-footer {
  border-top: 1px solid var(--gg-border) !important;
}

.gg-footer-logo {
  display: block !important;
  width: 315px !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 0 14px !important;
  background: var(--gg-logo-black) !important;
}

/*
 * Footer uses the compact header logo. The descriptor remains real HTML
 * below the image, so it appears exactly once and remains accessible.
 */
.gg-footer-brand > p:first-of-type {
  color: #CBD5E1 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  margin: 0 0 10px !important;
}

.gg-footer-brand .gg-footer-copy {
  color: #64748B !important;
  font-size: 13px !important;
}

.gg-footer-nav a {
  color: #CBD5E1 !important;
}

.gg-footer-nav a:hover,
.gg-footer-nav a:focus {
  color: var(--gg-green) !important;
}

/* Brand accents */
.entry-content h2,
.gg-kicker,
.gg-eyebrow {
  color: var(--gg-green) !important;
}

.gg-ready {
  background: rgba(107, 190, 0, 0.18) !important;
  color: #D8FF9A !important;
  border-color: rgba(107, 190, 0, 0.45) !important;
}

.gg-card {
  border-left-color: var(--gg-green) !important;
}

.gg-card:hover {
  border-color: var(--gg-green) !important;
  box-shadow: 0 0 20px rgba(107, 190, 0, 0.15) !important;
}

@media (max-width: 921px) {
  .gg-custom-logo,
  .site-logo-img img.custom-logo,
  .custom-logo-link img {
    width: 210px !important;
    max-width: 210px !important;
    max-height: 56px !important;
  }
}

@media (max-width: 544px) {
  .gg-custom-logo,
  .site-logo-img img.custom-logo,
  .custom-logo-link img {
    width: 175px !important;
    max-width: 175px !important;
    max-height: 48px !important;
  }

  .gg-footer-logo {
    width: 260px !important;
  }
}

/* ==========================================================
   Restore GenGuard header slogan
   ========================================================== */

.ast-site-identity {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 2px !important;
}

.ast-site-identity::after {
    content: "MONITOR \2022  PROTECT \2022  MAINTAIN" !important;
    display: block !important;
    margin-left: 69px !important;
    margin-top: -4px !important;
    color: #F8FAFC !important;
    font-size: 7px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: 0.24em !important;
    white-space: nowrap !important;
    opacity: 0.95 !important;
}

@media (max-width: 921px) {
    .ast-site-identity::after {
        margin-left: 58px !important;
        font-size: 6px !important;
        letter-spacing: 0.18em !important;
    }
}

@media (max-width: 544px) {
    .ast-site-identity::after {
        margin-left: 48px !important;
        font-size: 5px !important;
        letter-spacing: 0.12em !important;
    }
}

/* Remove unapproved header slogan */
.ast-site-identity::after {
    content: none !important;
    display: none !important;
}