/* ════════════════════════════════════════════
   MEGA MENU CONTAINER — width, centering, radius
   ════════════════════════════════════════════ */

/*
 * Clip mega menus to content-area width + 1.5rem breathing room on each side.
 * --menu-content-width matches Kadence's --global-content-width (1450px).
 * max() picks the larger of:
 *   - calc(10vw - 0.5rem)  → tracks the row padding when viewport < max-width
 *   - calc((100vw - 1450px)/2 + 10vw - 0.5rem) → adds centering margin once
 *     the content container hits its max-width and becomes centered
 * Row padding = clip + 1.5rem, giving consistent breathing room at all widths.
 */
:root { --menu-content-width: 1450px; }

.header-menu-container ul.menu > li.kadence-menu-mega-enabled.kadence-menu-mega-width-full > ul.sub-menu {
    clip-path: inset(
        0
        max(calc(10vw - 0.5rem), calc((100vw - var(--menu-content-width)) / 2 + 10vw - 0.5rem))
        0
        max(calc(10vw - 0.5rem), calc((100vw - var(--menu-content-width)) / 2 + 10vw - 0.5rem))
        round 0 0 1.5rem 1.5rem
    ) !important;
    background-color: #f2f5f7 !important;
}

/* Transparent header — all corners rounded */
.site-header:has(.kadence-transparent-logo) .header-menu-container ul.menu > li.kadence-menu-mega-enabled.kadence-menu-mega-width-full > ul.sub-menu {
    clip-path: inset(
        0
        max(calc(10vw - 0.5rem), calc((100vw - var(--menu-content-width)) / 2 + 10vw - 0.5rem))
        0
        max(calc(10vw - 0.5rem), calc((100vw - var(--menu-content-width)) / 2 + 10vw - 0.5rem))
        round 1.5rem
    ) !important;
}

/* Sticky/stuck — sharp top corners */
.item-is-stuck .header-menu-container ul.menu > li.kadence-menu-mega-enabled.kadence-menu-mega-width-full > ul.sub-menu {
    clip-path: inset(
        0
        max(calc(10vw - 0.5rem), calc((100vw - var(--menu-content-width)) / 2 + 10vw - 0.5rem))
        0
        max(calc(10vw - 0.5rem), calc((100vw - var(--menu-content-width)) / 2 + 10vw - 0.5rem))
        round 0 0 1.5rem 1.5rem
    ) !important;
}


/* ════════════════════════════════════════════
   ABOUT MEGA MENU
   ════════════════════════════════════════════ */

/* ── Overall row ── */
.about-mega > .kt-row-column-wrap {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
    padding-left: calc(10vw + 1rem) !important;
    padding-right: calc(10vw + 1rem) !important;
    column-gap: 2.5rem !important;
}

/* ── Card column (first): image LEFT, text RIGHT ── */
.about-mega > .kt-row-column-wrap > .wp-block-kadence-column:first-of-type {
    align-self: stretch !important;
}

.about-mega > .kt-row-column-wrap > .wp-block-kadence-column:first-of-type > .kt-inside-inner-col {
    display: flex !important;
    flex-direction: row-reverse !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    border-radius: 1.25rem !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07) !important;
    background-color: #ffffff !important;
}

/* Text panel */
.about-mega > .kt-row-column-wrap > .wp-block-kadence-column:first-of-type > .kt-inside-inner-col > .wp-block-group {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-self: stretch !important;
    margin: 0 !important;
    padding: 1.5rem !important;
    background: transparent !important;
}

/* Inner text container stretches for link at bottom */
.about-mega > .kt-row-column-wrap > .wp-block-kadence-column:first-of-type > .kt-inside-inner-col > .wp-block-group > .wp-block-group__inner-container {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    height: 100% !important;
}

/* Image on the left */
.about-mega > .kt-row-column-wrap > .wp-block-kadence-column:first-of-type > .kt-inside-inner-col > figure.wp-block-image {
    flex: 1 1 0 !important;
    width: 50% !important;
    max-width: 50% !important;
    min-width: 0 !important;
    align-self: stretch !important;
    display: flex !important;
    margin: 0 !important;
    height: auto !important;
}

.about-mega > .kt-row-column-wrap > .wp-block-kadence-column:first-of-type > .kt-inside-inner-col > figure.wp-block-image img {
    display: block !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    border-top-left-radius: 1.25rem !important;
    border-bottom-left-radius: 1.25rem !important;
}

/* Description text matches card body size */
.about-mega > .kt-row-column-wrap > .wp-block-kadence-column:first-of-type > .kt-inside-inner-col > .wp-block-group p {
    font-size: 0.9rem !important;
}

/* "Learn More" button — push to bottom of text panel */
.about-mega > .kt-row-column-wrap > .wp-block-kadence-column:first-of-type .wp-block-kadence-advancedbtn {
    margin-top: auto !important;
    padding-top: 1rem !important;
}

/* ── Links column (last): compact grid of links on white card ── */
.about-mega > .kt-row-column-wrap > .wp-block-kadence-column:last-of-type {
    align-self: stretch !important;
}

.about-mega > .kt-row-column-wrap > .wp-block-kadence-column:last-of-type > .kt-inside-inner-col {
    height: 100% !important;
    box-sizing: border-box !important;
    padding: 1.5rem !important;
    gap: 0 !important;
    justify-content: flex-start !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07) !important;
    background: #ffffff !important;
    border-radius: 1.25rem !important;
}

