.elementor-1341 .elementor-element.elementor-element-29f10ae{--display:flex;--min-height:240px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1341 .elementor-element.elementor-element-9965cef{--display:flex;--min-height:240px;--justify-content:center;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1341 .elementor-element.elementor-element-f9c4307{--display:flex;--min-height:240px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1341 .elementor-element.elementor-element-9965cef{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1341 .elementor-element.elementor-element-f9c4307{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-1341 .elementor-element.elementor-element-29f10ae{--content-width:1250px;}.elementor-1341 .elementor-element.elementor-element-9965cef{--content-width:1250px;}.elementor-1341 .elementor-element.elementor-element-f9c4307{--content-width:1250px;}}/* Start custom CSS for shortcode, class: .elementor-element-b282aa3 *//* =========================================================
   TABI.AE
   WTE BOOKING CONFIRMATION
   FINAL PREMIUM RESPONSIVE DESIGN

   Desktop: 2 clean columns
   Tablet/Mobile: stacked
   Trip Heading: LEFT aligned on ALL devices
   Fonts: Poppins + Roboto
========================================================= */


/* =========================================================
   01. DESIGN SYSTEM
========================================================= */

.tabi-booking-confirmation-card {
    --tabi-primary: #0D6EFD;
    --tabi-primary-hover: #0B5ED7;
    --tabi-primary-soft: #EEF4FC;

    --tabi-heading: #110F0F;
    --tabi-text: #525252;
    --tabi-muted: #7A7F87;

    --tabi-border: #E5E7EB;
    --tabi-border-soft: #EEF0F3;

    --tabi-surface: #FFFFFF;
    --tabi-soft: #F7F8FA;

    --tabi-warning-bg: #FFF8E8;
    --tabi-warning: #9A6700;

    width: 100%;
    max-width: 1040px;

    margin: 0 auto !important;

    font-family: "Roboto", sans-serif !important;

    color: var(--tabi-text);
}


.tabi-booking-confirmation-card,
.tabi-booking-confirmation-card * {
    box-sizing: border-box;
}


/* =========================================================
   02. ELEMENTOR RESET
========================================================= */

.tabi-booking-confirmation-card
.elementor-widget-container {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}


.tabi-booking-confirmation-card
.elementor-shortcode {
    width: 100% !important;

    margin: 0 !important;

    padding: 32px !important;

    background: #FFFFFF !important;

    border: 1px solid #E5E7EB !important;

    border-radius: 20px !important;

    box-shadow:
        0 8px 20px rgba(17, 15, 15, .025),
        0 20px 50px rgba(17, 15, 15, .045) !important;

    overflow: hidden !important;
}


/* =========================================================
   03. REMOVE WTE DEFAULT CONTAINER STYLING
========================================================= */

.tabi-booking-confirmation-card
:is(
    .wpte-booking-details-wrap,
    .wpte-booking-details,
    .wpte-thankyou-content,
    .wpte-confirmation-content,
    .booking-confirmation-wrapper,
    .wpte-checkout-booking-details
) {
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    border-radius: 0 !important;

    box-shadow: none !important;
}


/* =========================================================
   04. DESKTOP LAYOUT
========================================================= */

.tabi-booking-confirmation-card
:is(
    .wpte-booking-details-wrap,
    .wpte-thankyou-content,
    .wpte-confirmation-content,
    .booking-confirmation-wrapper
) {
    display: grid !important;

    grid-template-columns:
        minmax(0, .92fr)
        minmax(0, 1.08fr) !important;

    gap: 42px !important;

    align-items: start !important;
}


/* Bootstrap / WTE row fallback */

.tabi-booking-confirmation-card
.elementor-shortcode > .row {
    display: grid !important;

    grid-template-columns:
        minmax(0, .92fr)
        minmax(0, 1.08fr) !important;

    gap: 42px !important;

    width: 100% !important;

    margin: 0 !important;
}


.tabi-booking-confirmation-card
.elementor-shortcode > .row
> [class*="col"] {
    width: 100% !important;

    max-width: 100% !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;
}


/* =========================================================
   05. LEFT + RIGHT COLUMN
========================================================= */

.tabi-booking-confirmation-card
:is(
    .left,
    .right,
    .booking-left,
    .booking-right,
    .wpte-booking-details-left,
    .wpte-booking-details-right
) {
    width: 100% !important;

    max-width: 100% !important;

    min-width: 0 !important;

    margin: 0 !important;

    float: none !important;

    text-align: left !important;
}


/* subtle divider between desktop columns */

@media (min-width: 1025px) {

    .tabi-booking-confirmation-card
    :is(
        .right,
        .booking-right,
        .wpte-booking-details-right
    ) {
        padding-left: 32px !important;

        border-left: 1px solid #E5E7EB !important;
    }

}


/* =========================================================
   06. GLOBAL TYPOGRAPHY
========================================================= */

.tabi-booking-confirmation-card
:is(
    p,
    li,
    span,
    label,
    td,
    th
) {
    font-family: "Roboto", sans-serif !important;

    color: #525252;
}


.tabi-booking-confirmation-card
:is(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6
) {
    font-family: "Poppins", sans-serif !important;

    font-weight: 600 !important;

    letter-spacing: -.025em !important;

    color: #110F0F !important;

    text-align: left !important;
}


/* =========================================================
   07. FORCE ALL HEADING LINKS LEFT
========================================================= */

.tabi-booking-confirmation-card
:is(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6
) a {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;

    color: #110F0F !important;

    font: inherit !important;

    text-align: left !important;

    text-decoration: none !important;
}


/* =========================================================
   08. TRIP TITLE
   LEFT ALIGNED ON ALL DEVICES
========================================================= */

.tabi-booking-confirmation-card
:is(
    .trip-title,
    .wpte-trip-title,
    .booking-trip-title
),

.tabi-booking-confirmation-card
:is(
    .trip-title,
    .wpte-trip-title,
    .booking-trip-title
) a,

.tabi-booking-confirmation-card
.elementor-shortcode h2,

.tabi-booking-confirmation-card
.elementor-shortcode h2 a {
    width: 100% !important;

    max-width: 100% !important;

    margin: 0 0 16px !important;
    padding: 0 !important;

    font-family: "Poppins", sans-serif !important;

    font-size: 24px !important;
    line-height: 1.28 !important;

    font-weight: 600 !important;

    letter-spacing: -.035em !important;

    color: #110F0F !important;

    text-align: left !important;

    justify-content: flex-start !important;
    align-items: flex-start !important;

    overflow-wrap: anywhere;
}


.tabi-booking-confirmation-card
.elementor-shortcode h2 a:hover {
    color: #0D6EFD !important;
}


/* =========================================================
   09. CONFIRMATION MESSAGE
========================================================= */

.tabi-booking-confirmation-card
:is(
    .wpte-thankyou-message,
    .wpte-booking-message,
    .wpte-confirmation-message,
    .booking-message
) {
    width: 100% !important;

    margin: 0 0 22px !important;

    padding: 15px 16px !important;

    background: #EEF4FC !important;

    border: 1px solid #DCE8FA !important;

    border-radius: 10px !important;

    font-family: "Roboto", sans-serif !important;

    font-size: 13.5px !important;
    line-height: 1.65 !important;

    font-weight: 400 !important;

    color: #525252 !important;

    text-align: left !important;
}


/* =========================================================
   10. DATE AREA
========================================================= */

.tabi-booking-confirmation-card
:is(
    .wpte-booking-meta,
    .booking-meta,
    .booking-date-box,
    .trip-meta
) {
    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;

    gap: 10px !important;

    width: 100% !important;

    margin: 0 0 24px !important;
}


.tabi-booking-confirmation-card
:is(
    .wpte-booking-meta,
    .booking-meta,
    .booking-date-box,
    .trip-meta
) > div {
    min-width: 0 !important;

    padding: 13px 14px !important;

    background: #F7F8FA !important;

    border: 1px solid #E5E7EB !important;

    border-radius: 10px !important;

    text-align: left !important;
}


.tabi-booking-confirmation-card
:is(
    .wpte-booking-meta,
    .booking-meta,
    .booking-date-box,
    .trip-meta
) label {
    display: block !important;

    margin: 0 0 5px !important;

    font-size: 11.5px !important;

    line-height: 1.3 !important;

    font-weight: 400 !important;

    color: #7A7F87 !important;
}


.tabi-booking-confirmation-card
:is(
    .wpte-booking-meta,
    .booking-meta,
    .booking-date-box,
    .trip-meta
) strong {
    display: block !important;

    font-family: "Roboto", sans-serif !important;

    font-size: 13.5px !important;

    line-height: 1.4 !important;

    font-weight: 600 !important;

    color: #110F0F !important;
}


/* =========================================================
   11. SECTION HEADINGS
========================================================= */

.tabi-booking-confirmation-card
:is(
    .billing-details,
    .booking-summary,
    .trip-summary,
    .payment-details,
    .wpte-billing-details,
    .wpte-booking-summary,
    .wpte-payment-details,
    .package,
    .trip-package,
    .booking-package,
    .wpte-package
)
:is(
    h2,
    h3,
    h4,
    h5
) {
    width: 100% !important;

    margin: 0 0 14px !important;

    font-family: "Poppins", sans-serif !important;

    font-size: 17px !important;
    line-height: 1.4 !important;

    font-weight: 600 !important;

    letter-spacing: -.02em !important;

    color: #110F0F !important;

    text-align: left !important;
}


/* =========================================================
   12. INFORMATION BLOCKS
========================================================= */

.tabi-booking-confirmation-card
:is(
    .billing-details,
    .booking-summary,
    .trip-summary,
    .payment-details,
    .wpte-billing-details,
    .wpte-booking-summary,
    .wpte-payment-details
) {
    width: 100% !important;

    margin: 0 0 18px !important;

    padding: 18px !important;

    background: #F8F9FB !important;

    border: 1px solid #E8EAED !important;

    border-radius: 12px !important;

    text-align: left !important;
}


/* =========================================================
   13. BILLING DETAILS
========================================================= */

.tabi-booking-confirmation-card
:is(
    .billing-details,
    .wpte-billing-details
) p {
    margin: 0 0 15px !important;

    font-family: "Roboto", sans-serif !important;

    font-size: 12.5px !important;
    line-height: 1.45 !important;

    font-weight: 400 !important;

    color: #7A7F87 !important;

    text-align: left !important;

    overflow-wrap: anywhere;
}


.tabi-booking-confirmation-card
:is(
    .billing-details,
    .wpte-billing-details
) p:last-child {
    margin-bottom: 0 !important;
}


.tabi-booking-confirmation-card
:is(
    .billing-details,
    .wpte-billing-details
) strong {
    display: block !important;

    margin-top: 3px !important;

    font-family: "Roboto", sans-serif !important;

    font-size: 13.5px !important;

    line-height: 1.45 !important;

    font-weight: 600 !important;

    color: #110F0F !important;

    text-align: left !important;

    overflow-wrap: anywhere;
}


/* =========================================================
   14. GENERIC STRONG TEXT
========================================================= */

.tabi-booking-confirmation-card
strong,

.tabi-booking-confirmation-card
b {
    color: #110F0F;

    font-weight: 600;
}


/* =========================================================
   15. TABLES
========================================================= */

.tabi-booking-confirmation-card
table {
    width: 100% !important;

    max-width: 100% !important;

    margin: 0 !important;

    background: transparent !important;

    border: 0 !important;

    border-collapse: separate !important;

    border-spacing: 0 !important;

    table-layout: auto !important;
}


.tabi-booking-confirmation-card
table tr {
    background: transparent !important;
}


.tabi-booking-confirmation-card
table th,

.tabi-booking-confirmation-card
table td {
    padding: 8px 9px !important;

    background: transparent !important;

    border: 0 !important;

    border-bottom: 1px solid #E8EAED !important;

    font-family: "Roboto", sans-serif !important;

    font-size: 12.5px !important;

    line-height: 1.4 !important;

    vertical-align: middle !important;

    overflow-wrap: anywhere;
}


.tabi-booking-confirmation-card
table tr:last-child th,

.tabi-booking-confirmation-card
table tr:last-child td {
    border-bottom: 0 !important;
}


/* LEFT LABEL */

.tabi-booking-confirmation-card
table th,

.tabi-booking-confirmation-card
table td:first-child {
    text-align: left !important;

    color: #525252 !important;

    font-weight: 400 !important;
}


/* RIGHT VALUE */

.tabi-booking-confirmation-card
table td:last-child {
    text-align: right !important;

    color: #110F0F !important;

    font-weight: 600 !important;
}


/* =========================================================
   16. PACKAGE
========================================================= */

.tabi-booking-confirmation-card
:is(
    .package,
    .trip-package,
    .booking-package,
    .wpte-package
) {
    width: 100% !important;

    margin-top: 20px !important;

    text-align: left !important;
}


/* =========================================================
   17. TOTAL
========================================================= */

.tabi-booking-confirmation-card
:is(
    .total,
    .wpte-total,
    .booking-total
) {
    margin-top: 8px !important;

    padding: 11px 12px !important;

    background: #F7F8FA !important;

    border-radius: 7px !important;

    color: #110F0F !important;

    font-weight: 600 !important;
}


/* =========================================================
   18. PAYABLE AMOUNT
========================================================= */

.tabi-booking-confirmation-card
:is(
    .payable,
    .wpte-payable,
    .payable-amount
) {
    margin-top: 5px !important;

    padding: 11px 12px !important;

    background: #EEF4FC !important;

    border: 1px solid #DCE8FA !important;

    border-radius: 7px !important;

    color: #110F0F !important;

    font-weight: 600 !important;
}


/* =========================================================
   19. PAYMENT DETAILS
========================================================= */

.tabi-booking-confirmation-card
:is(
    .payment-details,
    .wpte-payment-details
) {
    margin-top: 17px !important;
}


/* =========================================================
   20. PAYMENT STATUS
========================================================= */

.tabi-booking-confirmation-card
:is(
    .pending,
    .status-pending,
    .payment-status,
    .booking-status
) {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-height: 24px !important;

    padding: 5px 9px !important;

    background: #FFF8E8 !important;

    border: 1px solid #F3DFAC !important;

    border-radius: 999px !important;

    font-family: "Roboto", sans-serif !important;

    font-size: 10.5px !important;

    line-height: 1 !important;

    font-weight: 500 !important;

    color: #9A6700 !important;
}


/* =========================================================
   21. REMARKS
========================================================= */

.tabi-booking-confirmation-card
:is(
    .remarks,
    .booking-remarks,
    .payment-remarks
) {
    margin-top: 10px !important;

    padding: 13px !important;

    background: #F7F8FA !important;

    border: 1px solid #E5E7EB !important;

    border-radius: 9px !important;

    font-family: "Roboto", sans-serif !important;

    font-size: 12px !important;

    line-height: 1.55 !important;

    color: #525252 !important;

    text-align: left !important;
}


/* =========================================================
   22. LINKS
========================================================= */

.tabi-booking-confirmation-card
a {
    color: #0D6EFD !important;

    text-decoration: none !important;

    transition: color .18s ease;
}


.tabi-booking-confirmation-card
a:hover {
    color: #0B5ED7 !important;
}


/* =========================================================
   23. SUCCESS / CHECK ICON
========================================================= */

.tabi-booking-confirmation-card
:is(
    .fa-check,
    .dashicons-yes,
    .success-icon,
    .wpte-success-icon,
    [class*="check-icon"]
) {
    color: #0D6EFD !important;
}


/* =========================================================
   24. BUTTONS
========================================================= */

.tabi-booking-confirmation-card
:is(
    button,
    .button,
    .btn,
    input[type="button"],
    input[type="submit"]
) {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-height: 44px !important;

    padding: 11px 19px !important;

    background: #0D6EFD !important;

    border: 1px solid #0D6EFD !important;

    border-radius: 9px !important;

    box-shadow: none !important;

    font-family: "Roboto", sans-serif !important;

    font-size: 13px !important;

    font-weight: 500 !important;

    color: #FFFFFF !important;

    cursor: pointer !important;
}


.tabi-booking-confirmation-card
:is(
    button,
    .button,
    .btn,
    input[type="button"],
    input[type="submit"]
):hover {
    background: #0B5ED7 !important;

    border-color: #0B5ED7 !important;

    color: #FFFFFF !important;
}


/* =========================================================
   25. LONG TEXT SAFETY
========================================================= */

.tabi-booking-confirmation-card
:is(
    a,
    p,
    td,
    th,
    strong
) {
    overflow-wrap: anywhere;

    word-break: normal;
}


/* =========================================================
   26. TABLET
========================================================= */

@media (max-width: 1024px) {

    .tabi-booking-confirmation-card {
        max-width: 760px;
    }


    .tabi-booking-confirmation-card
    .elementor-shortcode {
        padding: 26px !important;

        border-radius: 18px !important;
    }


    .tabi-booking-confirmation-card
    :is(
        .wpte-booking-details-wrap,
        .wpte-thankyou-content,
        .wpte-confirmation-content,
        .booking-confirmation-wrapper
    ),

    .tabi-booking-confirmation-card
    .elementor-shortcode > .row {
        grid-template-columns: 1fr !important;

        gap: 28px !important;
    }


    .tabi-booking-confirmation-card
    :is(
        .right,
        .booking-right,
        .wpte-booking-details-right
    ) {
        padding-left: 0 !important;

        border-left: 0 !important;
    }

}


/* =========================================================
   27. MOBILE
========================================================= */

@media (max-width: 767px) {

    .tabi-booking-confirmation-card {
        width: 100% !important;

        max-width: 100% !important;

        margin: 0 auto !important;
    }


    /* MAIN CARD */

    .tabi-booking-confirmation-card
    .elementor-shortcode {
        padding: 16px !important;

        border-radius: 14px !important;

        box-shadow:
            0 6px 22px rgba(17, 15, 15, .04) !important;
    }


    /* FORCE SINGLE COLUMN */

    .tabi-booking-confirmation-card
    :is(
        .wpte-booking-details-wrap,
        .wpte-thankyou-content,
        .wpte-confirmation-content,
        .booking-confirmation-wrapper,
        .row
    ) {
        display: block !important;

        width: 100% !important;

        max-width: 100% !important;
    }


    /* WTE COLUMNS */

    .tabi-booking-confirmation-card
    :is(
        .left,
        .right,
        .booking-left,
        .booking-right,
        .wpte-booking-details-left,
        .wpte-booking-details-right,
        [class*="col-"]
    ) {
        display: block !important;

        width: 100% !important;

        max-width: 100% !important;

        min-width: 0 !important;

        margin: 0 0 24px !important;

        padding: 0 !important;

        border: 0 !important;

        float: none !important;

        text-align: left !important;
    }


    .tabi-booking-confirmation-card
    :is(
        .left,
        .right,
        .booking-left,
        .booking-right,
        .wpte-booking-details-left,
        .wpte-booking-details-right,
        [class*="col-"]
    ):last-child {
        margin-bottom: 0 !important;
    }


    /* TITLE */

    .tabi-booking-confirmation-card
    :is(
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        .trip-title,
        .wpte-trip-title,
        .booking-trip-title
    ),

    .tabi-booking-confirmation-card
    :is(
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        .trip-title,
        .wpte-trip-title,
        .booking-trip-title
    ) a {
        text-align: left !important;

        justify-content: flex-start !important;

        align-items: flex-start !important;
    }


    .tabi-booking-confirmation-card
    :is(
        .trip-title,
        .wpte-trip-title,
        .booking-trip-title
    ),

    .tabi-booking-confirmation-card
    .elementor-shortcode h2 {
        margin-bottom: 14px !important;

        font-size: 20px !important;

        line-height: 1.32 !important;
    }


    /* DATE */

    .tabi-booking-confirmation-card
    :is(
        .wpte-booking-meta,
        .booking-meta,
        .booking-date-box,
        .trip-meta
    ) {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 8px !important;

        margin-bottom: 20px !important;
    }


    .tabi-booking-confirmation-card
    :is(
        .wpte-booking-meta,
        .booking-meta,
        .booking-date-box,
        .trip-meta
    ) > div {
        min-width: 0 !important;

        padding: 11px !important;
    }


    /* BLOCKS */

    .tabi-booking-confirmation-card
    :is(
        .billing-details,
        .booking-summary,
        .trip-summary,
        .payment-details,
        .wpte-billing-details,
        .wpte-booking-summary,
        .wpte-payment-details
    ) {
        margin-bottom: 14px !important;

        padding: 14px !important;

        border-radius: 10px !important;
    }


    /* TABLE */

    .tabi-booking-confirmation-card
    table {
        width: 100% !important;

        table-layout: fixed !important;
    }


    .tabi-booking-confirmation-card
    table th,

    .tabi-booking-confirmation-card
    table td {
        padding: 7px 4px !important;

        font-size: 11.5px !important;

        line-height: 1.4 !important;
    }


    .tabi-booking-confirmation-card
    table th:first-child,

    .tabi-booking-confirmation-card
    table td:first-child {
        width: 56% !important;

        text-align: left !important;
    }


    .tabi-booking-confirmation-card
    table th:last-child,

    .tabi-booking-confirmation-card
    table td:last-child {
        width: 44% !important;

        text-align: right !important;
    }


    /* BILLING */

    .tabi-booking-confirmation-card
    :is(
        .billing-details,
        .wpte-billing-details
    ) p {
        margin-bottom: 12px !important;

        font-size: 12px !important;
    }


    .tabi-booking-confirmation-card
    :is(
        .billing-details,
        .wpte-billing-details
    ) strong {
        font-size: 13px !important;
    }

}


/* =========================================================
   28. SMALL MOBILE
========================================================= */

@media (max-width: 390px) {

    .tabi-booking-confirmation-card
    .elementor-shortcode {
        padding: 14px !important;

        border-radius: 12px !important;
    }


    .tabi-booking-confirmation-card
    :is(
        .trip-title,
        .wpte-trip-title,
        .booking-trip-title
    ),

    .tabi-booking-confirmation-card
    .elementor-shortcode h2 {
        font-size: 18px !important;
    }


    .tabi-booking-confirmation-card
    table th,

    .tabi-booking-confirmation-card
    table td {
        font-size: 11px !important;
    }

}


/* =========================================================
   29. ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .tabi-booking-confirmation-card *,
    .tabi-booking-confirmation-card *::before,
    .tabi-booking-confirmation-card *::after {
        transition: none !important;

        animation: none !important;
    }

}/* End custom CSS */