/* =========================================================
   MAMAHOOD — CONTACT
   ========================================================= */
/*
 * Mechanical migration from the approved current Additional CSS.
 * No visual changes intended.
 */

/* =========================================================
   CONTACT PAGE
   ========================================================= */


/* ---------------------------------------------------------
   CONTACT HERO — EXTRA-WIDE DESKTOP
   The Contact hero shares the global .subscription-hero system.
   This page-specific hook keeps the woman's face visible on
   very wide screens without changing normal desktop, tablet
   or mobile hero behaviour.
   --------------------------------------------------------- */

@media (min-width: 1400px) {

    .mh-contact-hero {
        background-position: center 30% !important;
    }

}


/* ---------------------------------------------------------
   CONTACT — "STILL NEED US?" STRIP — TABLET
   Desktop and mobile remain unchanged.

   Tablet uses a simpler two-column layout:
   - the decorative envelope/icon column is removed
   - the copy receives the main flexible space
   - the CTA receives a generous fixed lane

   This avoids the icon/divider collision and gives the
   "Email Mamahood" button enough breathing room.

   Required class on the OUTER Row Layout:
   mh-contact-email-strip
   --------------------------------------------------------- */

@media (min-width: 768px) and (max-width: 1023px) {

    .mh-contact-email-strip > .kt-row-layout-inner > .kt-row-column-wrap,
    .mh-contact-email-strip.kt-row-layout-inner > .kt-row-column-wrap,
    .mh-contact-email-strip > .kt-row-column-wrap,
    .mh-contact-email-strip.kt-row-column-wrap {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 210px !important;
        column-gap: 28px !important;
        row-gap: 0 !important;
        align-items: center !important;
    }

    /* Hide the decorative envelope/icon column on tablet. */
    .mh-contact-email-strip > .kt-row-layout-inner > .kt-row-column-wrap > .wp-block-kadence-column:first-child,
    .mh-contact-email-strip.kt-row-layout-inner > .kt-row-column-wrap > .wp-block-kadence-column:first-child,
    .mh-contact-email-strip > .kt-row-column-wrap > .wp-block-kadence-column:first-child,
    .mh-contact-email-strip.kt-row-column-wrap > .wp-block-kadence-column:first-child {
        display: none !important;
    }

    /* Keep the two remaining columns clean and remove inherited dividers. */
    .mh-contact-email-strip > .kt-row-layout-inner > .kt-row-column-wrap > .wp-block-kadence-column,
    .mh-contact-email-strip.kt-row-layout-inner > .kt-row-column-wrap > .wp-block-kadence-column,
    .mh-contact-email-strip > .kt-row-column-wrap > .wp-block-kadence-column,
    .mh-contact-email-strip.kt-row-column-wrap > .wp-block-kadence-column {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }

    .mh-contact-email-strip .wp-block-kadence-column::before,
    .mh-contact-email-strip .wp-block-kadence-column::after,
    .mh-contact-email-strip .kt-inside-inner-col::before,
    .mh-contact-email-strip .kt-inside-inner-col::after {
        content: none !important;
        display: none !important;
    }

    .mh-contact-email-strip .wp-block-buttons,
    .mh-contact-email-strip .wp-block-button {
        width: 100% !important;
        max-width: 100% !important;
    }

    .mh-contact-email-strip .wp-block-button__link,
    .mh-contact-email-strip .kb-button,
    .mh-contact-email-strip a.kt-button {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding-left: 22px !important;
        padding-right: 22px !important;
        white-space: nowrap !important;
        text-align: center !important;
        justify-content: center !important;
    }

}