/* 
   EMERGENCY EYEBROW FIX - ULTRA HIGH SPECIFICITY
   This file contains only the eyebrow spacing fix with maximum specificity
   Loaded last to ensure it overrides all other styles
   Version: 2026-01-30-10:20
*/

/* Target every possible selector combination */
.hero-redesign .hero-text-center .hero-eyebrow,
.hero .hero-text-center .hero-eyebrow,
section.hero .hero-text-center p.hero-eyebrow,
.hero-text-center .hero-eyebrow,
.hero-text-center p.hero-eyebrow,
p.hero-eyebrow,
.hero-eyebrow {
    font-size: 0.875rem !important; /* 14px - increased from 12px for better visibility */
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    color: #5B3AFF !important;
    line-height: 1 !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0.3rem !important; /* 4.8px gap - slightly more space */
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: block !important;
}

/* Ensure heading has no top margin */
.hero-redesign .hero-text-center .hero-main-heading,
.hero .hero-text-center .hero-main-heading,
.hero-text-center .hero-main-heading,
section.hero .hero-text-center h1.hero-main-heading,
h1.hero-main-heading,
.hero-main-heading {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .hero-redesign .hero-text-center .hero-eyebrow,
    .hero .hero-text-center .hero-eyebrow,
    section.hero .hero-text-center p.hero-eyebrow,
    .hero-text-center .hero-eyebrow,
    .hero-text-center p.hero-eyebrow,
    p.hero-eyebrow,
    .hero-eyebrow {
        font-size: 0.6875rem !important; /* 11px on mobile - slightly larger */
        line-height: 1 !important;
        margin: 0 !important;
        margin-bottom: 0.25rem !important; /* 4px gap on mobile */
        padding: 0 !important;
    }
}

@media (max-width: 480px) {
    .hero-redesign .hero-text-center .hero-eyebrow,
    .hero .hero-text-center .hero-eyebrow,
    section.hero .hero-text-center p.hero-eyebrow,
    .hero-text-center .hero-eyebrow,
    .hero-text-center p.hero-eyebrow,
    p.hero-eyebrow,
    .hero-eyebrow {
        margin-bottom: 0.2rem !important; /* 3.2px on small mobile - slightly more space */
    }
}