/* The sponsor band. NAR 7.58 requires the participant be apparent, so this is a real
   band, not a credit line. Colours inherit from the theme — never hardcode a palette
   into a vertical. */
.lc-idx-band {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.9rem 1.1rem;
    margin: 0 0 1.5rem;
    border: 1px solid currentColor;
    border-radius: 4px;
    opacity: 0.95;
}
.lc-idx-band__face { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; flex: none; }
.lc-idx-band__logo { max-height: 44px; width: auto; flex: none; }
.lc-idx-band__text { display: flex; flex-direction: column; gap: 0.15rem; min-width: 0; }
/* Rank in this band comes from size, tracking and case, never from opacity. The label is
   already separated from the name by being small, uppercase and tracked out, so a fade adds
   no hierarchy and only costs contrast — and because these two inherit their colour from the
   theme, an opacity here lands on an unknown foreground and cannot be measured in advance. */
.lc-idx-band__label { font-size: 0.75rem; letter-spacing: 0.08em; text-transform: uppercase; }
.lc-idx-band__who { font-size: 1.05rem; font-weight: 600; }
.lc-idx-band__contact { font-size: 0.875rem; }

/* Required notice. Small is acceptable here — this is the MLS notice, not the
   per-listing attribution, which has its own typeface floor.

   Colour is explicit rather than an opacity. `opacity` multiplies whatever colour happens to
   be inherited, so the rendered value cannot be measured from this file: at 0.7 over the grey
   this block inherits, the notice rendered at ~2.8:1 — well under the 4.5:1 floor a required
   disclosure has to clear. An opacity also fades any link placed inside the block, and it
   states de-emphasis as an intent, which is the wrong thing to say about a legal notice.

   The literal is a fallback, not a preference: the token is not in scope at the footer where
   this notice renders, so `var(--lc-muted)` alone would silently inherit and the floor would
   depend on whatever ancestor last set a colour. Measured at 4.66:1 on white. That clears the
   floor by 0.16, so there is no headroom here for a later "just a shade lighter". */
.lc-idx-notice { font-size: 0.8125rem; color: var(--lc-muted, #6b7772); margin-top: 2rem; }

@media (max-width: 640px) {
    .lc-idx-band { flex-direction: column; align-items: flex-start; }
}

/* The footer fallback — used on app-shell and YOOtheme surfaces where the_content
   never runs. Constrained to the theme's content width so the notice does not sit
   flush against the viewport edge. */
.lc-idx-footer {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem 2rem;
}

/* Preview badge. Fixed rather than sticky so it reads identically whether the theme
   fired wp_body_open or it fell back to the footer. Never 100vw — full-bleed widths
   loop this theme's sticky header. */
.lc-idx-preview-flag {
    position: fixed; top: 0; left: 0; right: 0; z-index: 9999;
    padding: 0.5rem 1rem;
    font-size: 0.8125rem; font-weight: 600; text-align: center;
    background: #7a5c00; color: #fff;
}

/* Prospectus tiles. Every figure links to the surface it describes, so a prospect can
   verify it rather than take it on trust. */
.lc-idx-pros { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1rem; margin: 2rem 0; }
.lc-idx-pros__tile { display: flex; flex-direction: column; gap: 0.25rem; padding: 1.25rem; border: 1px solid currentColor; border-radius: 4px; text-decoration: none; color: inherit; }
.lc-idx-pros__n { font-size: 2rem; font-weight: 700; line-height: 1; }
.lc-idx-pros__l { font-size: 0.8125rem; text-transform: uppercase; letter-spacing: 0.06em; opacity: 0.7; }