/* ===== Accommodation Grid - Style 3 (Split) ===== */

/* Neutralize isotope absolute positioning for this style */
.th-port-style-3.th-portfolio-row {
    height: auto !important;
}
.th-port-style-3 .th-portfolio-item {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    float: none;
    width: 100%;
    overflow: visible;
    margin-bottom: 60px;
}

/* Disable theme hover effects inherited from portfolio items */
.th-port-style-3 .th-portfolio-item:hover img {
    transform: none;
}

/* Layout: image left, card overlapping on the right */
.th-split {
    display: flex;
    align-items: center;
    position: relative;
}
.th-split-img {
    flex: 0 0 65%;
    max-width: 65%;
    display: block;
}
.th-split-photo {
    display: block;
    width: 100%;
    height: auto;
}
.th-split-card {
    flex: 0 0 42%;
    max-width: 42%;
    margin-left: -7%;
    position: relative;
    z-index: 2;
    background: #fff;
    padding: 70px 40px;
    text-align: center;
}

/* Content */
.th-split-title {
    margin: 0 0 20px;
}
.th-split-title a {
    color: inherit;
    text-decoration: none;
}
.th-split-intro {
    text-transform: uppercase;
    margin-bottom: 30px;
}
.th-split-link {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-decoration: none;
}
.th-split-arrow {
    flex-shrink: 0;
    transition: transform .2s ease;
}
.th-split-link:hover .th-split-arrow {
    transform: translateX(4px);
}

/* Mobile: stack image and card, no overlap, left aligned */
@media (max-width: 767px) {
    .th-port-style-3 .th-portfolio-item {
        margin-bottom: 30px;
    }
    .th-split {
        flex-direction: column;
        align-items: stretch;
    }
    .th-split-img,
    .th-split-card {
        flex: 0 0 auto;
        max-width: 100%;
    }
    .th-split-card {
        margin-left: 0;
        padding: 20px;
        text-align: left;
    }
    .th-split-title {
        margin-bottom: 10px;
    }
    .th-split-intro {
        margin-bottom: 15px;
    }
}