/*
 HCAI Contact Layout Fix v1.0.1
 The stylesheet may be loaded sitewide for reliability, but every actual
 layout rule is scoped to body.hcai-contact-layout-fix-active.
 WPForms selectors are intentionally not targeted.
*/

body.hcai-contact-layout-fix-active .hcai-section > .wp-block-columns.alignwide {
    align-items: flex-start;
    column-gap: clamp(1.5rem, 4vw, 3rem);
    row-gap: 1.5rem;
}

body.hcai-contact-layout-fix-active .hcai-section > .wp-block-columns.alignwide > .wp-block-column {
    min-width: 0;
}

body.hcai-contact-layout-fix-active .hcai-section > .wp-block-columns.alignwide > .wp-block-column:first-child,
body.hcai-contact-layout-fix-active .hcai-section > .wp-block-columns.alignwide > .wp-block-column:nth-child(2) {
    flex-basis: calc(50% - 1.5rem) !important;
    width: auto !important;
}

body.hcai-contact-layout-fix-active .hcai-meta-box {
    box-sizing: border-box;
    width: 100% !important;
    max-width: none !important;
    padding: 24px 28px !important;
    margin: 0 !important;
}

body.hcai-contact-layout-fix-active .hcai-meta-box > .wp-block-group,
body.hcai-contact-layout-fix-active .hcai-meta-box .wp-block-details,
body.hcai-contact-layout-fix-active .hcai-meta-box details {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
}

body.hcai-contact-layout-fix-active .hcai-meta-box summary {
    display: block;
    width: 100%;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

body.hcai-contact-layout-fix-active .hcai-meta-box a,
body.hcai-contact-layout-fix-active .hcai-meta-box strong,
body.hcai-contact-layout-fix-active .hcai-meta-box p {
    overflow-wrap: anywhere;
    word-break: normal;
}

@media (max-width: 781px) {
    body.hcai-contact-layout-fix-active .hcai-section > .wp-block-columns.alignwide {
        flex-direction: column;
        gap: 1.25rem;
    }

    body.hcai-contact-layout-fix-active .hcai-section > .wp-block-columns.alignwide > .wp-block-column:first-child,
    body.hcai-contact-layout-fix-active .hcai-section > .wp-block-columns.alignwide > .wp-block-column:nth-child(2) {
        flex-basis: 100% !important;
        width: 100% !important;
    }

    body.hcai-contact-layout-fix-active .hcai-meta-box {
        padding: 20px 18px !important;
    }
}