/* ==========================================================
   GenGuard Website Brand v3.1
   ========================================================== */

:root {
    --gg-black: #050806;
    --gg-dark: #0b0f14;
    --gg-surface: #111827;
    --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;
}

/* Full-width header background */
.site-header,
.main-header-bar,
.ast-primary-header-bar,
.ast-primary-header-bar .site-primary-header-wrap,
.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,
#ast-desktop-header,
#ast-mobile-header {
    background: var(--gg-black) !important;
}

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

/* Transparent v3.1 header logo */
.gg-custom-logo-link,
.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: 68px !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    object-fit: contain !important;
}

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

/* Remove every older generated slogan */
.ast-site-identity::after {
    content: none !important;
    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-black) !important;
}

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

.gg-footer-logo {
    display: block !important;
    width: 320px !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 0 14px !important;
    background: transparent !important;
}

.gg-footer-brand > p:first-of-type {
    color: #cbd5e1 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: normal !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;
}

/* General branded accents */
.entry-content h2,
.gg-kicker,
.gg-eyebrow {
    color: var(--gg-green) !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,.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: 58px !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: 50px !important;
    }

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

/* ==========================================================
   GenGuard Home Page Visual Components
   ========================================================== */

.gg-feature-grid,
.gg-industry-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
    margin-top:32px;
}

