/**
 * Houzez Clean — single-property sidebar broker card.
 *
 * Covers the two card-specific features added in the theme:
 *   1. The "Stacked" sidebar broker card layout (image on top, details below).
 *   2. Email truncation with an ellipsis + hover tooltip on all layouts.
 *
 * Enqueued after houzez-main so it can extend the core card styles.
 */

/* -------------------------------------------------------------------------
 * Email truncation (all layouts)
 *
 * Long broker emails overflow the narrow sidebar. Keep the icon visible and
 * let only the address truncate. The full address is exposed via the link's
 * title attribute, so it shows on hover (desktop). On touch devices the title
 * is ignored and tapping the link opens the mailto: target as usual.
 * ---------------------------------------------------------------------- */
.agent-information .agent-card-email {
    display: flex;
    align-items: center;
    min-width: 0; /* allow the flex child to shrink below its content width */
    max-width: 100%;
}

.agent-information .agent-card-email .houzez-icon {
    flex: 0 0 auto;
}

.agent-information .agent-card-email-link {
    display: inline-block;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

/* -------------------------------------------------------------------------
 * Stacked layout (image on top, details below, left-aligned)
 * ---------------------------------------------------------------------- */
.agent-details-stacked .agent-image {
    margin-bottom: 4px;
}

.agent-details-stacked .agent-information {
    width: 100%;
    min-width: 0;
}

.agent-details-stacked .agent-information > li {
    margin-bottom: 6px;
}

.agent-details-stacked .agent-information > li:last-child {
    margin-bottom: 0;
}