.about-mega .wp-block-group.grid {
    display: grid !important;
    grid-template-columns: auto auto !important;
    grid-auto-flow: column !important;
    grid-template-rows: repeat(4, auto) !important;
    column-gap: 3rem !important;
    row-gap: 0 !important;
    align-items: start !important;
    justify-content: start !important;
}

.about-mega .wp-block-group.grid p,
.about-mega .wp-block-group.grid p a {
    width: auto;
}

.about-mega .wp-block-group.grid p {
    margin-bottom: 0;
    margin-top: 0.5em;
    line-height: 1 !important;
}

.about-mega .wp-block-group.grid p a {
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 0.25rem;
    text-decoration: none;
    white-space: nowrap;
    font-size: 1.2rem !important;
    font-style: normal;
    transition: opacity 0.15s ease;
}

.about-mega .wp-block-group.grid p a:hover,
.about-mega .wp-block-group.grid p a:focus-visible {
    opacity: 0.5;
}

.about-mega .wp-block-group.grid p a::after {
    display: none;
}


/* ════════════════════════════════════════════
   WORK HERE MEGA MENU
   ════════════════════════════════════════════ */

/* ── Overall row ── */
.work-here > .kt-row-column-wrap {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
    padding-left: calc(10vw + 1rem) !important;
    padding-right: calc(10vw + 1rem) !important;
    column-gap: 2rem !important;
    row-gap: 0.75rem !important;
}

/* ── Left card column (Explore the Region): text sits at bottom ── */
.work-here > .kt-row-column-wrap > .wp-block-kadence-column:first-of-type {
    align-self: stretch !important;
}

.work-here > .kt-row-column-wrap > .wp-block-kadence-column:first-of-type > .kt-inside-inner-col {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    padding: 1.25rem !important;
    box-sizing: border-box !important;
    height: 100% !important;
}

/* Description text matches card body size */
.work-here > .kt-row-column-wrap > .wp-block-kadence-column:first-of-type > .kt-inside-inner-col p {
    font-size: 0.9rem !important;
}

/* ── Right column: treat all 5 cards as one 3-column grid ── */
.work-here > .kt-row-column-wrap > .wp-block-kadence-column:last-of-type > .kt-inside-inner-col {
    display: grid !important;
    grid-template-columns: repeat(3, auto) !important;
    gap: 0.75rem !important;
    justify-content: start !important;
    align-items: start !important;
}

/* Dissolve the two mega-grid wrappers so cards flow into the parent grid */
.work-here .mega-grid {
    display: contents !important;
}

/* ── Card sizing ── */
.work-here .menu-card {
    padding: 1rem !important;
    max-width: 260px !important;
}

/* Smaller icons */
.work-here .menu-card .kt-svg-icons {
    margin-bottom: 0.35rem !important;
}

.work-here .menu-card .kt-svg-icon-wrap svg {
    width: 1.25rem !important;
    height: 1.25rem !important;
}

/* Space above "Our Hospital" — first link inside the advancedheading label */
.work-here .menu-card .wp-block-kadence-advancedheading a:first-of-type {
    margin-top: 0.6rem !important;
    display: block !important;
}

/* Smaller text in cards */
.work-here .menu-card h5 {
    font-size: 1.2rem !important;
    margin-bottom: 0.25rem !important;
}

.work-here .menu-card p {
    font-size: 0.9rem !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Strip default styles from the right column inner wrapper */
.work-here > .kt-row-column-wrap > .wp-block-kadence-column:last-of-type > .kt-inside-inner-col {
    padding: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}


/* ════════════════════════════════════════════
   PROGRAMS MEGA MENU
   ════════════════════════════════════════════ */

/* ── Overall row ── */
.programs-mega > .kt-row-column-wrap {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
    padding-left: calc(10vw + 1rem) !important;
    padding-right: calc(10vw + 1rem) !important;
    column-gap: 2rem !important;
    row-gap: 0.75rem !important;
}

/* ── Left column: text sits at bottom ── */
.programs-mega > .kt-row-column-wrap > .wp-block-kadence-column:first-of-type {
    align-self: stretch !important;
}

.programs-mega > .kt-row-column-wrap > .wp-block-kadence-column:first-of-type > .kt-inside-inner-col {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    padding: 1.25rem !important;
    box-sizing: border-box !important;
    height: 100% !important;
}

/* Description text */
.programs-mega > .kt-row-column-wrap > .wp-block-kadence-column:first-of-type > .kt-inside-inner-col p {
    font-size: 0.9rem !important;
}

/* ── Right column: 6 cards in a 3-column grid ── */
.programs-mega > .kt-row-column-wrap > .wp-block-kadence-column:last-of-type > .kt-inside-inner-col {
    display: grid !important;
    grid-template-columns: repeat(3, auto) !important;
    gap: 0.75rem !important;
    justify-content: start !important;
    align-items: start !important;
    padding: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* ── Card sizing ── */
.programs-mega .menu-card {
    padding: 1rem !important;
    max-width: 260px !important;
}

/* Smaller icons */
.programs-mega .menu-card .kt-svg-icons {
    margin-bottom: 0.35rem !important;
}

.programs-mega .menu-card .kt-svg-icon-wrap svg {
    width: 1.25rem !important;
    height: 1.25rem !important;
}

/* Smaller text in cards */
.programs-mega .menu-card h5 {
    font-size: 1.2rem !important;
    margin-bottom: 0.25rem !important;
}

.programs-mega .menu-card p {
    font-size: 0.9rem !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Desktop: parent nav links should look and behave as clickable links */
.header-menu-container .menu-item-has-children > a {
    cursor: pointer !important;
}