/* =====================================================================
   AL BASHA — PROPERTY HIERARCHY

   Two homepage feeds: the official Al Basha section (`.ab-official`) and the
   ordinary user marketplace underneath it. Everything here is scoped to the
   new blocks or to the two card modifiers, so the approved Lovable card
   language stays exactly as it was for normal listings.
   ===================================================================== */

.ab-official {
    position: relative;
    overflow: hidden;
    padding-block: var(--ab-section-y);
    background:
        radial-gradient(70% 90% at 82% 0%, rgba(200, 162, 93, .12), transparent 60%),
        linear-gradient(180deg, var(--ab-ink) 0%, #141413 100%);
    border-block: 1px solid var(--ab-line-strong);
    isolation: isolate;
}

.ab-official__glow {
    position: absolute;
    inset-block-start: -160px;
    inset-inline-start: -120px;
    z-index: -1;
    width: 480px;
    height: 480px;
    background: radial-gradient(circle, rgba(200, 162, 93, .16), transparent 68%);
    filter: blur(10px);
    pointer-events: none;
}

.ab-official__head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
}

/* Block-level flex: the eyebrow above it is itself inline-flex, so an
   inline-flex heading would share the same line and overlap it. */
.ab-official__head .al-basha-lovable-heading h2 {
    display: flex;
    align-items: center;
    gap: 14px;
}

.ab-official__head .al-basha-lovable-heading h2::after {
    content: '';
    width: 54px;
    height: 1px;
    background: linear-gradient(90deg, var(--ab-gold), transparent);
}

.ab-official__grid {
    margin-top: 42px;
}

/* ---------- Official card treatment ---------------------------------- */

.ab-property-card--official {
    background: linear-gradient(180deg, #1f1e1c 0%, var(--ab-surface) 100%);
    border-color: rgba(200, 162, 93, .42);
    box-shadow: 0 26px 60px -34px rgba(0, 0, 0, .9);
}

.ab-property-card--official::before {
    content: '';
    position: absolute;
    inset-block-start: 0;
    inset-inline: 0;
    z-index: 3;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--ab-gold), transparent);
}

.ab-property-card--official:hover {
    border-color: var(--ab-gold);
    box-shadow: 0 30px 70px -30px rgba(0, 0, 0, .95);
}

.ab-property-card__official-badge {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    color: #131313 !important;
    background: linear-gradient(135deg, var(--ab-gold-hi), var(--ab-gold)) !important;
    border-color: transparent !important;
}

.ab-property-card__official-badge .al-basha-lucide {
    width: 14px;
    height: 14px;
}

.ab-property-card--official .al-basha-lovable-property-card__price {
    color: var(--ab-gold-hi);
}

.ab-property-card--official .al-basha-lovable-property-card__details {
    border-color: rgba(200, 162, 93, .5);
}

/* ---------- Promoted (paid) user card -------------------------------- */

.ab-property-card--promoted {
    border-color: rgba(200, 162, 93, .28);
}

.ab-property-card__promoted-badge {
    color: var(--ab-gold) !important;
    background: rgba(200, 162, 93, .16) !important;
    border: 1px solid rgba(200, 162, 93, .38) !important;
}

/* ---------- Official listing page ------------------------------------ */

.ab-official-page {
    position: relative;
    padding-block: clamp(140px, 15vw, 180px) var(--ab-section-y);
    background: var(--ab-bg);
}

.ab-official-page__intro {
    max-width: 46rem;
    margin-bottom: 42px;
}

.ab-official-page__intro h1 {
    margin: 14px 0 0;
    font-size: clamp(2rem, 3.4vw, 2.9rem);
    line-height: 1.24;
}

.ab-official-page__intro p {
    margin: 16px 0 0;
    color: var(--ab-muted);
    font-size: 16px;
    line-height: 1.9;
}

.ab-official-page__count {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
    padding: 8px 16px;
    color: var(--ab-gold);
    background: var(--ab-gold-soft);
    border: 1px solid var(--ab-line-strong);
    border-radius: 999px;
    font-size: 14px;
    font-weight: 900;
}

.ab-official-page .al-basha-lovable-properties {
    margin-top: 0;
}

.ab-official-page__pagination {
    margin-top: 46px;
    display: flex;
    justify-content: center;
}

@media (max-width: 991px) {
    .ab-official__head {
        flex-direction: column;
        align-items: flex-start;
    }
}