/* ==========================================================================
   Site Footer Columns
   The footer link menu (JetMenu "footer links" — 13 items) renders as one
   tall vertical stack. On desktop, flow it into balanced columns instead.
   Mobile (<768px) is untouched: single stack + wp_is_mobile guest CTA stay
   exactly as they are.

   Targets: .elementor-location-footer (Elementor theme footer; EN template
   15334 and ES template 78136 are clones sharing the same element ids and
   classes, so one set of selectors covers both languages).

   JetBlocks sets .jet-nav--vertical to a flex column; we switch it to CSS
   multicol so the column count adapts if menu items are added/removed —
   no hard-coded row counts. Specificity mirrors site-header-compact.css:
   element + stacked classes, no !important.
   ========================================================================== */

@media (min-width: 768px) {
    /* The nav's wrapper container is 39% wide in the Elementor template —
       too narrow to hold columns without every link wrapping. EN (15334)
       and ES (78136) footers are clones sharing element ids, so this one
       id covers both. Elementor consumes --width for e-con sizing. */
    footer.elementor-location-footer .elementor-element.elementor-element-f308cfe {
        --width: 100%;
        width: 100%;
    }

    /* --- Link list: two balanced columns --- */
    footer.elementor-location-footer .jet-nav.jet-nav--vertical {
        display: block;
        columns: 2;
        column-gap: 48px;
        width: 100%;
        max-width: 760px;
        margin-left: auto;
        margin-right: auto;
    }

    /* Keep each link whole — never split one across a column break */
    footer.elementor-location-footer .jet-nav.jet-nav--vertical > .jet-nav__item {
        break-inside: avoid;
        -webkit-column-break-inside: avoid;
        width: 100%;
    }

    /* Breathing room between rows without re-rolling JetMenu's own link
       padding; also keeps click targets comfortably tall. */
    footer.elementor-location-footer .jet-nav.jet-nav--vertical .menu-item-link-top {
        padding-top: 6px;
        padding-bottom: 6px;
        min-height: 44px;
        align-items: center;
    }
}

@media (min-width: 1024px) {
    /* --- Wide desktop: three columns --- */
    footer.elementor-location-footer .jet-nav.jet-nav--vertical {
        columns: 3;
        column-gap: 56px;
        max-width: 1080px;
    }
}