/*
 * Zawaj AI Members Directory
 * Stable Premium Layout v0.2.1
 */

:root {
    --zai-bg: #f6f7fb;
    --zai-card: #ffffff;
    --zai-text: #111827;
    --zai-muted: #667085;
    --zai-primary: #6d5dfc;
    --zai-primary-dark: #4438ca;
    --zai-blue: #2563eb;
    --zai-soft: rgba(109, 93, 252, 0.10);
    --zai-border: rgba(109, 93, 252, 0.14);
    --zai-shadow: 0 16px 40px rgba(55, 48, 163, 0.08);
}

/* Page base */
body.zawajai-members-directory,
body.zawajai-buddypress-page {
    background: var(--zai-bg) !important;
    color: var(--zai-text) !important;
    direction: rtl;
}

/* GeneratePress reset for this page only */
body.zawajai-members-directory .site.grid-container,
body.zawajai-members-directory .site-content,
body.zawajai-members-directory .content-area,
body.zawajai-members-directory #primary,
body.zawajai-members-directory #main,
body.zawajai-members-directory article,
body.zawajai-members-directory .inside-article,
body.zawajai-members-directory .entry-content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
    clear: both !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

body.zawajai-members-directory .entry-header {
    display: none !important;
}

/* Main BuddyPress wrapper */
body.zawajai-members-directory #buddypress {
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 24px 16px 60px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

/* App bar */
body.zawajai-members-directory .zai-appbar {
    width: 100%;
    margin: 0 auto 22px;
    padding: 14px 18px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid var(--zai-border);
    box-shadow: 0 10px 28px rgba(55, 48, 163, 0.06);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    box-sizing: border-box;
}

body.zawajai-members-directory .zai-brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--zai-text) !important;
    text-decoration: none !important;
    font-weight: 900;
}

