/* ========================================================
   LOADS AND APPLIES SYNE FONT TO THE FIRST LINE ONLY
   ======================================================== */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@700;800&display=swap');

#wp-block-jetpack-mailchimp_consent-text::first-line {
    font-family: 'Syne', sans-serif !important;
    font-weight: 800 !important; 
	font-size: 30pt !important;/* Makes it look heavy and stylized */
    text-transform: uppercase !important;
}

/* ========================================================
   TARGETS THE STANDARD EMAIL INPUT FIELD DIRECTLY
   ======================================================== */
p input[type="email"][name="email"] {
    /* Doubles the vertical size */
    height: 48px !important;
    min-height: 48px !important;
    line-height: 48px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size: 1.25rem !important; /* Scales font size up cleanly for the larger box */

    /* Restricts width and centers it */
    width: 100% !important;           /* Fluid scaling on small mobile viewports */
    max-width: 575px !important;       /* Standard desktop layout dimension */
    display: block !important;         /* Necessary to allow structural margin centering */
    margin-left: auto !important;      /* Centers the field horizontally */
    margin-right: auto !important;     /* Centers the field horizontally */
}

/* ========================================================
   TARGETS AND CENTERS THE MAILCHIMP CONSENT TEXT DIRECTLY
   ======================================================== */
#wp-block-jetpack-mailchimp_consent-text {
    text-align: center !important;
    width: 100% !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


/* ========================================================
   STRETCHES THE MAILCHIMP BUTTON TO EXACTLY 575PX WIDE
   ======================================================== */
#mailchimp-button-block-1,
.wp-block-jetpack-button button#mailchimp-button-block-1 {
    width: 575px !important;
    max-width: 575px !important;
    min-width: 575px !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* OVERRIDES THE OUTER WRAPPER SO THE 575PX BUTTON HAS ROOM TO GROW */
.wp-block-button.aligncenter {
    width: auto !important; 
    max-width: 100% !important;
}
/* ========================================================
   LOCKS THE MAILCHIMP BUTTON HEIGHT TO EXACTLY 48PX
   ======================================================== */
#mailchimp-button-block-1,
.wp-block-jetpack-button button#mailchimp-button-block-1 {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    
    /* Ensures the text and loading spinner stay perfectly 
       centered inside the restricted 48px box dimensions */
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 48px !important; 
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}