/* /team/<agent>/properties/ — the agent's own listings page.
 *
 * Wrapper rules only. Everything that draws a control or a card comes from the modules the template
 * renders (pardee-strip-category, pardee-grid-listings) and from the theme's design kit; this file
 * lays out the two bands, sizes the masthead and repeats the bio section's card treatment so a
 * visitor who arrives from "View all of <agent>'s listings" meets the cards they just left.
 *
 * Loaded ONLY on this page (pardee/inc/team-listings.php), after the listings module's own
 * stylesheet, so the equal-specificity card rules below settle by order exactly the way the bio's
 * Beaver Themer Layout CSS does (GOTCHAS.md "CSS cascade").
 *
 * The surfaces come from data-pardee-surface on the two <section>s, so every colour below is a token
 * and the page follows the kit wherever the kit goes.
 */

.pardee-agp__head,
.pardee-agp__body {
    width: 100%;
}

.pardee-agp__head {
    background: var(--pp-ink-mid);
    padding-top: 140px;     /* clears the fixed header, near the row spacing "Page banner" value */
    padding-bottom: 56px;
}

.pardee-agp__body {
    background: var(--pp-sand);
    padding-top: 64px;      /* row spacing: compact */
    padding-bottom: 96px;
}

.pardee-agp__wrap {
    max-width: calc(1240px + 2 * var(--pad-x));
    margin: 0 auto;
    padding-inline: var(--pad-x);
}

/* ── Masthead ─────────────────────────────────────────────────────────────── */

/* The back breadcrumb, top left, above the title — pardee-strip-category in its cream tone.
   Its own module class is the handle (see the note on .pardee-listings below); the strip normally
   spreads its two links apart, and here there is only one, so it stays where it starts. */
.pardee-agp__head .pardee-catstrip {
    justify-content: flex-start;
    margin-bottom: 28px;
}

.pardee-agp__eyebrow {
    margin: 0 0 14px;
}

.pardee-agp__h1 {
    margin: 0;
    font-size: 76px;
    line-height: .98;
    letter-spacing: -.015em;
    color: var(--pardee-fg);
}

/* ── The listings ─────────────────────────────────────────────────────────── */

/* The module centres itself on its own max-width; inside this page the band already does that.
   (A module rendered on its own carries no .fl-module wrapper, so the Class field never reaches the
   markup — the module's own root class is the handle here.) */
.pardee-agp .pardee-listings {
    max-width: none;
}

/* The card treatment the bio's "Listings & sales" section uses (Themer layout CSS
   .fl-row.pp-listwork), repeated here because that layout deliberately does not render on this page.
   Same selectors, same specificity, so the module's own List-view rules still win in List view. */
.pardee-agp .pardee-listings__grid { gap: clamp(16px, 1.8vw, 24px); }

.pardee-agp .pardee-listing {
    border: 1px solid var(--pardee-line);
    border-radius: 8px;
    overflow: hidden;
    background: #FFFFFF;
    transition: border-color .2s, transform .2s;
}

.pardee-agp .pardee-listing:hover { border-color: var(--pp-tan); transform: translateY(-2px); }

.pardee-agp .pardee-listing__media { aspect-ratio: 3 / 2; }

.pardee-agp .pardee-listing__fav,
.pardee-agp .pardee-listing__count,
.pardee-agp .pardee-listing__flag,
.pardee-agp .pardee-listing__specs,
.pardee-agp .pardee-listing__timing,
.pardee-agp .pardee-listing__actions { display: none; }

.pardee-agp .pardee-listing__info { display: flex; flex-direction: column; padding: 16px 18px 18px; }

.pardee-agp .pardee-listing__addr {
    order: 1;
    margin: 0;
    font-family: var(--font-display);
    font-weight: var(--pardee-w-regular);
    font-size: 18px;
    letter-spacing: -.005em;
    line-height: 1.25;
}

.pardee-agp .pardee-listing__addr a { color: var(--pp-ink-mid); text-decoration: none; }

.pardee-agp .pardee-listing__loc {
    order: 2;
    margin: 6px 0 0;
    font-family: var(--font-body);
    font-size: 12.5px;
    color: var(--pp-clay);
    letter-spacing: .03em;
}

.pardee-agp .pardee-listing__price {
    order: 3;
    margin: 8px 0 0;
    font-family: var(--font-display);
    font-weight: var(--pardee-w-regular);
    font-size: 16px;
    color: var(--pp-ink-mid);
}

/* (The hidden `.pardee-listing__count` above is the photo-count pill ON a card — the page
   navigation's own line is `.pardee-listings__count`, plural, and is untouched by it.) */

/* ── Nothing to show ──────────────────────────────────────────────────────── */

.pardee-agp__empty { margin: 0; }

/* ── Closing navigation ───────────────────────────────────────────────────── */

.pardee-agp__foot { margin-top: 56px; }

/* ── Responsive ───────────────────────────────────────────────────────────── */

@media (max-width: 992px) {
    .pardee-agp__head { padding-top: 120px; padding-bottom: 44px; }
    .pardee-agp__body { padding-top: 52px; padding-bottom: 72px; }
    .pardee-agp__h1 { font-size: 56px; }
}

@media (max-width: 768px) {
    .pardee-agp__head { padding-top: 104px; padding-bottom: 36px; }
    .pardee-agp__body { padding-top: 36px; padding-bottom: 56px; }
    .pardee-agp__h1 { font-size: 40px; }
    .pardee-agp__head .pardee-catstrip { margin-bottom: 20px; }
}