body.zawajai-members-directory .zai-brand-mark {
    width: 42px;
    height: 42px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: linear-gradient(135deg, #7c3aed, #2563eb);
    box-shadow: 0 10px 24px rgba(91, 70, 230, 0.22);
}

body.zawajai-members-directory .zai-brand-text {
    font-size: 18px;
}

body.zawajai-members-directory .zai-appnav {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

body.zawajai-members-directory .zai-appnav a {
    text-decoration: none !important;
    color: var(--zai-muted) !important;
    background: #f7f7ff;
    border: 1px solid rgba(109, 93, 252, 0.10);
    padding: 9px 14px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 800;
}

/* Hero */
body.zawajai-members-directory .zai-members-hero {
    position: relative !important;
    width: 100%;
    min-height: 230px !important;
    margin: 0 auto 22px !important;
    padding: 38px 32px !important;
    border-radius: 34px;
    overflow: hidden;
    box-sizing: border-box;
    background:
        radial-gradient(circle at 15% 20%, rgba(124, 58, 237, 0.14), transparent 32%),
        radial-gradient(circle at 85% 25%, rgba(37, 99, 235, 0.12), transparent 34%),
        linear-gradient(135deg, #ffffff, #f5f3ff);
    border: 1px solid var(--zai-border);
    box-shadow: var(--zai-shadow);
    clear: both !important;
    float: none !important;
}

body.zawajai-members-directory .zai-hero-glow {
    display: none !important;
}

body.zawajai-members-directory .zai-hero-content {
    max-width: 720px;
    position: relative;
    z-index: 2;
}

body.zawajai-members-directory .zai-hero-kicker {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 8px 14px;
    border-radius: 999px;
    background: var(--zai-soft);
    color: var(--zai-primary-dark);
    font-weight: 900;
    font-size: 13px;
}

body.zawajai-members-directory .zai-members-hero h1 {
    margin: 0 0 12px !important;
    font-size: clamp(30px, 4vw, 48px) !important;
    line-height: 1.15 !important;
    color: #111827 !important;
    font-weight: 900 !important;
}

body.zawajai-members-directory .zai-members-hero p {
    margin: 0 !important;
    color: var(--zai-muted) !important;
    font-size: 16px;
    line-height: 1.9;
}

body.zawajai-members-directory .zai-hero-countries {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 18px;
}

body.zawajai-members-directory .zai-hero-countries span {
    padding: 8px 13px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid var(--zai-border);
    color: var(--zai-primary-dark);
    font-size: 13px;
    font-weight: 900;
}

/* Trust cards */
body.zawajai-members-directory .zai-trust-panel {
    width: 100%;
    margin: 0 auto 24px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    clear: both !important;
    float: none !important;
}

body.zawajai-members-directory .zai-trust-card {
    background: var(--zai-card);
    border: 1px solid var(--zai-border);
    border-radius: 24px;
    padding: 18px;
    box-shadow: 0 10px 28px rgba(55, 48, 163, 0.05);
    text-align: center;
}

body.zawajai-members-directory .zai-trust-icon {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    border-radius: 16px;
    background: var(--zai-soft);
}

body.zawajai-members-directory .zai-trust-card strong {
    display: block;
    margin-bottom: 6px;
    color: var(--zai-text);
    font-size: 16px;
    font-weight: 900;
}

body.zawajai-members-directory .zai-trust-card small {
    display: block;
    color: var(--zai-muted);
    line-height: 1.7;
}

/* Directory nav */
body.zawajai-members-directory .members-type-navs,
body.zawajai-members-directory .bp-navs,
body.zawajai-members-directory .dir-navs {
    width: 100%;
    margin: 0 auto 18px !important;
    padding: 0 !important;
    clear: both !important;
    float: none !important;
}

body.zawajai-members-directory .members-type-navs ul,
body.zawajai-members-directory .component-navigation {
    display: flex !important;
    justify-content: flex-start;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

body.zawajai-members-directory .members-type-navs li,
body.zawajai-members-directory .component-navigation li {
    list-style: none !important;
}

body.zawajai-members-directory .members-type-navs a,
body.zawajai-members-directory .component-navigation a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none !important;
    padding: 10px 16px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid var(--zai-border);
    color: var(--zai-primary-dark) !important;
    font-weight: 900;
}

body.zawajai-members-directory .members-type-navs .count {
    min-width: 24px;
    height: 24px;
    border-radius: 999px;
    background: var(--zai-primary);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

/* Screen content */
body.zawajai-members-directory .screen-content {
    width: 100% !important;
    margin: 0 auto !important;
    clear: both !important;
    float: none !important;
    position: relative !important;
}

/* Search and filters */
body.zawajai-members-directory #subnav-filters,
body.zawajai-members-directory .subnav-filters {
    width: 100% !important;
    margin: 0 auto 24px !important;
    padding: 16px !important;
    background: #fff !important;
    border: 1px solid var(--zai-border) !important;
    border-radius: 24px !important;
    box-shadow: 0 10px 28px rgba(55, 48, 163, 0.05) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    box-sizing: border-box !important;
    clear: both !important;
    float: none !important;
}

body.zawajai-members-directory .subnav-search,
body.zawajai-members-directory .dir-search,
body.zawajai-members-directory .component-filters {
    float: none !important;
    clear: none !important;
    margin: 0 !important;
}

body.zawajai-members-directory .bp-dir-search-form {
    display: grid !important;
    grid-template-columns: minmax(180px, 1fr) 46px !important;
    align-items: center !important;
    gap: 10px !important;
    width: min(100%, 520px) !important;
    margin: 0 !important;
    direction: rtl !important;
}

body.zawajai-members-directory #dir-members-search {
    width: 100% !important;
    min-width: 0 !important;
    height: 46px !important;
    border-radius: 999px !important;
    border: 1px solid var(--zai-border) !important;
    background: #f8f7ff !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
}

body.zawajai-members-directory #dir-members-search-submit,
body.zawajai-members-directory .nouveau-search-submit {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #7c3aed, #2563eb) !important;
    color: #fff !important;
    border: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body.zawajai-members-directory #members-order-by {
    height: 46px !important;
    border-radius: 999px !important;
    border: 1px solid var(--zai-border) !important;
    background: #f8f7ff !important;
    padding: 0 14px !important;
}

/* AJAX members container */
body.zawajai-members-directory #members-dir-list,
body.zawajai-members-directory .members.dir-list,
body.zawajai-members-directory [data-bp-list="members"] {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: block !important;
    clear: both !important;
    float: none !important;
    position: relative !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
}

/* BuddyPress injected members list */
body.zawajai-members-directory #members-dir-list > ul,
body.zawajai-members-directory #members-list,
body.zawajai-members-directory ul#members-list,
body.zawajai-members-directory .members-list,
body.zawajai-members-directory .bp-list {
    width: 100% !important;
    max-width: 920px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(300px, 420px)) !important;
    justify-content: center !important;
    align-items: start !important;
    gap: 26px !important;
    list-style: none !important;
    clear: both !important;
    float: none !important;
    position: relative !important;
    box-sizing: border-box !important;
}

/* Member card outer item */
body.zawajai-members-directory #members-dir-list > ul > li,
body.zawajai-members-directory #members-list > li,
body.zawajai-members-directory .members-list > li,
body.zawajai-members-directory .bp-list > li,
body.zawajai-members-directory li.item-entry {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    clear: none !important;
    float: none !important;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    list-style: none !important;
    box-sizing: border-box !important;
    align-self: start !important;
}

/* Inner card */
body.zawajai-members-directory #members-dir-list .list-wrap,
body.zawajai-members-directory #members-list .list-wrap,
body.zawajai-members-directory .members-list .list-wrap,
body.zawajai-members-directory .bp-list .list-wrap,
body.zawajai-members-directory .zai-member-card {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 24px 20px !important;
    background: #fff !important;
    border: 1px solid var(--zai-border) !important;
    border-radius: 28px !important;
    box-shadow: var(--zai-shadow) !important;
    text-align: center !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    position: relative !important;
    overflow: visible !important;
}

/* BuddyPress default inner layout reset */
body.zawajai-members-directory #members-dir-list .item-avatar,
body.zawajai-members-directory #members-list .item-avatar,
body.zawajai-members-directory .members-list .item-avatar,
body.zawajai-members-directory .bp-list .item-avatar,
body.zawajai-members-directory #members-dir-list .item,
body.zawajai-members-directory #members-list .item,
body.zawajai-members-directory .members-list .item,
body.zawajai-members-directory .bp-list .item {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* Avatar */
body.zawajai-members-directory #members-dir-list img.avatar,
body.zawajai-members-directory #members-list img.avatar,
body.zawajai-members-directory .members-list img.avatar,
body.zawajai-members-directory .bp-list img.avatar,
body.zawajai-members-directory .zai-member-card img.avatar {
    width: 92px !important;
    height: 92px !important;
    min-width: 92px !important;
    min-height: 92px !important;
    max-width: 92px !important;
    max-height: 92px !important;
    border-radius: 24px !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 auto 12px !important;
    float: none !important;
    box-shadow: 0 12px 24px rgba(55, 48, 163, 0.15) !important;
}

/* Member name */
body.zawajai-members-directory #members-dir-list .item-title,
body.zawajai-members-directory #members-list .item-title,
body.zawajai-members-directory .members-list .item-title,
body.zawajai-members-directory .bp-list .item-title,
body.zawajai-members-directory #members-dir-list .list-title,
body.zawajai-members-directory .zai-member-name {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1.45 !important;
    margin: 4px 0 2px !important;
    color: #111827 !important;
}

body.zawajai-members-directory #members-dir-list .item-title a,
body.zawajai-members-directory #members-list .item-title a,
body.zawajai-members-directory .members-list .item-title a,
body.zawajai-members-directory .bp-list .item-title a,
body.zawajai-members-directory #members-dir-list .list-title a {
    color: #111827 !important;
    text-decoration: none !important;
}

/* Activity */
body.zawajai-members-directory #members-dir-list .item-meta,
body.zawajai-members-directory #members-dir-list .activity,
body.zawajai-members-directory #members-list .item-meta,
body.zawajai-members-directory #members-list .activity,
body.zawajai-members-directory .members-list .item-meta,
body.zawajai-members-directory .members-list .activity,
body.zawajai-members-directory .bp-list .item-meta,
body.zawajai-members-directory .bp-list .activity {
    color: var(--zai-muted) !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
    text-align: center !important;
    margin: 0 0 8px !important;
}

/* Description / intro box */
body.zawajai-members-directory #members-dir-list .item-desc,
body.zawajai-members-directory #members-list .item-desc,
body.zawajai-members-directory .members-list .item-desc,
body.zawajai-members-directory .bp-list .item-desc,
body.zawajai-members-directory .zai-member-intro,
body.zawajai-members-directory .zai-member-bio {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 10px 0 !important;
    padding: 14px 12px !important;
    background: #fafaff !important;
    border: 1px solid rgba(109, 93, 252, 0.10) !important;
    border-radius: 18px !important;
    color: #374151 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    text-align: center !important;
}

/* Profile data, if printed inside custom card */
body.zawajai-members-directory .zai-member-fields,
body.zawajai-members-directory .zai-profile-fields,
body.zawajai-members-directory .zai-member-details,
body.zawajai-members-directory .profile-fields {
    width: 100% !important;
    margin: 10px 0 !important;
    padding: 14px 12px !important;
    background: #ffffff !important;
    border: 1px solid rgba(109, 93, 252, 0.10) !important;
    border-radius: 18px !important;
    text-align: center !important;
    line-height: 1.55 !important;
}

body.zawajai-members-directory .zai-member-fields p,
body.zawajai-members-directory .zai-profile-fields p,
body.zawajai-members-directory .zai-member-details p,
body.zawajai-members-directory .profile-fields p,
body.zawajai-members-directory .zai-member-fields li,
body.zawajai-members-directory .zai-profile-fields li,
body.zawajai-members-directory .zai-member-details li,
body.zawajai-members-directory .profile-fields li {
    margin: 4px 0 !important;
    padding: 0 !important;
    list-style: none !important;
    line-height: 1.55 !important;
    font-size: 14px !important;
    color: #374151 !important;
}

/* Completion */
body.zawajai-members-directory [class*="profile-completion"],
body.zawajai-members-directory [class*="profile_completion"],
body.zawajai-members-directory [class*="completion-card"],
body.zawajai-members-directory [class*="profile-progress"],
body.zawajai-members-directory .zai-profile-completion,
body.zawajai-members-directory .zai-profile-card {
    width: 100% !important;
    max-width: 360px !important;
    margin: 12px auto !important;
    padding: 14px !important;
    background: #fff !important;
    border: 1px solid rgba(109, 93, 252, 0.12) !important;
    border-radius: 20px !important;
    box-shadow: none !important;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    float: none !important;
    clear: both !important;
    box-sizing: border-box !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}

/* Buttons/actions */
body.zawajai-members-directory #members-dir-list .action,
body.zawajai-members-directory #members-list .action,
body.zawajai-members-directory .members-list .action,
body.zawajai-members-directory .bp-list .action {
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    margin-top: 12px !important;
    width: 100% !important;
}

body.zawajai-members-directory #members-dir-list .action a,
body.zawajai-members-directory #members-list .action a,
body.zawajai-members-directory .members-list .action a,
body.zawajai-members-directory .bp-list .action a,
body.zawajai-members-directory #members-dir-list button,
body.zawajai-members-directory #members-list button,
body.zawajai-members-directory .generic-button a,
body.zawajai-members-directory a.button,
body.zawajai-members-directory .button {
    width: auto !important;
    max-width: 280px !important;
    min-height: 40px !important;
    border-radius: 999px !important;
    padding: 9px 16px !important;
    border: 0 !important;
    background: linear-gradient(135deg, #7c3aed, #2563eb) !important;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 800 !important;
    font-size: 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 6px auto 0 !important;
}

/* Loader and pagination */
body.zawajai-members-directory #bp-ajax-loader,
body.zawajai-members-directory .bp-feedback.loading,
body.zawajai-members-directory .bp-pagination {
    width: 100% !important;
    margin: 16px auto !important;
    text-align: center !important;
}

/* Prevent pseudo spacing */
body.zawajai-members-directory #buddypress:before,
body.zawajai-members-directory #buddypress:after,
body.zawajai-members-directory .screen-content:before,
body.zawajai-members-directory .screen-content:after,
body.zawajai-members-directory #members-dir-list:before,
body.zawajai-members-directory #members-dir-list:after {
    content: none !important;
}

body.zawajai-members-directory #buddypress *,
body.zawajai-members-directory #members-dir-list *,
body.zawajai-members-directory .screen-content * {
    box-sizing: border-box;
}

/* Tablet */
@media (max-width: 900px) {
    body.zawajai-members-directory .zai-trust-panel {
        grid-template-columns: 1fr !important;
    }

    body.zawajai-members-directory .zai-appbar {
        align-items: flex-start;
        flex-direction: column;
    }

    body.zawajai-members-directory .zai-appnav {
        width: 100%;
    }

    body.zawajai-members-directory #subnav-filters,
    body.zawajai-members-directory .subnav-filters {
        display: block !important;
    }

    body.zawajai-members-directory .subnav-search,
    body.zawajai-members-directory .dir-search,
    body.zawajai-members-directory .component-filters {
        width: 100% !important;
        margin-bottom: 12px !important;
    }

    body.zawajai-members-directory .bp-dir-search-form {
        width: 100% !important;
    }

   /* ZawajAI Members - Desktop/Laptop card grid fix */
@media (min-width: 769px) {
    body.zawajai-members-directory #members-dir-list > ul,
    body.zawajai-members-directory #members-list,
    body.zawajai-members-directory ul#members-list,
    body.zawajai-members-directory .members-list,
    body.zawajai-members-directory .bp-list {
        max-width: 760px !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(280px, 360px)) !important;
        justify-content: center !important;
        align-items: start !important;
        gap: 26px !important;
        margin: 0 auto !important;
    }
}

/* Only real mobile becomes one column */
@media (max-width: 768px) {
    body.zawajai-members-directory #members-dir-list > ul,
    body.zawajai-members-directory #members-list,
    body.zawajai-members-directory ul#members-list,
    body.zawajai-members-directory .members-list,
    body.zawajai-members-directory .bp-list {
        max-width: 100% !important;
        grid-template-columns: 1fr !important;
    }
}

/* Mobile */
@media (max-width: 768px) {
    body.zawajai-members-directory #buddypress {
        padding: 14px 10px 45px !important;
    }

    body.zawajai-members-directory .zai-members-hero {
        min-height: 0 !important;
        padding: 28px 20px !important;
        border-radius: 26px !important;
    }

    body.zawajai-members-directory .zai-members-hero h1 {
        font-size: 31px !important;
    }

    body.zawajai-members-directory #members-dir-list > ul,
    body.zawajai-members-directory #members-list,
    body.zawajai-members-directory ul#members-list,
    body.zawajai-members-directory .members-list,
    body.zawajai-members-directory .bp-list {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
        max-width: 100% !important;
    }

    body.zawajai-members-directory #members-dir-list .list-wrap,
    body.zawajai-members-directory #members-list .list-wrap,
    body.zawajai-members-directory .members-list .list-wrap,
    body.zawajai-members-directory .bp-list .list-wrap,
    body.zawajai-members-directory .zai-member-card {
        border-radius: 24px !important;
        padding: 22px 16px !important;
    }

    body.zawajai-members-directory #members-dir-list img.avatar,
    body.zawajai-members-directory #members-list img.avatar,
    body.zawajai-members-directory .members-list img.avatar,
    body.zawajai-members-directory .bp-list img.avatar,
    body.zawajai-members-directory .zai-member-card img.avatar {
        width: 82px !important;
        height: 82px !important;
        min-width: 82px !important;
        min-height: 82px !important;
        max-width: 82px !important;
        max-height: 82px !important;
    }
}

    /* ZawajAI Members - Hard desktop row fix v0.2.3 */

/* الكمبيوتر واللابتوب: بطاقتان في نفس الصف */
@media (min-width: 700px) {
    body.zawajai-members-directory #members-dir-list {
        max-width: 940px !important;
        margin: 0 auto 50px !important;
        padding: 0 !important;
    }

    body.zawajai-members-directory #members-dir-list > ul,
    body.zawajai-members-directory #members-list,
    body.zawajai-members-directory ul#members-list,
    body.zawajai-members-directory .members-list,
    body.zawajai-members-directory .bp-list,
    body.zawajai-members-directory .item-list.members-list {
        width: 100% !important;
        max-width: 940px !important;
        margin: 0 auto !important;
        padding: 0 !important;

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: flex-start !important;
        gap: 28px !important;

        column-count: initial !important;
        columns: initial !important;
        float: none !important;
        clear: both !important;
    }

    body.zawajai-members-directory #members-dir-list > ul > li,
    body.zawajai-members-directory #members-list > li,
    body.zawajai-members-directory .members-list > li,
    body.zawajai-members-directory .bp-list > li,
    body.zawajai-members-directory .item-list.members-list > li,
    body.zawajai-members-directory li.item-entry {
        flex: 0 1 360px !important;
        width: 360px !important;
        max-width: 360px !important;
        min-width: 280px !important;

        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        clear: none !important;
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        transform: none !important;
        align-self: flex-start !important;
    }

    body.zawajai-members-directory #members-list > li:nth-child(n),
    body.zawajai-members-directory .members-list > li:nth-child(n),
    body.zawajai-members-directory .bp-list > li:nth-child(n),
    body.zawajai-members-directory li.item-entry:nth-child(n) {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    body.zawajai-members-directory #members-dir-list .list-wrap,
    body.zawajai-members-directory #members-list .list-wrap,
    body.zawajai-members-directory .members-list .list-wrap,
    body.zawajai-members-directory .bp-list .list-wrap,
    body.zawajai-members-directory .zai-member-card {
        width: 100% !important;
        max-width: 360px !important;
        margin: 0 auto !important;
    }
}

/* الهاتف فقط: بطاقة واحدة */
@media (max-width: 699px) {
    body.zawajai-members-directory #members-dir-list > ul,
    body.zawajai-members-directory #members-list,
    body.zawajai-members-directory ul#members-list,
    body.zawajai-members-directory .members-list,
    body.zawajai-members-directory .bp-list,
    body.zawajai-members-directory .item-list.members-list {
        display: block !important;
        max-width: 100% !important;
    }

    body.zawajai-members-directory #members-dir-list > ul > li,
    body.zawajai-members-directory #members-list > li,
    body.zawajai-members-directory .members-list > li,
    body.zawajai-members-directory .bp-list > li,
    body.zawajai-members-directory .item-list.members-list > li,
    body.zawajai-members-directory li.item-entry {
        width: 100% !important;
        max-width: 420px !important;
        margin: 0 auto 18px !important;
    }
}

/* ZawajAI Members - Exact final grid fix v0.2.5 */

/* Desktop / laptop: force members in one clean row */
@media (min-width: 769px) {
    body.zawajai-members-directory #members-dir-list {
        width: 100% !important;
        max-width: 980px !important;
        margin: 0 auto 60px !important;
        padding: 0 !important;
        clear: both !important;
    }

    body.zawajai-members-directory #members-dir-list ul#members-list.item-list.members-list.bp-list {
        width: 100% !important;
        max-width: 980px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        list-style: none !important;

        display: grid !important;
        grid-template-columns: repeat(2, 360px) !important;
        justify-content: center !important;
        align-items: start !important;
        gap: 32px !important;

        float: none !important;
        clear: both !important;
        position: relative !important;
        columns: initial !important;
        column-count: initial !important;
    }

    body.zawajai-members-directory #members-dir-list ul#members-list.item-list.members-list.bp-list > li.item-entry {
        width: 360px !important;
        max-width: 360px !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;

        float: none !important;
        clear: none !important;
        display: block !important;
        position: relative !important;
        inset: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        transform: none !important;
        align-self: start !important;
    }

    body.zawajai-members-directory #members-dir-list ul#members-list.item-list.members-list.bp-list > li.item-entry .list-wrap {
        width: 100% !important;
        max-width: 360px !important;
        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 26px 22px !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;

        text-align: center !important;
        border-radius: 28px !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    body.zawajai-members-directory #members-dir-list ul#members-list.item-list.members-list.bp-list > li.item-entry:nth-child(1),
    body.zawajai-members-directory #members-dir-list ul#members-list.item-list.members-list.bp-list > li.item-entry:nth-child(2) {
        grid-row: 1 !important;
    }

    body.zawajai-members-directory #members-dir-list ul#members-list.item-list.members-list.bp-list > li.item-entry:nth-child(1) {
        grid-column: 1 !important;
    }

    body.zawajai-members-directory #members-dir-list ul#members-list.item-list.members-list.bp-list > li.item-entry:nth-child(2) {
        grid-column: 2 !important;
    }
}

