/* 1. LARGE RED TITLE */
.text-outline-pop {
    font-family: 'Baloo 2', display !important;
    font-size: 7rem !important; 
    font-weight: 900 !important;
    color: #E94B3C !important;
    -webkit-text-stroke: 12px #FFFFFF !important;
    paint-order: stroke fill !important;
    text-align: center;
    line-height: 0.85 !important;
    margin: 0 !important;
}


/* 2. SMALL BLUE SUBHEADING */
.text-subheading-outline {
    font-family: 'Baloo 2', display !important;
    font-size: 2.5rem !important;
    font-weight: 800 !important;
    color: #1E7DBA !important;
    -webkit-text-stroke: 5px #FFFFFF !important;
    paint-order: stroke fill !important;
    text-align: center;
    margin-top: 1px !important; 
}

/* FORCE STICKY HEADER */
.site-header {
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
}


/* Force Homepage Subheading to stay left */
.home .wp-block-heading, 
.home .entry-content p {
    text-align: left !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* 4. THE SCROLL TRIGGER (TRANSPARENCY) */
/* This targets the header specifically when Astra's sticky mode is active */
.ast-header-sticky-active .site-header,
.ast-sticky-main-header-visible .site-header,
.ast-sticky-active .site-header,
[data-ast-sticky-header] .site-header {
    background-color: rgba(114, 199, 242, 0.5) !important; /* 50% Transparency */
    backdrop-filter: blur(10px) !important; /* Frosted glass effect */
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
}

/* 5. PUSH CONTENT DOWN */
body {
    padding-top: 80px !important; 
}

/* NEW STYLE FOR THE BADGE */
.special-popular-badge {
    display: inline-block !important; 
    background-color: #E94B3C !important; 
    color: #ffffff !important;
    /* This 30px is a huge gap to ensure it stops touching the edge */
    padding: 8px 30px !important; 
    border-radius: 10px !important; 
    font-size: 0.9rem !important; 
    font-weight: 800 !important;
    text-transform: uppercase !important;
    margin-bottom: 20px !important;
    text-align: center !important;
    line-height: 1 !important;
}

/* MATCHING BLUE SUBHEADING STYLE - CENTERED */
.force-center-heading {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin: 20px auto !important;
    clear: both !important;
    
    /* STYLE MATCHING THE BLUE SUBHEADING */
    font-family: 'Baloo 2', display !important;
    font-size: 2.5rem !important;
    font-weight: 800 !important;
    color: #1E7DBA !important;
    -webkit-text-stroke: 5px #FFFFFF !important;
    paint-order: stroke fill !important;