/* ═══════════════════════════════════════════════════════════
   GLOBAL UI/UX FIXES (Validated - All Comments Properly Closed)
   ═══════════════════════════════════════════════════════════ */

/* Ensure dark background extends to the very bottom */
html, body {
    background: var(--obsidian) !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ══════════════════════════════════════════════════════════
   SECTION PADDING REDUCTION (Tightened further)
   ═══════════════════════════════════════════════════════════ */

/* Reduce all section padding */
.aug-section,
.aug-about-page .aug-section,
.aug-services-page .aug-section,
.aug-sis-page .aug-section {
    padding: 60px 0 !important;   /* was 80px */
}

/* Reduce CTA section padding */
.aug-cta {
    padding: 60px 0 !important;   /* was 80px */
}

/* Reduce hero section padding */
.aug-hero,
.aug-services-hero,
.aug-about-hero,
.aug-contact-hero,
.aug-sis-hero {
    padding-top: 80px !important;   /* was 100px */
    padding-bottom: 60px !important; /* was 80px */
}

/* ═══════════════════════════════════════════════════════════
   HOMEPAGE SPECIFIC FIXES (Targets partial-based sections)
   ═══════════════════════════════════════════════════════════ */

/* Reduce spacing between hero and metrics bar */
.aug-hero__actions,
.aug-hero__cta {
    margin-bottom: 40px !important;
}

/* Reduce metrics bar padding */
.aug-metrics-bar,
.aug-stats-bar,
.aug-trust-bar {
    padding: 40px 0 !important;
}

/* Reduce platform section spacing */
.aug-platforms,
.aug-platforms-section {
    padding: 60px 0 !important;
}

/* Reduce platform card internal padding */
.aug-platform-card,
.aug-card--platform {
    padding: 24px !important;
}

/* Reduce grid gaps in platform section */
.aug-platforms-grid,
.aug-grid--platforms {
    gap: 24px !important;
}

/* Reduce insights section spacing */
.aug-insights,
.aug-insights-section {
    padding: 60px 0 !important;
}

/* ═══════════════════════════════════════════════════════════
   GRID & CARD SPACING
   ═══════════════════════════════════════════════════════════ */

/* Reduce grid top margins */
.aug-about-page .aug-grid-3,
.aug-about-page .aug-grid-4,
.aug-services-page .aug-grid-3,
.aug-services-page .aug-grid-4,
.aug-sis-page .aug-grid-3 {
    margin-top: 48px !important;
}

/* Reduce abstract card internal spacing */
.aug-abstract-card {
    padding: 24px !important;
}

.aug-abstract-card__header {
    margin-bottom: 24px !important;
}

.aug-abstract-metric {
    margin-bottom: 24px !important;
}

/* Reduce card padding */
.aug-card,
.aug-team-card,
.aug-stack-card {
    padding: 24px !important;
}

/* Reduce split layout gap */
.aug-about-page .aug-split-layout,
.aug-sis-page .aug-split-layout {
    gap: 48px !important;
}

/* Reduce metrics inline gap */
.aug-metrics-inline {
    gap: 24px !important;
    margin-top: 32px !important;
}

/* Reduce contact form wrapper padding */
.aug-contact-form-wrapper {
    padding: 32px !important;
}

/* ══════════════════════════════════════════════════════════
   EYEBROW STYLING (Monospace Font)
   ═══════════════════════════════════════════════════════════ */

.aug-eyebrow,
.aug-section-eyebrow,
.aug-hero__eyebrow {
    font-family: var(--font-mono) !important;
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 2.5px !important;
    color: var(--gold) !important;
    display: inline-block;
    margin-bottom: 16px;
}

/* ═══════════════════════════════════════════════════════════
   FOOTER FIXES (Tight spacing + email size consistency)
   ═══════════════════════════════════════════════════════════ */

/* Fix footer logo stretching */
.aug-footer__brand .aug-footer__logo {
    height: 32px !important;
    width: auto !important;
    max-width: 240px !important;
    object-fit: contain !important;
    display: block;
    flex-shrink: 0;
    margin-bottom: 20px;
}

/* Fix footer spacing – tighter overall */
.aug-footer,
footer {
    padding: 60px 0 30px !important;   /* was 80px 0 40px */
    margin-top: 0 !important;
    background: var(--obsidian) !important;
}

/* Reduce gap between footer columns and bottom margin */
.aug-footer__grid {
    gap: 40px !important;              /* was 60px */
    margin-bottom: 40px !important;    /* was 60px */
}

/* Reduce text block bottom margins */
.aug-footer__col-text {
    margin-bottom: 16px !important;    /* was 24px */
}

.aug-footer__col-label {
    margin-bottom: 12px !important;    /* was 16px */
}

/* Reduce brand gap (logo ↔ tagline) */
.aug-footer__brand {
    gap: 12px !important;              /* was 20px */
}

/* Optional: tighten tagline width */
.aug-footer__tagline {
    max-width: 280px !important;
}

/* Reduce bottom nav bar top padding */
.aug-footer__bottom {
    padding-top: 24px !important;      /* was 32px */
}

/* Tighten gap between last section and footer */
.aug-cta,
.aug-section:last-of-type {
    padding-bottom: 20px !important;   /* was 40px – even tighter */
    margin-bottom: 0 !important;
}

/* ═══════════════════════════════════════════════════════════
   MOBILE ADJUSTMENTS
   ═══════════════════════════════════════════════════════════ */

@media (max-width: 960px) {
    .aug-section,
    .aug-about-page .aug-section,
    .aug-services-page .aug-section,
    .aug-sis-page .aug-section {
        padding: 60px 0 !important;
    }

    .aug-cta {
        padding: 60px 0 !important;
    }

    .aug-hero,
    .aug-services-hero,
    .aug-about-hero,
    .aug-contact-hero,
    .aug-sis-hero {
        padding-top: 80px !important;
        padding-bottom: 60px !important;
    }

    .aug-about-page .aug-split-layout,
    .aug-sis-page .aug-split-layout {
        gap: 32px !important;
    }

    .aug-platforms-grid,
    .aug-grid--platforms {
        gap: 16px !important;
    }
    
    /* Footer mobile adjustments */
    .aug-footer,
    footer {
        padding: 40px 0 24px !important;
    }
    .aug-footer__grid {
        gap: 32px !important;
        margin-bottom: 32px !important;
    }
}