/**
 * Transfers Core — My Bookings visual hierarchy.
 *
 * Isolated from the base account stylesheet so existing buyer account styling
 * remains stable while booking cards gain clearer status and content grouping.
 */

.marmaris-transfers-account__booking {
    --mt-booking-accent: #475467;
    --mt-booking-soft: #f8fafc;
    --mt-booking-border: #d0d5dd;
    border-color: var(--mt-booking-border);
    box-shadow: 0 12px 30px rgba(16, 24, 40, 0.06);
}

.marmaris-transfers-account__booking--pending {
    --mt-booking-accent: #b54708;
    --mt-booking-soft: #fffaeb;
    --mt-booking-border: #fedf89;
}

.marmaris-transfers-account__booking--confirmed {
    --mt-booking-accent: #175cd3;
    --mt-booking-soft: #eff8ff;
    --mt-booking-border: #b2ddff;
}

.marmaris-transfers-account__booking--completed {
    --mt-booking-accent: #067647;
    --mt-booking-soft: #ecfdf3;
    --mt-booking-border: #abefc6;
}

.marmaris-transfers-account__booking--cancelled {
    --mt-booking-accent: #b42318;
    --mt-booking-soft: #fef3f2;
    --mt-booking-border: #fecdca;
}

.marmaris-transfers-account__booking-header {
    margin: -1.25rem -1.25rem 0;
    border-bottom: 1px solid var(--mt-booking-border);
    border-inline-start: 4px solid var(--mt-booking-accent);
    padding-block: 1rem;
    padding-inline: calc(1.25rem - 4px) 1.25rem;
    border-start-start-radius: 2px;
    border-start-end-radius: 2px;
    background: var(--mt-booking-soft);
}

.marmaris-transfers-account__booking-reference strong,
.marmaris-transfers-account__booking-heading h4 {
    color: #101828;
}

.marmaris-transfers-account__booking-statuses {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
}

.marmaris-transfers-account__urgency {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    border: 1px solid currentColor;
    border-radius: 3px;
    padding: 0.25rem 0.65rem;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    white-space: nowrap;
}

.marmaris-transfers-account__urgency--overdue {
    background: #fff4ed;
    color: #b93815;
}

.marmaris-transfers-account__booking-overview {
    grid-template-columns: 1.25fr 1fr minmax(130px, 0.8fr);
    gap: 0.75rem;
    margin-top: 1rem;
    border-block: 0;
}

.marmaris-transfers-account__booking-overview > div,
.marmaris-transfers-account__booking-overview > div:first-child,
.marmaris-transfers-account__booking-overview > div:last-child {
    border: 1px solid #e4e7ec;
    border-radius: 3px;
    padding: 0.85rem 1rem;
    background: #f8fafc;
}

.marmaris-transfers-account__booking-overview > .marmaris-transfers-account__booking-total {
    background: #f2f4f7;
}

.marmaris-transfers-account__booking-total dd {
    color: var(--mt-booking-accent);
}

.marmaris-transfers-account__booking-meta {
    gap: 0.5rem;
    padding-block: 0.8rem;
}

.marmaris-transfers-account__booking-meta > div {
    align-items: center;
    border: 1px solid #e4e7ec;
    border-radius: 999px;
    padding: 0.32rem 0.65rem;
    background: #fff;
}

.marmaris-transfers-account__booking-meta dt {
    color: #667085;
}

.marmaris-transfers-account__customer {
    margin-top: 1rem;
}

.marmaris-transfers-account__customer h5,
.marmaris-transfers-account__review-summary h5 {
    margin-bottom: 0.6rem;
    color: #344054;
    font-size: 0.9rem;
    letter-spacing: 0.01em;
}

.marmaris-transfers-account__customer-facts {
    border-color: #d6e4ff;
    background: #f5f8ff;
}

.marmaris-transfers-account__review-summary {
    margin-top: 1rem;
    border: 1px solid #e4e7ec;
    border-radius: 3px;
    padding: 1rem;
    background: #fcfcfd;
}

.marmaris-transfers-account__review-target {
    border-color: #e4e7ec;
    background: #fff;
}

.marmaris-transfers-account__booking--completed .marmaris-transfers-account__review-summary {
    border-color: #abefc6;
    background: #f6fef9;
}

.marmaris-transfers-account__booking--completed .marmaris-transfers-account__review-summary h5 {
    color: #067647;
}

.marmaris-transfers-account__booking--cancelled .marmaris-transfers-account__review-summary {
    border-color: #fecdca;
    background: #fffafa;
}

.marmaris-transfers-account__booking--cancelled .marmaris-transfers-account__review-summary h5 {
    color: #b42318;
}

@media (max-width: 767px) {
    .marmaris-transfers-account__booking-statuses {
        justify-content: flex-start;
    }

    .marmaris-transfers-account__booking-overview {
        grid-template-columns: 1fr;
    }

    .marmaris-transfers-account__booking-overview > div,
    .marmaris-transfers-account__booking-overview > div:first-child,
    .marmaris-transfers-account__booking-overview > div:last-child {
        padding: 0.8rem 0.9rem;
    }

    .marmaris-transfers-account__booking-meta > div {
        border-radius: 3px;
    }
}

@media (forced-colors: active) {
    .marmaris-transfers-account__booking,
    .marmaris-transfers-account__booking-header,
    .marmaris-transfers-account__booking-overview > div,
    .marmaris-transfers-account__booking-meta > div,
    .marmaris-transfers-account__customer-facts,
    .marmaris-transfers-account__review-summary,
    .marmaris-transfers-account__review-target,
    .marmaris-transfers-account__urgency {
        forced-color-adjust: auto;
    }
}