/* TEST COMMENT — modified by chat session 2026-04-15 */
/**
 * zh_ft2_custom_7423.css
 * Footer 2 — Custom Style Enhancements
 * All selectors prefixed with zh_ft2_ for complete style isolation.
 * Toggle this file on/off via:
 *   WP Admin → Zaramax Footer Management → "Enable custom styles (footer2 only)"
 * Option key: zh_ft2_custom_styles_enabled
 */

/* ── 1. Column proportions: give logo & map more breathing room ── */
.zh_ft2_grid {
    grid-template-columns: 2fr 1.5fr 1.5fr 2fr;
}

/* ── 2. Bottom bar: row layout on desktop ── */
.zh_ft2_bottom_grid {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.zh_ft2_legal_links {
    text-align: right;
}

/* ── 3. Taller map iframe ── */
.zh_ft2_map iframe {
    height: 240px;
}

/* ── 4. Brand-red link hover instead of plain white ── */
.zh_ft2_box a:hover {
    color: #e84b2a;
}

/* ── 5. Tame Box 3 legacy inline-styled table ── */
/* ── Box 3: company info table (now uses zh_agnostic_cit_ classes) ──
   Old inline-style overrides removed — dynamic bg color is owned by
   zh_agnostic_company_info_table.css + wp_add_inline_style().
   Only layout/border tweaks live here now. */
.zh_ft2_box_3 .zh_agnostic_cit_table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.zh_ft2_box_3 .zh_agnostic_cit_content_cell {
    border-color: #253649;
}

.zh_ft2_box_3 .zh_agnostic_cit_label_cell {
    border-color: #253649;
}

/* ── 6. Box 2: Quick Links ── */
.zh_ft2_box_2 strong:first-of-type {
    display: block;
    font-size: 16px !important;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 10px;
    letter-spacing: 0.3px;
}

.zh_ft2_box2_divider {
    border: none;
    border-top: 1px solid #8898a7;
    margin: 0 0 14px 0;
}

.zh_ft2_box_2 br {
    display: none;
}

.zh_ft2_box_2 a {
    display: block;
    color: #8898a7 !important;
    text-decoration: none;
    font-size: 14px;
    margin-bottom: 4px;
    transition: color 0.2s ease, padding-left 0.15s ease;
}

.zh_ft2_box_2 a:visited {
    color: #8898a7 !important;
}

.zh_ft2_box_2 a:hover,
.zh_ft2_box_2 a:focus {
    color: #e84b2a !important;
    padding-left: 4px;
}

/* ── Box 2: accent border — left on desktop, top on mobile ── */
.zh_ft2_box_2 {
    border-left: 3px solid #b1250d;
    padding-left: 18px;
}

@media (max-width: 768px) {
    .zh_ft2_box_2 {
        border-left: none;
        border-top: 3px solid #b1250d;
        padding-left: 0;
        padding-top: 16px;
    }
}

/* ── 7. Slightly taller logo ── */
.zh_ft2_logo_img {
    max-height: 62px;
}

/* ── 8. Mobile: revert bottom bar to stacked ── */
@media (max-width: 768px) {
    .zh_ft2_grid {
        grid-template-columns: 1fr;
    }

    .zh_ft2_bottom_grid {
        flex-direction: column;
        align-items: flex-start;
    }

    .zh_ft2_legal_links {
        text-align: left;
    }
}

/* ── 9. Tablet: 2-col grid ── */
@media (min-width: 769px) and (max-width: 1024px) {
    .zh_ft2_grid {
        grid-template-columns: repeat(2, 1fr);
    }
}