/* ========================================
   VIETNAM TRAVEL SECTION STYLES
   File: vietnam-travel.css
   ======================================== */

/* ===== GENERAL VIETNAM TRAVEL WRAPPER ===== */
.vietnam-travel-wrapper {
    max-width: 90%;
    margin: 0 auto;
}

.vietnam-travel-wrapper .vt-two-col-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
}

.vietnam-travel-wrapper .vt-two-col-row .vt-col-50 {
    width: 50%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
}

/* ===== VIETNAM TRAVEL SECTION OVERRIDES ===== */
.vietnam-travel-wrapper .vt-row {
    margin-bottom: 2px !important;
}

.vietnam-travel-wrapper .vt-cell {
    padding: 1px !important;
}

.vietnam-travel-wrapper .vt-spacer-row {
    display: none !important;
}

.vietnam-travel-wrapper .vt-header-cell h4 {
    margin: 2px 0 !important;
    padding: 0 !important;
}

.vietnam-travel-wrapper .vt-list-wrapper {
    padding: 3px !important;
    line-height: 1.3 !important;
}

.vietnam-travel-wrapper .vt-image-link-row p {
    margin: 2px 0 !important;
}

.vietnam-travel-wrapper .vt-image-row hr {
    margin: 5px 0 !important;
}

/* ===== DESKTOP - VIETNAM TRAVEL 2 COLUMNS ===== */
@media screen and (min-width: 768px) and (orientation: landscape) {
    .vietnam-travel-wrapper .vt-col-50 {
        width: 50% !important;
    }
}

/* ===== MOBILE - VIETNAM TRAVEL ===== */
@media screen and (max-width: 1024px), screen and (max-height: 500px) {
    .vietnam-travel-container {
        padding: 0 !important;
        margin: 0 !important;
    }

    .vietnam-travel-wrapper {
        max-width: 100%;
        margin: 0 auto;
    }

    .vt-row {
        margin-bottom: 2px !important;
        margin-top: 0 !important;
    }

    .vt-cell {
        padding: 1px !important;
    }

    .vt-spacer-row {
        display: none !important;
    }

    .vt-image-row {
        margin-bottom: 2px !important;
    }

    .vt-image-row img {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }

    .vt-image-row hr {
        margin: 5px 0 !important;
    }

    .vt-header-cell h4 {
        margin: 2px 0 !important;
        padding: 0 !important;
    }

    .vt-header-cell h4 span {
        font-size: 1.4em !important;
    }

    .vt-list-wrapper {
        padding: 10px !important;
        line-height: 1.5 !important;
        margin: 0 !important;
        font-size: 1.05em !important;
    }

    .vt-image-link-row {
        margin-bottom: 2px !important;
    }

    .vt-image-link-row p {
        margin: 0 !important;
        padding: 0 !important;
    }

    .vt-two-col-row {
        gap: 2px !important;
    }

    .contentdescription {
        padding-bottom: 5px !important;
        margin-bottom: 5px !important;
    }

    .vt-cell img {
        max-width: 100%;
        height: auto;
    }

    .vt-list-wrapper {
        width: 100%;
        padding: 10px;
    }
}

/* ===== MOBILE PORTRAIT - VIETNAM TRAVEL 1 COLUMN ===== */
@media screen and (max-width: 767px) and (orientation: portrait) {
    .vietnam-travel-wrapper .vt-two-col-row {
        justify-content: center;
    }
    
    .vietnam-travel-wrapper .vt-two-col-row .vt-col-50 {
        width: 100% !important;
        flex-basis: calc(48% - 10px);
        margin: 5px;
    }
}

/* ===== MOBILE LANDSCAPE - VIETNAM TRAVEL 2 COLUMNS ===== */
@media screen and (min-width: 480px) and (max-width: 1024px) and (orientation: landscape),
       screen and (max-height: 500px) and (orientation: landscape) {
    .vietnam-travel-wrapper .vt-two-col-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .vietnam-travel-wrapper .vt-two-col-row .vt-col-50 {
        width: 48% !important;
        flex-basis: calc(48% - 10px);
        box-sizing: border-box;
        margin: 5px;
    }
}

/* ===== TABLET - VIETNAM TRAVEL ===== */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .vt-col-50 {
        width: 50% !important;
    }
}

/* ===== SMALL MOBILE - VIETNAM TRAVEL ===== */
@media (max-width: 480px) {
    .vt-header-cell h4 span {
        font-size: 1.1em !important;
    }
}

/* ===== DESKTOP COLUMN ALIGNMENT FIX ===== */
@media screen and (min-width: 768px) {
    .vietnam-travel-wrapper {
        max-width: 100% !important;
        width: 100% !important;
    }
    
    .vietnam-travel-container {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .vietnam-travel-wrapper .vt-two-col-row {
        display: flex !important;
        gap: 20px !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }
    
    .vietnam-travel-wrapper .vt-two-col-row .vt-col-50 {
        width: calc(50% - 10px) !important;
        flex: 0 0 calc(50% - 10px) !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    .vietnam-travel-wrapper .vt-two-col-row .vt-col-50 p {
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .vietnam-travel-wrapper .vt-two-col-row .vt-col-50 img {
        max-width: 100% !important;
        width: 100% !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .vietnam-travel-wrapper .vt-two-col-row .vt-cell {
        padding: 0 !important;
    }
}