/* ==========================================================
   CMS Reasons Professional V2 (Industic Style)
   Keep original Industic visual style.
   Adds Equal Height + subtle hover border/shadow/animation.
   ========================================================== */

/* Equal-height support when cms_reasons is placed inside WPBakery columns */
.vc_row:has(.cms-reason-layout1) {
    display: flex;
    flex-wrap: wrap;
}

.vc_row:has(.cms-reason-layout1) > .wpb_column,
.vc_row:has(.cms-reason-layout1) > .vc_column_container {
    display: flex;
}

.vc_row:has(.cms-reason-layout1) > .wpb_column > .vc_column-inner,
.vc_row:has(.cms-reason-layout1) > .vc_column_container > .vc_column-inner {
    display: flex;
    width: 100%;
}

.vc_row:has(.cms-reason-layout1) .wpb_wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* The card wrapper */
.cms-reason-layout1 {
    display: flex;
    width: 100%;
    height: 100%;
}

/* Keep original card style; only add equal-height and soft hover behavior */
.cms-reason-layout1 .cms-reason-inner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
    box-sizing: border-box;
}

/* Ensure content area stretches naturally */
.cms-reason-layout1 .reason-holder {
    flex: 1 1 auto;
}

/* Subtle Industic-style hover */
.cms-reason-layout1 .cms-reason-inner:hover {
    border-color: #ff7607 !important;
    transform: translateY(-5px);
    box-shadow: 0 12px 35px rgba(0, 0, 0, .08);
}

/* Keep icon color aligned with Industic primary orange */
.cms-reason-layout1 .reason-icon i {
    transition: transform .35s ease, color .35s ease;
}

.cms-reason-layout1 .cms-reason-inner:hover .reason-icon i {
    color: #ff7607;
    transform: scale(1.08);
}

/* If cards are stacked on mobile, keep normal height */
@media (max-width: 767px) {
    .vc_row:has(.cms-reason-layout1),
    .vc_row:has(.cms-reason-layout1) > .wpb_column,
    .vc_row:has(.cms-reason-layout1) > .vc_column_container,
    .vc_row:has(.cms-reason-layout1) > .wpb_column > .vc_column-inner,
    .vc_row:has(.cms-reason-layout1) > .vc_column_container > .vc_column-inner,
    .vc_row:has(.cms-reason-layout1) .wpb_wrapper,
    .cms-reason-layout1 {
        display: block;
        height: auto;
    }
}

/* Fallback class if your browser/server setup does not support :has().
   Add class "cms-reasons-equal-row" to the WPBakery Row Extra class name. */
.cms-reasons-equal-row {
    display: flex;
    flex-wrap: wrap;
}

.cms-reasons-equal-row > .wpb_column,
.cms-reasons-equal-row > .vc_column_container {
    display: flex;
}

.cms-reasons-equal-row > .wpb_column > .vc_column-inner,
.cms-reasons-equal-row > .vc_column_container > .vc_column-inner {
    display: flex;
    width: 100%;
}

.cms-reasons-equal-row .wpb_wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
}