/* Mobile: one card per row */
@media (max-width: 768px) {
    body.zawajai-members-directory #members-dir-list ul#members-list.item-list.members-list.bp-list {
        width: 100% !important;
        max-width: 100% !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    body.zawajai-members-directory #members-dir-list ul#members-list.item-list.members-list.bp-list > li.item-entry {
        width: 100% !important;
        max-width: 420px !important;
        margin: 0 auto !important;
    }

    body.zawajai-members-directory #members-dir-list ul#members-list.item-list.members-list.bp-list > li.item-entry .list-wrap {
        width: 100% !important;
        max-width: 420px !important;
    }
}

/* ZawajAI Members - Absolute final member row fix v0.2.6 */

body.zawajai-members-directory div#members-dir-list.members.dir-list {
    width: 100% !important;
    max-width: 920px !important;
    margin: 0 auto 70px !important;
    padding: 0 !important;
    clear: both !important;
    float: none !important;
    position: relative !important;
}

body.zawajai-members-directory div#members-dir-list.members.dir-list > ul#members-list.item-list.members-list.bp-list {
    width: 100% !important;
    max-width: 920px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    list-style: none !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 34px !important;

    float: none !important;
    clear: both !important;
    position: relative !important;
    transform: none !important;
    columns: auto !important;
    column-count: auto !important;
}

