/* Client account pages — unified shell matching /client/financial/orders (sidebar card + gutter). */

.client-finance-portal.profile.client-my-listings {
    background: var(--khames-design-system-colors-gray-lightest, #f4f4f4);
}

.profile:not(.client-finance-portal):not(.client-my-listings--checkout-standalone):has(.content-wrapper > .menu),
.profile:not(.client-finance-portal):not(.client-my-listings--checkout-standalone):has(.content-wrapper .client-my-listings__nav),
.profile.client-my-listings:not(.client-finance-portal),
.profile.client-favorites,
.profile.client-delivery-addresses {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    align-items: stretch;
    background: var(--khames-design-system-colors-gray-lightest, #f4f4f4);
}

.profile:not(.client-finance-portal):not(.client-my-listings--checkout-standalone):has(.content-wrapper > .menu) .content,
.profile:not(.client-finance-portal):not(.client-my-listings--checkout-standalone):has(.content-wrapper .client-my-listings__nav) .content,
.profile.client-my-listings:not(.client-finance-portal) .content,
.profile.client-favorites .content,
.profile.client-delivery-addresses .content {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 20px 32px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.profile:not(.client-finance-portal):has(.content-wrapper > .menu) .content-wrapper,
.profile:not(.client-finance-portal):has(.content-wrapper .client-my-listings__nav) .content-wrapper,
.profile.client-my-listings:not(.client-finance-portal) .content-wrapper,
.profile.client-favorites .content-wrapper,
.profile.client-delivery-addresses .content-wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 24px;
    width: 100%;
    max-width: 100%;
    flex: 1 1 auto;
}

/* Match Orders: Arabic → sidebar on the right; English → sidebar on the left */
html[dir="rtl"] .profile:not(.client-finance-portal):has(.content-wrapper > .menu) .content-wrapper,
html[dir="rtl"] .profile:not(.client-finance-portal):has(.content-wrapper .client-my-listings__nav) .content-wrapper,
html[dir="rtl"] .profile.client-my-listings:not(.client-finance-portal) .content-wrapper,
html[dir="rtl"] .profile.client-favorites .content-wrapper,
html[dir="rtl"] .profile.client-delivery-addresses .content-wrapper,
.profile[dir="rtl"]:not(.client-finance-portal) .content-wrapper {
    flex-direction: row;
    justify-content: flex-start;
    direction: ltr;
}

html[dir="ltr"] .profile:not(.client-finance-portal):has(.content-wrapper > .menu) .content-wrapper,
html[dir="ltr"] .profile:not(.client-finance-portal):has(.content-wrapper .client-my-listings__nav) .content-wrapper,
html[dir="ltr"] .profile.client-my-listings:not(.client-finance-portal) .content-wrapper,
html[dir="ltr"] .profile.client-favorites .content-wrapper,
html[dir="ltr"] .profile.client-delivery-addresses .content-wrapper,
.profile[dir="ltr"]:not(.client-finance-portal) .content-wrapper {
    flex-direction: row;
    justify-content: flex-start;
    direction: rtl;
}

[dir="rtl"] .profile:not(.client-finance-portal):has(.content-wrapper > .menu) .content-wrapper,
[dir="rtl"] .profile:not(.client-finance-portal):has(.content-wrapper .client-my-listings__nav) .content-wrapper,
[dir="rtl"] .profile.client-my-listings:not(.client-finance-portal) .content-wrapper,
[dir="rtl"] .profile.client-favorites .content-wrapper,
[dir="rtl"] .profile.client-delivery-addresses .content-wrapper {
    flex-direction: row;
    justify-content: flex-start;
}

[dir="ltr"] .profile:not(.client-finance-portal):has(.content-wrapper > .menu) .content-wrapper,
[dir="ltr"] .profile:not(.client-finance-portal):has(.content-wrapper .client-my-listings__nav) .content-wrapper,
[dir="ltr"] .profile.client-my-listings:not(.client-finance-portal) .content-wrapper,
[dir="ltr"] .profile.client-favorites .content-wrapper,
[dir="ltr"] .profile.client-delivery-addresses .content-wrapper {
    flex-direction: row;
    justify-content: flex-start;
}

.profile:not(.client-finance-portal) .content-wrapper > .client-my-listings__main,
.profile:not(.client-finance-portal) .content-wrapper > .services-content-section,
.profile:not(.client-finance-portal) .content-wrapper > .left,
.profile:not(.client-finance-portal) .content-wrapper > .messaging-profile-section,
.profile.client-favorites .client-favorites__main,
.profile.client-delivery-addresses .client-delivery-addresses__main {
    flex: 1 1 0;
    min-width: 0;
    max-width: 100%;
}

.profile:not(.client-finance-portal) .content-wrapper > .client-my-listings__nav,
.profile:not(.client-finance-portal) .content-wrapper > .client-delivery-addresses__nav,
.profile:not(.client-finance-portal) .content-wrapper > .client-favorites__nav,
.profile:not(.client-finance-portal) .content-wrapper > .menu {
    flex: 0 0 280px;
    width: 280px;
    min-width: 280px;
    max-width: 280px;
    align-self: flex-start;
}

.profile:not(.client-finance-portal) .content-wrapper > .menu,
.profile:not(.client-finance-portal) .client-my-listings__nav .menu,
.profile.client-favorites .menu,
.profile.client-delivery-addresses .menu {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    align-self: stretch;
}

@media (max-width: 1400px) {
    .profile:not(.client-finance-portal):has(.content-wrapper > .menu) .content,
    .profile:not(.client-finance-portal):has(.content-wrapper .client-my-listings__nav) .content,
    .profile.client-my-listings:not(.client-finance-portal) .content,
    .profile.client-favorites .content,
    .profile.client-delivery-addresses .content {
        padding: 20px 20px;
    }

    .profile:not(.client-finance-portal) .content-wrapper > .client-my-listings__nav,
    .profile:not(.client-finance-portal) .content-wrapper > .menu {
        flex-basis: 250px;
        width: 250px;
        min-width: 250px;
        max-width: 250px;
    }
}

@media (max-width: 1180px) {
    .profile:not(.client-finance-portal):has(.content-wrapper > .menu) .content-wrapper,
    .profile:not(.client-finance-portal):has(.content-wrapper .client-my-listings__nav) .content-wrapper,
    .profile.client-my-listings:not(.client-finance-portal) .content-wrapper,
    .profile.client-favorites .content-wrapper,
    .profile.client-delivery-addresses .content-wrapper,
    html[dir="rtl"] .profile:not(.client-finance-portal) .content-wrapper,
    html[dir="ltr"] .profile:not(.client-finance-portal) .content-wrapper,
    [dir="rtl"] .profile:not(.client-finance-portal) .content-wrapper,
    [dir="ltr"] .profile:not(.client-finance-portal) .content-wrapper {
        flex-direction: column;
        direction: inherit;
    }

    .profile:not(.client-finance-portal) .content-wrapper > .client-my-listings__nav,
    .profile:not(.client-finance-portal) .content-wrapper > .client-delivery-addresses__nav,
    .profile:not(.client-finance-portal) .content-wrapper > .client-favorites__nav,
    .profile:not(.client-finance-portal) .content-wrapper > .menu {
        order: -1;
        flex: 0 0 auto;
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }
}

@media (max-width: 640px) {
    .profile:not(.client-finance-portal):has(.content-wrapper > .menu) .content,
    .profile:not(.client-finance-portal):has(.content-wrapper .client-my-listings__nav) .content,
    .profile.client-my-listings:not(.client-finance-portal) .content,
    .profile.client-favorites .content,
    .profile.client-delivery-addresses .content {
        padding: 12px 12px;
    }
}