/* Account bookings only. Desktop, order details and email presentation stay native. */
@media (max-width: 921px) {
    .woocommerce:has(.ajb-account-bookings) > .woocommerce-MyAccount-navigation {
        box-sizing: border-box;
        float: none;
        width: 100%;
        min-width: 0;
        margin: 0 0 12px;
        padding: 8px;
        border: 1px solid #d4dfda;
        border-radius: 12px;
        background: #f3f8f5;
    }

    .woocommerce:has(.ajb-account-bookings) > .woocommerce-MyAccount-navigation .ast-wooaccount-user-wrapper {
        margin: 0;
        padding: 0 4px 8px;
        font-size: 12px;
        line-height: 1.4;
    }

    .woocommerce:has(.ajb-account-bookings) > .woocommerce-MyAccount-navigation :is(.avatar, .ahfb-svg-iconset) {
        display: none;
    }

    .woocommerce:has(.ajb-account-bookings) > .woocommerce-MyAccount-navigation > ul {
        display: flex !important;
        flex-wrap: nowrap !important;
        box-sizing: border-box;
        gap: 6px;
        width: 100%;
        margin: 0;
        padding: 6px;
        overflow-x: auto;
        list-style: none;
        scroll-padding-inline: 4px;
    }

    .woocommerce:has(.ajb-account-bookings) > .woocommerce-MyAccount-navigation > ul > li {
        flex: 0 0 auto;
        width: auto;
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
        list-style: none;
    }

    .woocommerce:has(.ajb-account-bookings) > .woocommerce-MyAccount-navigation > ul > .woocommerce-MyAccount-navigation-link--activity-bookings {
        order: -1;
    }

    .woocommerce:has(.ajb-account-bookings) > .woocommerce-MyAccount-navigation li a {
        display: flex;
        align-items: center;
        box-sizing: border-box;
        min-height: 44px;
        padding: 10px 12px;
        border-radius: 8px;
        color: #40594f;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.4;
        white-space: nowrap;
        text-decoration: none;
    }

    .woocommerce:has(.ajb-account-bookings) > .woocommerce-MyAccount-navigation li a:focus-visible {
        outline: 2px solid var(--amp-accent, #135647);
        outline-offset: 2px;
    }

    .woocommerce:has(.ajb-account-bookings) > .woocommerce-MyAccount-navigation li a .ast-woo-nav-link-name {
        color: inherit !important;
    }

    .woocommerce:has(.ajb-account-bookings) > .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--activity-bookings a {
        background: var(--amp-accent, #135647);
        color: #fff !important;
    }

    .woocommerce-MyAccount-content:has(.ajb-account-bookings) {
        min-width: 0;
        padding: 14px !important;
    }

    .woocommerce-MyAccount-content .ajb-account-bookings {
        margin: 0;
        color: #18322c;
        overflow-wrap: anywhere;
    }

    .woocommerce-MyAccount-content .ajb-account-bookings > h2 {
        margin: 0 0 14px;
        font-size: 20px;
        line-height: 1.3;
    }

    .woocommerce-MyAccount-content .ajb-account-bookings > ul {
        display: grid;
        gap: 12px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .woocommerce-MyAccount-content .ajb-account-bookings .ajb-booking-card {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        min-width: 0;
        margin: 0;
        padding: 14px;
        border: 1px solid #d4dfda;
        border-radius: 12px;
        background: #fff;
        font-size: 14px;
        line-height: 1.45;
        list-style: none;
    }

    .woocommerce-MyAccount-content .ajb-booking-card :is(.ajb-booking-separator, .ajb-booking-linebreak) {
        display: none;
    }

    .woocommerce-MyAccount-content .ajb-booking-card .ajb-booking-number {
        order: -1;
        flex-basis: 100%;
        color: #566b63;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.4;
    }

    .woocommerce-MyAccount-content .ajb-booking-card .ajb-booking-activity {
        flex-basis: 100%;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.35;
    }

    .woocommerce-MyAccount-content .ajb-booking-card .ajb-booking-date {
        flex-basis: 100%;
        margin-bottom: 2px;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.45;
    }

    .woocommerce-MyAccount-content .ajb-booking-card :is(.ajb-booking-state, .ajb-booking-payment) {
        max-width: 100%;
        padding: 4px 8px;
        border-radius: 6px;
        background: #f0f4f2;
        color: #40594f;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.4;
    }

    .woocommerce-MyAccount-content .ajb-booking-card :is(.ajb-state-awaiting_payment, .ajb-state-awaiting_approval, .ajb-state-payment_review, .ajb-payment-refund_pending) {
        background: #fff3dc;
        color: #79500d;
    }

    .woocommerce-MyAccount-content .ajb-booking-card :is(.ajb-state-confirmed, .ajb-payment-paid, .ajb-payment-no_payment) {
        background: #eaf5ef;
        color: #235a3e;
    }

    .woocommerce-MyAccount-content .ajb-booking-card :is(.ajb-state-cancelled, .ajb-state-declined, .ajb-state-expired, .ajb-state-no_show) {
        background: #faeeeb;
        color: #8d3b2f;
    }

    .woocommerce-MyAccount-content .ajb-booking-card .ajb-booking-payable {
        order: 1;
        flex-basis: 100%;
        margin-top: 2px;
        color: #566b63;
        font-size: 13px;
    }

    .woocommerce-MyAccount-content .ajb-booking-card .ajb-booking-details,
    .woocommerce-MyAccount-content .ajb-account-pagination > a {
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        min-height: 44px;
        padding: 10px 14px;
        border: 1px solid var(--amp-accent, #135647);
        border-radius: 8px;
        background: #f3f8f5;
        color: var(--amp-accent, #135647);
        font-size: 14px;
        font-weight: 700;
        line-height: 1.4;
        text-align: center;
        text-decoration: none;
    }

    .woocommerce-MyAccount-content .ajb-booking-card .ajb-booking-details {
        order: 2;
        flex-basis: 100%;
        margin-top: 4px;
    }

    .woocommerce-MyAccount-content :is(.ajb-booking-details, .ajb-account-pagination > a):hover {
        background: #e6f0e9;
    }

    .woocommerce-MyAccount-content :is(.ajb-booking-details, .ajb-account-pagination > a):focus-visible {
        outline: 3px solid var(--amp-accent, #135647);
        outline-offset: 3px;
    }

    .woocommerce-MyAccount-content .ajb-account-pagination {
        margin: 12px 0 0;
    }
}