body.zawajai-members-directory div#members-dir-list.members.dir-list > ul#members-list.item-list.members-list.bp-list > li.item-entry {
    flex: 0 0 360px !important;
    width: 360px !important;
    max-width: 360px !important;
    min-width: 360px !important;

    height: auto !important;
    min-height: 0 !important;

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

    float: none !important;
    clear: none !important;
    display: block !important;
    position: static !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    translate: none !important;
    align-self: flex-start !important;
}

/* إلغاء أي نزول خاص بالبطاقة الثانية أو odd/even */
body.zawajai-members-directory div#members-dir-list.members.dir-list > ul#members-list.item-list.members-list.bp-list > li.item-entry.odd,
body.zawajai-members-directory div#members-dir-list.members.dir-list > ul#members-list.item-list.members-list.bp-list > li.item-entry.even,
body.zawajai-members-directory div#members-dir-list.members.dir-list > ul#members-list.item-list.members-list.bp-list > li.item-entry:nth-child(1),
body.zawajai-members-directory div#members-dir-list.members.dir-list > ul#members-list.item-list.members-list.bp-list > li.item-entry:nth-child(2),
body.zawajai-members-directory div#members-dir-list.members.dir-list > ul#members-list.item-list.members-list.bp-list > li.item-entry:nth-child(n) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    transform: none !important;
    translate: none !important;
    position: static !important;
}

body.zawajai-members-directory div#members-dir-list.members.dir-list > ul#members-list.item-list.members-list.bp-list > li.item-entry > .list-wrap {
    width: 100% !important;
    max-width: 360px !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 26px 22px !important;
    box-sizing: border-box !important;
    position: relative !important;
    transform: none !important;
}

/* pagination لا يدخل وسط البطاقات */
body.zawajai-members-directory div#members-dir-list.members.dir-list > .bp-pagination {
    width: 100% !important;
    flex-basis: 100% !important;
    clear: both !important;
    margin: 18px auto !important;
    text-align: center !important;
}

/* الهاتف فقط */
@media (max-width: 768px) {
    body.zawajai-members-directory div#members-dir-list.members.dir-list > ul#members-list.item-list.members-list.bp-list {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 20px !important;
        max-width: 100% !important;
    }

    body.zawajai-members-directory div#members-dir-list.members.dir-list > ul#members-list.item-list.members-list.bp-list > li.item-entry {
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: 420px !important;
        min-width: 0 !important;
    }

    body.zawajai-members-directory div#members-dir-list.members.dir-list > ul#members-list.item-list.members-list.bp-list > li.item-entry > .list-wrap {
        max-width: 420px !important;
    }
}