/* Customer Cabinet v2 — presentation only.
 * Keeps WooCommerce endpoints, booking/payment state and account handlers untouched.
 */

.ag-account-page.logged-in .azergid-page {
    --ag-customer-surface: #fffdf9;
    --ag-customer-surface-soft: #faf5ed;
    --ag-customer-border: #e5ddd1;
    --ag-customer-muted: #706b65;
    background: var(--color-warm-white);
}

.ag-account-page.logged-in .azergid-page > .azergid-container {
    width: 100%;
    max-width: none;
    padding-inline: 0;
}

.ag-account-page.logged-in .azergid-page__article,
.ag-account-page.logged-in .azergid-page__content {
    min-width: 0;
}

/* Shared signed-in shell. Higher specificity intentionally wins over the older
 * corrective block embedded in WooCommerce navigation.php. */
.ag-account-page.logged-in .woocommerce:has(.ag-account-nav) {
    width: min(1240px, calc(100% - 40px)) !important;
    margin: 30px auto 64px !important;
    grid-template-columns: 232px minmax(0, 1fr) !important;
    gap: 24px !important;
    align-items: start !important;
}

.ag-account-page.logged-in .woocommerce:has(.ag-account-nav) .woocommerce-MyAccount-content {
    min-width: 0 !important;
    padding: 0 !important;
}

.ag-account-page.logged-in .woocommerce:has(.ag-account-nav) .ag-account-nav {
    top: 94px !important;
    padding: 16px 12px 12px !important;
    border: 1px solid #e5ddd1 !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, .92) !important;
    box-shadow: 0 10px 30px rgba(16, 35, 59, .07) !important;
    backdrop-filter: blur(10px);
}

.ag-account-page.logged-in .ag-account-nav__header {
    min-height: 42px;
    padding: 0 8px 14px !important;
}

.ag-account-page.logged-in .ag-account-nav__title {
    font-size: 18px !important;
    font-weight: 750 !important;
    letter-spacing: -.02em !important;
}

.ag-account-page.logged-in .ag-account-nav__list {
    gap: 5px !important;
}

.ag-account-page.logged-in .ag-account-nav .ag-account-nav__item > a {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 9px !important;
    min-height: 48px !important;
    padding: 6px 8px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    transition: background-color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease !important;
}

.ag-account-page.logged-in .ag-account-nav__icon {
    width: 34px !important;
    height: 34px !important;
    border-radius: 9px !important;
    background: #f8f2e9 !important;
    color: #675f56 !important;
}

.ag-account-page.logged-in .ag-account-nav__icon svg {
    width: 17px !important;
    height: 17px !important;
}

.ag-account-page.logged-in .ag-account-nav .ag-account-nav__item > a:hover,
.ag-account-page.logged-in .ag-account-nav .ag-account-nav__item > a:focus-visible {
    border-color: #e4d9ca !important;
    background: #fcf8f1 !important;
    transform: translateX(2px) !important;
}

.ag-account-page.logged-in .ag-account-nav .ag-account-nav__item.is-active > a {
    border-color: #ead4ad !important;
    background: #fff8ec !important;
    box-shadow: inset 3px 0 0 #d88924 !important;
    transform: none !important;
}

.ag-account-page.logged-in .ag-account-nav__item.is-active .ag-account-nav__icon {
    background: #fff0d7 !important;
    color: #b96d0c !important;
}

.ag-account-page.logged-in .ag-account-nav__item--customer-logout {
    margin-top: 8px !important;
    padding-top: 10px !important;
    border-top-color: #e7dfd3 !important;
}

/* Compact editorial heading shared by dashboard, bookings and settings. */
.ag-account-page.logged-in .ag-account-dashboard__hero,
.ag-account-page.logged-in .ag-account-bookings__header,
.ag-account-page.logged-in .ag-account-details__header {
    margin: 0 !important;
    padding: 2px 0 18px !important;
    border-bottom: 1px solid #e3d9cc !important;
}