.gg-feature-card,
.gg-industry-card {
    position:relative;
    overflow:hidden;
    background:linear-gradient(145deg,#111827,#0b0f14);
    border:1px solid #334155;
    border-radius:14px;
    padding:26px;
    min-height:230px;
    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.gg-feature-card:hover,
.gg-industry-card:hover {
    transform:translateY(-3px);
    border-color:var(--gg-green);
    box-shadow:0 14px 35px rgba(0,0,0,.28);
}

.gg-feature-icon,
.gg-industry-icon {
    width:52px;
    height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
    border-radius:12px;
    background:rgba(107,190,0,.12);
    border:1px solid rgba(107,190,0,.32);
    color:var(--gg-green);
}

.gg-feature-icon svg,
.gg-industry-icon svg {
    width:28px;
    height:28px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.gg-feature-card h3,
.gg-industry-card h3 {
    color:#f8fafc !important;
    font-size:21px;
    margin:0 0 10px;
}

.gg-feature-card p,
.gg-industry-card p {
    color:#aeb9c9 !important;
    font-size:15px !important;
    line-height:1.65;
    margin:0;
}

.gg-feature-status {
    display:inline-block;
    margin-top:18px;
    padding:5px 10px;
    border-radius:999px;
    background:rgba(107,190,0,.14);
    border:1px solid rgba(107,190,0,.35);
    color:#d8ff9a;
    font-size:12px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.gg-feature-status.development {
    background:rgba(245,158,11,.12);
    border-color:rgba(245,158,11,.4);
    color:#fde68a;
}

.gg-home-intro {
    max-width:800px;
}

.gg-home-intro p {
    font-size:19px !important;
}

.gg-section-header {
    margin-bottom:24px;
}

.gg-section-header h2 {
    margin-bottom:12px;
}

.gg-cta-panel {
    background:
        radial-gradient(circle at top right,
        rgba(107,190,0,.18),transparent 40%),
        #111827;
    border:1px solid #334155;
    border-radius:16px;
    padding:38px;
}

@media(max-width:960px) {
    .gg-feature-grid,
    .gg-industry-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:620px) {
    .gg-feature-grid,
    .gg-industry-grid {
        grid-template-columns:1fr;
    }

    .gg-feature-card,
    .gg-industry-card {
        min-height:auto;
    }

    .gg-cta-panel {
        padding:26px;
    }
}

/* ==========================================================
   GenGuard official v3.1 website icons
   ========================================================== */

.gg-feature-icon img,
.gg-industry-icon img {
    display:block;
    width:30px;
    height:30px;
    object-fit:contain;
    margin:0;
    padding:0;
}

.gg-feature-icon,
.gg-industry-icon {
    flex:0 0 auto;
}

/* Official icons are black line art, so invert them for the dark UI. */
.gg-feature-icon img,
.gg-industry-icon img {
    filter:
        brightness(0)
        saturate(100%)
        invert(65%)
        sepia(91%)
        saturate(761%)
        hue-rotate(37deg)
        brightness(93%)
        contrast(101%);
}

/* ==========================================================
   GenGuard Home Page — Real Product Screenshots
   ========================================================== */

.gg-feature-card {
    display:flex;
    flex-direction:column;
}

/* Screenshot area used on selected product cards */
.gg-feature-card::before {
    display:none;
    content:"";
}

.gg-feature-grid .gg-feature-card:nth-child(1)::before,
.gg-feature-grid .gg-feature-card:nth-child(2)::before,
.gg-feature-grid .gg-feature-card:nth-child(3)::before,
.gg-feature-grid .gg-feature-card:nth-child(4)::before,
.gg-feature-grid .gg-feature-card:nth-child(5)::before,
.gg-feature-grid .gg-feature-card:nth-child(8)::before {
    display:block;
    width:calc(100% + 52px);
    aspect-ratio:16 / 9;
    margin:-26px -26px 24px;
    border-bottom:1px solid var(--gg-border);
    border-radius:13px 13px 0 0;
    background-position:center top;
    background-repeat:no-repeat;
    background-size:cover;
}

/* Operational Dashboard */
.gg-feature-grid .gg-feature-card:nth-child(1)::before {
    background-image:url("/assets/screenshots/feature-cards/card-dashboard.png");
}

/* Live Telemetry */
.gg-feature-grid .gg-feature-card:nth-child(2)::before {
    background-image:url("/assets/screenshots/feature-cards/card-telemetry.png");
}

/* Historical Trends */
.gg-feature-grid .gg-feature-card:nth-child(3)::before {
    background-image:url("/assets/screenshots/feature-cards/card-trends.png");
}

/* Maintenance Workbook */
.gg-feature-grid .gg-feature-card:nth-child(4)::before {
    background-image:url("/assets/screenshots/feature-cards/card-maintenance.png");
}

/* Exercise Scheduler */
.gg-feature-grid .gg-feature-card:nth-child(5)::before {
    background-image:url("/assets/screenshots/feature-cards/card-scheduler.png");
}

/* Backup & Recovery */
.gg-feature-grid .gg-feature-card:nth-child(8)::before {
    background-image:url("/assets/screenshots/feature-cards/card-backup.png");
}

/* Hide the small icon only where a screenshot is used */
.gg-feature-grid .gg-feature-card:nth-child(1) .gg-feature-icon,
.gg-feature-grid .gg-feature-card:nth-child(2) .gg-feature-icon,
.gg-feature-grid .gg-feature-card:nth-child(3) .gg-feature-icon,
.gg-feature-grid .gg-feature-card:nth-child(4) .gg-feature-icon,
.gg-feature-grid .gg-feature-card:nth-child(5) .gg-feature-icon,
.gg-feature-grid .gg-feature-card:nth-child(8) .gg-feature-icon {
    display:none;
}

/* Keep status labels aligned toward the bottom */
.gg-feature-card .gg-feature-status {
    align-self:flex-start;
    margin-top:auto;
    padding-top:5px;
}

/* Slightly taller cards for consistent rows */
.gg-feature-card {
    min-height:410px;
}

.gg-feature-card h3 {
    margin-top:0;
}

/* Screenshot hover treatment */
.gg-feature-grid .gg-feature-card:nth-child(1):hover::before,
.gg-feature-grid .gg-feature-card:nth-child(2):hover::before,
.gg-feature-grid .gg-feature-card:nth-child(3):hover::before,
.gg-feature-grid .gg-feature-card:nth-child(4):hover::before,
.gg-feature-grid .gg-feature-card:nth-child(5):hover::before,
.gg-feature-grid .gg-feature-card:nth-child(8):hover::before {
    filter:brightness(1.06);
}

@media(max-width:960px) {
    .gg-feature-card {
        min-height:390px;
    }
}

@media(max-width:620px) {
    .gg-feature-card {
        min-height:auto;
    }

    .gg-feature-grid .gg-feature-card:nth-child(1)::before,
    .gg-feature-grid .gg-feature-card:nth-child(2)::before,
    .gg-feature-grid .gg-feature-card:nth-child(3)::before,
    .gg-feature-grid .gg-feature-card:nth-child(4)::before,
    .gg-feature-grid .gg-feature-card:nth-child(5)::before,
    .gg-feature-grid .gg-feature-card:nth-child(8)::before {
        aspect-ratio:16 / 10;
    }
}