.ag-account-page.logged-in .ag-account-dashboard__hero h1,
.ag-account-page.logged-in .ag-account-bookings__header h1,
.ag-account-page.logged-in .ag-account-details__title {
    margin: 3px 0 0 !important;
    color: #10233b !important;
    font-size: clamp(30px, 3.5vw, 40px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.025em !important;
}

.ag-account-page.logged-in .ag-account-dashboard__hero p:last-child,
.ag-account-page.logged-in .ag-account-bookings__header > p:last-child,
.ag-account-page.logged-in .ag-account-details__intro {
    max-width: 680px !important;
    margin: 7px 0 0 !important;
    color: #706b65 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}

.ag-account-page.logged-in .ag-eyebrow,
.ag-account-page.logged-in .ag-account-details__eyebrow,
.ag-account-page.logged-in .ag-booking-detail-v2__eyebrow {
    margin-bottom: 5px !important;
    color: #a96312 !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    letter-spacing: .13em !important;
}

/* Dashboard. */
.ag-account-page.logged-in .ag-account-dashboard {
    gap: 20px !important;
}

.ag-account-page.logged-in .ag-account-dashboard__quick-links {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin-top: 2px !important;
}

.ag-account-page.logged-in .ag-account-dashboard__quick-card {
    position: relative;
    min-height: 164px;
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    padding: 17px !important;
    overflow: hidden;
    border: 1px solid #e5ddd1 !important;
    border-radius: 15px !important;
    background: #fff !important;
    box-shadow: 0 6px 18px rgba(16, 35, 59, .045) !important;
    text-decoration: none !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

.ag-account-page.logged-in .ag-account-dashboard__quick-card::after {
    content: "";
    position: absolute;
    width: 92px;
    height: 92px;
    right: -34px;
    top: -34px;
    border-radius: 50%;
    background: rgba(216, 137, 36, .055);
    pointer-events: none;
}

.ag-account-page.logged-in .ag-account-dashboard__quick-card:hover,
.ag-account-page.logged-in .ag-account-dashboard__quick-card:focus-visible {
    border-color: #dccfbe !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 28px rgba(16, 35, 59, .09) !important;
}

.ag-account-dashboard__quick-icon {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    margin-bottom: 13px;
    border-radius: 11px;
    background: #f8f2e9;
    color: #8b6238;
}

.ag-account-dashboard__quick-icon--gold {
    background: #fff1dc;
    color: #b96d0c;
}

.ag-account-dashboard__quick-icon svg {
    width: 19px;
    height: 19px;
    display: block;
}

.ag-account-page.logged-in .ag-account-dashboard__quick-card strong {
    color: #10233b !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
}

.ag-account-page.logged-in .ag-account-dashboard__quick-card > span:not(.ag-account-dashboard__quick-icon):not(.ag-account-dashboard__quick-action) {
    margin-top: 6px !important;
    color: #746e67 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
}

.ag-account-page.logged-in .ag-account-dashboard__quick-action {
    margin-top: auto !important;
    padding-top: 14px;
    color: #8b6238 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.ag-account-page.logged-in .ag-account-dashboard__recent {
    margin-top: 6px !important;
}

.ag-account-page.logged-in .ag-account-dashboard__section-heading {
    margin-bottom: 12px !important;
}

.ag-account-page.logged-in .ag-account-dashboard__section-heading h2 {
    margin: 0 !important;
    color: #10233b !important;
    font-family: var(--font-body, Manrope, sans-serif) !important;
    font-size: 20px !important;
    line-height: 1.25 !important;
}

.ag-account-page.logged-in .ag-account-dashboard__section-heading > a {
    color: #8b6238 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.ag-account-page.logged-in .ag-account-dashboard__empty {
    min-height: 150px;
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) auto;
    grid-template-areas: "icon title action" "icon copy action";
    align-items: center;
    gap: 4px 16px;
    padding: 20px !important;
    border: 1px solid #e5ddd1 !important;
    border-radius: 15px !important;
    background: #fff !important;
    box-shadow: 0 6px 18px rgba(16, 35, 59, .04) !important;
}

.ag-account-dashboard__empty-icon {
    grid-area: icon;
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: #f8f2e9;
    color: #8b6238;
}

.ag-account-dashboard__empty-icon svg {
    width: 24px;
    height: 24px;
}

.ag-account-page.logged-in .ag-account-dashboard__empty h3 {
    grid-area: title;
    margin: 0 !important;
    font-family: var(--font-body, Manrope, sans-serif) !important;
    font-size: 15px !important;
}

.ag-account-page.logged-in .ag-account-dashboard__empty p {
    grid-area: copy;
    margin: 0 !important;
    color: #78716a !important;
    font-size: 12px !important;
}

.ag-account-page.logged-in .ag-account-dashboard__empty .ag-button {
    grid-area: action;
    min-height: 42px;
    border-radius: 10px;
    background: #10233b !important;
    color: #fff !important;
}

/* Shared booking card language. */
.ag-account-page.logged-in .ag-booking-card,
.ag-account-page.logged-in .ag-booking-card--list {
    border: 1px solid #e5ddd1 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 6px 20px rgba(16, 35, 59, .05) !important;
}

.ag-account-page.logged-in .ag-account-bookings {
    gap: 18px !important;
}

.ag-account-page.logged-in .ag-account-bookings .ag-booking-list {
    gap: 12px !important;
}

.ag-account-page.logged-in .ag-account-bookings .ag-booking-card--list {
    grid-template-columns: 154px minmax(0, 1fr) 202px !important;
    min-height: 172px !important;
    padding: 13px !important;
}

.ag-account-page.logged-in .ag-booking-card--list .ag-booking-card__media {
    border-radius: 12px !important;
    background: #f2ece3 !important;
}

.ag-account-page.logged-in .ag-booking-card--list .ag-booking-card__service {
    color: #a96312 !important;
    font-size: 10px !important;
    letter-spacing: .08em !important;
}

.ag-account-page.logged-in .ag-booking-card--list h3 {
    color: #10233b !important;
    font-size: 18px !important;
}

.ag-account-page.logged-in .ag-booking-card--list .ag-booking-card__period,
.ag-account-page.logged-in .ag-booking-card--list .ag-booking-card__reference {
    color: #746d65 !important;
}

.ag-account-page.logged-in .ag-booking-card--list .ag-booking-card__side {
    border-inline-start-color: #e8dfd3 !important;
}

.ag-account-page.logged-in .ag-booking-card--list .ag-booking-card__side .ag-button {
    border-color: #e4dacd !important;
    background: #fbf7f0 !important;
    color: #463f38 !important;
    font-weight: 650 !important;
}

/* Statuses: keep booking and online-payment domains distinct, but quiet. */
.ag-account-page.logged-in .ag-badge {
    min-height: 24px !important;
    padding: 3px 8px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 999px !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 650 !important;
    box-shadow: none !important;
}

.ag-account-page.logged-in .ag-badge[data-status="cancelled"],
.ag-account-page.logged-in .ag-badge[data-status="failed"] {
    border-color: #f1c7c7 !important;
    background: #fff4f4 !important;
    color: #b42318 !important;
}

.ag-account-page.logged-in .ag-badge[data-status="confirmed"],
.ag-account-page.logged-in .ag-badge[data-status="paid"] {
    border-color: #c9e3d2 !important;
    background: #f2faf5 !important;
    color: #2d6a45 !important;
}

.ag-account-page.logged-in .ag-badge[data-status="pending"] {
    border-color: #ecd7b7 !important;
    background: #fff8ec !important;
    color: #9b5c10 !important;
}

.ag-account-page.logged-in .ag-badge[data-status="refunded"] {
    border-color: #dfd3c4 !important;
    background: #faf4eb !important;
    color: #8b6238 !important;
}

.ag-account-page.logged-in .ag-badge[data-status="completed"] {
    border-color: #d8e0e7 !important;
    background: #f6f8fa !important;
    color: #6c655e !important;
}

/* Booking detail — retain all data and actions, reduce the visual fragmentation. */
.ag-account-page.logged-in .ag-booking-detail-v2 {
    gap: 12px !important;
}

.ag-account-page.logged-in .ag-booking-detail-v2__back {
    min-height: 44px;
    padding-inline: 4px;
    color: #8b6238 !important;
    font-size: 12px !important;
}

.ag-account-page.logged-in .ag-booking-detail-v2__header {
    gap: 12px 22px !important;
    padding: 0 0 16px !important;
    border-bottom-color: #e3d9cc !important;
}

.ag-account-page.logged-in .ag-booking-detail-v2__title {
    font-size: clamp(32px, 4vw, 44px) !important;
    letter-spacing: -.025em !important;
}

.ag-account-page.logged-in .ag-booking-detail-v2__vehicle-name {
    margin-top: 5px !important;
    font-size: 14px !important;
}

.ag-account-page.logged-in .ag-booking-detail-v2 > section,
.ag-account-page.logged-in .ag-booking-detail-v2__grid > section {
    border-color: #e5ddd1 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 6px 20px rgba(16, 35, 59, .05) !important;
}

.ag-account-page.logged-in .ag-booking-detail-v2__hero {
    padding: 15px !important;
}

.ag-account-page.logged-in .ag-booking-detail-v2__media {
    border-radius: 12px !important;
}

.ag-account-page.logged-in .ag-booking-detail-v2__specs li {
    border-color: #e5ddd1 !important;
    background: #f8fafb !important;
}

.ag-account-page.logged-in .ag-booking-detail-v2__grid {
    gap: 12px !important;
}

.ag-account-page.logged-in .ag-booking-detail-v2__grid > section {
    padding: 17px !important;
}

.ag-account-page.logged-in .ag-booking-detail-v2__section-title,
.ag-account-page.logged-in .ag-booking-detail-v2__actions-title {
    color: #10233b !important;
    font-size: 15px !important;
}

.ag-account-page.logged-in .ag-booking-detail-v2__actions {
    padding: 12px 14px !important;
}

.ag-account-page.logged-in .ag-booking-detail-v2__actions .ag-button {
    min-height: 40px !important;
    border-radius: 9px !important;
    font-size: 12px !important;
}

/* Account details — match the quieter partner form controls. */
.ag-account-page.logged-in .ag-account-details {
    gap: 18px !important;
}

.ag-account-page.logged-in .ag-account-details__form {
    overflow: hidden;
    border-color: #e5ddd1 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 6px 20px rgba(16, 35, 59, .045) !important;
}

.ag-account-page.logged-in .ag-account-details__card {
    padding: 20px !important;
}

.ag-account-page.logged-in .ag-account-details__section-copy h2 {
    color: #10233b !important;
    font-size: 16px !important;
}

.ag-account-page.logged-in .ag-account-details__section-copy p,
.ag-account-page.logged-in .ag-account-details__password-help,
.ag-account-page.logged-in .ag-account-details__help {
    color: #7b746d !important;
    font-size: 11px !important;
}

.ag-account-page.logged-in .ag-account-details .form-row label {
    color: #433d37 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

.ag-account-page.logged-in .ag-account-details input.input-text {
    min-height: 46px !important;
    border-color: #e4dacd !important;
    border-radius: 9px !important;
    background: #fffdf9 !important;
    font-size: 13px !important;
}

.ag-account-page.logged-in .ag-account-details input.input-text:hover {
    border-color: #d6c8b7 !important;
    background: #f8fafb !important;
}

.ag-account-page.logged-in .ag-account-details input.input-text:focus,
.ag-account-page.logged-in .ag-account-details input.input-text:focus-visible {
    border-color: #b6782e !important;
    background: #fff !important;
    box-shadow: inset 0 0 0 1px rgba(22, 130, 189, .18), 0 0 0 3px rgba(22, 130, 189, .08) !important;
}

.ag-account-page.logged-in .ag-account-details__actions {
    padding: 12px 16px !important;
    background: #fffdf9 !important;
}

.ag-account-page.logged-in .ag-account-details__submit {
    min-width: 190px !important;
    min-height: 44px !important;
    border-radius: 9px !important;
    font-size: 13px !important;
}

/* One support component across dashboard and booking detail. */
.ag-account-page.logged-in .azergid-customer-support,
.ag-account-page.logged-in .ag-booking-detail-v2__support .azergid-customer-support {
    margin-top: 14px !important;
    padding: 15px 16px !important;
    border: 1px solid #e5ddd1 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 5px 16px rgba(16, 35, 59, .04) !important;
}

.ag-account-page.logged-in .azergid-customer-support__title {
    color: #10233b !important;
    font-size: 14px !important;
}

.ag-account-page.logged-in .azergid-customer-support__text {
    color: #7b746d !important;
    font-size: 11px !important;
}

.ag-account-page.logged-in .azergid-customer-support__contacts a {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    border: 1px solid #e4dacd;
    border-radius: 9px;
    background: #f8fafb;
    padding: 7px 10px;
    color: #5d554d;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
}

.ag-account-page.logged-in .azergid-customer-support__contacts a:hover,
.ag-account-page.logged-in .azergid-customer-support__contacts a:focus-visible {
    border-color: #d2c3b1;
    background: #f8f2e9;
}

@media (max-width: 1040px) {
    .ag-account-page.logged-in .woocommerce:has(.ag-account-nav) {
        width: min(100% - 28px, 960px) !important;
        grid-template-columns: 220px minmax(0, 1fr) !important;
        gap: 18px !important;
    }

    .ag-account-page.logged-in .ag-account-dashboard__quick-links {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .ag-account-page.logged-in .ag-account-dashboard__quick-card:last-child {
        grid-column: 1 / -1;
    }
}

@media (max-width: 900px) {
    .ag-account-page.logged-in .azergid-page {
        padding-top: 14px !important;
    }

    .ag-account-page.logged-in .woocommerce:has(.ag-account-nav) {
        width: min(100% - 24px, 760px) !important;
        margin: 0 auto 48px !important;
        display: block !important;
    }

    .ag-account-page.logged-in .woocommerce:has(.ag-account-nav) .ag-account-nav {
        position: relative !important;
        top: auto !important;
        margin-bottom: 14px !important;
        padding: 10px 12px !important;
        border-radius: 14px !important;
    }

    .ag-account-page.logged-in .ag-account-nav__header {
        min-height: 42px !important;
        padding: 0 !important;
    }

    .ag-account-page.logged-in .ag-account-nav__title {
        font-size: 16px !important;
    }

    .ag-account-page.logged-in .ag-account-nav__mobile {
        max-width: 70% !important;
    }

    .ag-account-page.logged-in .ag-account-nav__mobile summary {
        min-height: 40px !important;
        border-color: #e5ddd1 !important;
        border-radius: 9px !important;
        background: #f8fafb !important;
    }

    .ag-account-page.logged-in .ag-account-nav__list--mobile {
        border-color: #e5ddd1 !important;
        border-radius: 12px !important;
        background: #fff !important;
        box-shadow: 0 16px 36px rgba(16, 35, 59, .12) !important;
    }

    .ag-account-page.logged-in .ag-account-dashboard__quick-links {
        grid-template-columns: 1fr !important;
    }

    .ag-account-page.logged-in .ag-account-dashboard__quick-card:last-child {
        grid-column: auto;
    }

    .ag-account-page.logged-in .ag-account-dashboard__quick-card {
        min-height: 142px;
    }

    .ag-account-page.logged-in .ag-account-bookings .ag-booking-card--list {
        grid-template-columns: 112px minmax(0, 1fr) !important;
        gap: 13px !important;
        min-height: 0 !important;
    }
}

@media (max-width: 640px) {
    .ag-account-page.logged-in .woocommerce:has(.ag-account-nav) {
        width: min(100% - 20px, 560px) !important;
    }

    .ag-account-page.logged-in .ag-account-nav__mobile {
        max-width: 66% !important;
    }

    .ag-account-page.logged-in .ag-account-dashboard__hero,
    .ag-account-page.logged-in .ag-account-bookings__header,
    .ag-account-page.logged-in .ag-account-details__header {
        padding-bottom: 14px !important;
    }

    .ag-account-page.logged-in .ag-account-dashboard__hero h1,
    .ag-account-page.logged-in .ag-account-bookings__header h1,
    .ag-account-page.logged-in .ag-account-details__title {
        font-size: 27px !important;
        line-height: 1.12 !important;
    }

    .ag-account-page.logged-in .ag-account-dashboard__hero p:last-child,
    .ag-account-page.logged-in .ag-account-bookings__header > p:last-child,
    .ag-account-page.logged-in .ag-account-details__intro {
        font-size: 12px !important;
    }

    .ag-account-page.logged-in .ag-account-dashboard__quick-card {
        min-height: 0;
        padding: 15px !important;
    }

    .ag-account-page.logged-in .ag-account-dashboard__quick-icon {
        width: 36px;
        height: 36px;
        margin-bottom: 11px;
    }

    .ag-account-page.logged-in .ag-account-dashboard__empty {
        min-height: 0;
        grid-template-columns: 44px minmax(0, 1fr);
        grid-template-areas: "icon title" "icon copy" "action action";
        gap: 3px 12px;
        padding: 16px !important;
    }

    .ag-account-dashboard__empty-icon {
        width: 44px;
        height: 44px;
        border-radius: 12px;
    }

    .ag-account-page.logged-in .ag-account-dashboard__empty .ag-button {
        width: 100%;
        margin-top: 10px;
    }

    .ag-account-page.logged-in .ag-account-bookings .ag-booking-card--list {
        grid-template-columns: 96px minmax(0, 1fr) !important;
        padding: 12px !important;
    }

    .ag-account-page.logged-in .ag-booking-card--list .ag-booking-card__media,
    .ag-account-page.logged-in .ag-booking-card--list .ag-booking-card__media img,
    .ag-account-page.logged-in .ag-booking-card--list .ag-booking-card__media-fallback {
        min-height: 96px !important;
        height: 96px !important;
    }

    .ag-account-page.logged-in .ag-booking-card--list .ag-booking-card__side {
        grid-template-columns: 1fr !important;
    }

    .ag-account-page.logged-in .ag-booking-card--list .ag-booking-card__side .ag-button {
        width: 100%;
    }

    .ag-account-page.logged-in .ag-booking-detail-v2__title {
        font-size: 31px !important;
    }

    .ag-account-page.logged-in .ag-booking-detail-v2__hero,
    .ag-account-page.logged-in .ag-booking-detail-v2__grid > section,
    .ag-account-page.logged-in .ag-account-details__card {
        padding: 14px !important;
    }

    .ag-account-page.logged-in .ag-booking-detail-v2__actions {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    .ag-account-page.logged-in .ag-booking-detail-v2__actions-title {
        margin-right: 0 !important;
    }

    .ag-account-page.logged-in .ag-booking-detail-v2__actions .ag-button {
        width: 100% !important;
    }

    .ag-account-page.logged-in .ag-account-details__fields,
    .ag-account-page.logged-in .ag-account-details__fields--password {
        grid-template-columns: 1fr !important;
    }

    .ag-account-page.logged-in .ag-account-details__actions {
        padding: 10px 14px !important;
    }

    .ag-account-page.logged-in .ag-account-details__submit {
        width: 100% !important;
        min-width: 0 !important;
    }

    .ag-account-page.logged-in .azergid-customer-support,
    .ag-account-page.logged-in .ag-booking-detail-v2__support .azergid-customer-support {
        grid-template-columns: 1fr !important;
        grid-template-areas: "title" "text" "contacts" !important;
        gap: 5px !important;
    }

    .ag-account-page.logged-in .azergid-customer-support__contacts {
        width: 100%;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 7px !important;
        margin-top: 8px !important;
    }

    .ag-account-page.logged-in .azergid-customer-support__contacts a {
        width: 100%;
        min-height: 44px;
        justify-content: center;
    }
}


/* Customer dashboard v4: premium editorial overview built on the shared account shell. */
.ag-account-page.logged-in .ag-account-dashboard__recent--primary { margin-top: 2px !important; }
.ag-account-page.logged-in .ag-account-dashboard__recent--primary .ag-account-dashboard__section-heading { align-items: end; }
.ag-account-page.logged-in .ag-account-dashboard__recent--primary .ag-eyebrow { margin: 0 0 4px !important; }
.ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card--list {
    grid-template-columns: minmax(190px, 25%) minmax(0, 1fr) minmax(210px, 25%) !important;
    min-height: 222px !important;
    padding: 14px !important;
    gap: 20px !important;
}
.ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__media,
.ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__media img,
.ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__media-fallback {
    width: 100%; height: 100%; min-height: 194px; object-fit: cover;
}
.ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__body { align-self: center; padding-block: 8px; }
.ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__statuses { margin-bottom: 22px; }
.ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__side { padding: 8px 0 8px 20px; }
.ag-account-page.logged-in .ag-account-dashboard__quick-links--compact {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin-top: 0 !important;
}
.ag-account-page.logged-in .ag-account-dashboard__quick-links--compact .ag-account-dashboard__quick-card {
    min-height: 92px; display: grid !important; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 12px;
    padding: 15px 17px !important;
}
.ag-account-page.logged-in .ag-account-dashboard__quick-links--compact .ag-account-dashboard__quick-icon { margin: 0; }
.ag-account-page.logged-in .ag-account-dashboard__quick-copy { min-width: 0; display: grid; gap: 4px; }
.ag-account-page.logged-in .ag-account-dashboard__quick-copy > span { color: #746e67; font-size: 12px; line-height: 1.4; }
.ag-account-page.logged-in .ag-account-dashboard__quick-links--compact .ag-account-dashboard__quick-action { margin: 0 !important; padding: 0; white-space: nowrap; }

@media (max-width: 1040px) {
    .ag-account-page.logged-in .ag-account-dashboard__quick-links--compact { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .ag-account-page.logged-in .ag-account-dashboard__quick-links--compact .ag-account-dashboard__quick-card:last-child { grid-column: auto; }
    .ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card--list { grid-template-columns: 160px minmax(0, 1fr) !important; }
    .ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__side { grid-column: 2; padding: 14px 0 0; border-inline-start: 0 !important; border-top: 1px solid #e8dfd3; }
}
@media (max-width: 700px) {
    .ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card--list { grid-template-columns: 1fr !important; padding: 12px !important; gap: 12px !important; }
    .ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__media,
    .ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__media img,
    .ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__media-fallback { min-height: 180px !important; height: 180px !important; }
    .ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__body { padding: 4px 2px; }
    .ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__statuses { margin-bottom: 14px; }
    .ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__side { grid-column: auto; padding: 14px 2px 2px; }
    .ag-account-page.logged-in .ag-account-dashboard__quick-links--compact { grid-template-columns: 1fr !important; }
}
@media (max-width: 480px) {
    .ag-account-page.logged-in .ag-account-dashboard__quick-links--compact .ag-account-dashboard__quick-card { grid-template-columns: 38px minmax(0, 1fr); min-height: 0; padding: 13px !important; }
    .ag-account-page.logged-in .ag-account-dashboard__quick-links--compact .ag-account-dashboard__quick-action { grid-column: 2; }
}


/* Dashboard v4 runtime correction: the list-card primitives originally lived
 * inside orders.php, so the dashboard must own the subset it renders. */
.ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card--list {
    display: grid !important;
    align-items: stretch !important;
    overflow: hidden;
}
.ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__media {
    min-width: 0;
    overflow: hidden;
}
.ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__media img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    object-fit: cover !important;
}
.ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__media-fallback {
    display: grid;
    place-items: center;
    color: #746d65;
}
.ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__media-fallback svg {
    width: 58px !important;
    height: auto !important;
    opacity: .5;
}
.ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__body {
    display: flex !important;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
}
.ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__service {
    display: block;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__period {
    display: flex !important;
    align-items: center;
    gap: 7px;
    margin: 10px 0 0 !important;
    font-size: 13px;
    font-weight: 600;
}
.ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__period-icon,
.ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__period-icon svg {
    width: 17px !important;
    height: 17px !important;
}
.ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__period-icon {
    display: inline-grid;
    flex: 0 0 17px;
    place-items: center;
}
.ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__reference {
    margin: 10px 0 0 !important;
    font-size: 12px;
}
.ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__side {
    display: flex !important;
    min-width: 0;
    flex-direction: column;
    justify-content: space-between;
    gap: 12px;
    border-inline-start: 1px solid #e8dfd3;
}
.ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__money--list {
    display: grid;
    gap: 8px;
    margin: 0;
}
.ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__money--list > div {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px !important;
    align-items: baseline;
}
.ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__money--list dt {
    color: #746d65;
    font-size: 10px;
}
.ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__money--list dd {
    margin: 0;
    color: #10233b;
    font-size: 13px;
    font-weight: 700;
    text-align: right;
    white-space: nowrap;
}
.ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__money-primary {
    margin-bottom: 3px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e8dfd3;
}
.ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__money-primary dd {
    font-size: 18px;
}
@media (max-width: 1040px) {
    .ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__side {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 160px;
        align-items: end;
    }
}
@media (max-width: 700px) {
    .ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__side {
        display: grid !important;
        grid-template-columns: 1fr;
        border-top: 1px solid #e8dfd3;
    }
}

/* Dashboard v4 visual calibration: one deliberate card grid at every breakpoint. */
.ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card--list {
    grid-template-columns: 176px minmax(0, 1fr) 250px !important;
    min-height: 190px !important;
    gap: 18px !important;
}
.ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__media,
.ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__media img,
.ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__media-fallback {
    min-height: 162px !important;
    height: 162px !important;
    border-radius: 12px;
}
.ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__body {
    align-self: stretch;
    justify-content: flex-start;
    padding: 5px 2px !important;
}
.ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__statuses { margin-bottom: 13px; }
.ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__service { margin-bottom: 7px; }
.ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__body h3 {
    margin: 0 !important;
    line-height: 1.3 !important;
}
.ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__period { margin-top: 18px !important; }
.ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__side {
    padding: 7px 0 7px 18px;
}
.ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__money--list > div {
    min-width: 0;
}
.ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__money--list dd {
    overflow-wrap: normal;
    word-break: normal;
}
.ag-account-page.logged-in .ag-account-dashboard__quick-links--compact .ag-account-dashboard__quick-card::after {
    width: 72px;
    height: 72px;
    right: -30px;
    top: -30px;
}

@media (max-width: 1040px) {
    .ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card--list {
        grid-template-columns: 150px minmax(0, 1fr) !important;
        min-height: 0 !important;
    }
    .ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__media,
    .ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__media img,
    .ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__media-fallback {
        min-height: 132px !important;
        height: 132px !important;
    }
}

@media (max-width: 700px) {
    .ag-account-page.logged-in .ag-account-dashboard__recent--primary .ag-account-dashboard__section-heading {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px 12px;
        align-items: end !important;
        text-align: left !important;
    }
    .ag-account-page.logged-in .ag-account-dashboard__recent--primary .ag-account-dashboard__section-heading > div {
        min-width: 0;
        margin: 0 !important;
        text-align: left !important;
    }
    .ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card--list {
        grid-template-columns: minmax(0, 1fr) !important;
        min-height: 0 !important;
        gap: 13px !important;
    }
    .ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__media {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 16 / 9;
    }
    .ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__media img,
    .ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__media-fallback {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
    }
    .ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__body {
        padding: 2px 2px 0 !important;
    }
    .ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__statuses {
        margin-bottom: 11px;
    }
    .ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__period {
        margin-top: 14px !important;
    }
    .ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__side {
        grid-column: 1 / -1 !important;
        padding: 13px 2px 2px;
        border-inline-start: 0;
        border-top: 1px solid #e8dfd3;
    }
    .ag-account-page.logged-in .ag-account-dashboard__quick-links--compact .ag-account-dashboard__quick-card::after {
        display: none;
    }
}

@media (max-width: 480px) {
    .ag-account-page.logged-in .ag-account-dashboard__section-heading h2 { font-size: 19px !important; }
    .ag-account-page.logged-in .ag-account-dashboard__section-heading > a {
        align-self: end;
        padding-bottom: 2px;
        font-size: 11px !important;
        white-space: nowrap;
    }
    .ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card--list {
        padding: 10px !important;
    }
    .ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__statuses {
        display: flex !important;
        gap: 5px !important;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    .ag-account-page.logged-in .ag-account-dashboard__featured-booking .ag-booking-card__money--list > div {
        grid-template-columns: minmax(0, 1fr) max-content;
    }
    .ag-account-page.logged-in .ag-account-dashboard__quick-links--compact .ag-account-dashboard__quick-card {
        gap: 9px 11px;
    }
}



/* Mobile account navigation alignment.
 * Keep the trigger at the right edge and contain the dropdown inside the viewport. */
@media (max-width: 900px) {
    .ag-account-page.logged-in .ag-account-nav__header {
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
    }

    .ag-account-page.logged-in .ag-account-nav__mobile {
        width: auto !important;
        max-width: min(58%, 210px) !important;
        justify-self: end !important;
    }

    .ag-account-page.logged-in .ag-account-nav__mobile summary {
        width: auto !important;
        justify-content: flex-start !important;
    }

    .ag-account-page.logged-in .ag-account-nav__list--mobile {
        left: auto !important;
        right: 0 !important;
        width: min(252px, calc(100vw - 40px)) !important;
        max-width: calc(100vw - 40px) !important;
        grid-template-columns: minmax(0, 1fr) !important;
        box-sizing: border-box !important;
    }

    .ag-account-page.logged-in .ag-account-nav__list--mobile .ag-account-nav__label {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}
