/*
 * ==========================================================================
 * Curated segment overrides — Imobiliária
 * ==========================================================================
 *
 * Loaded ONLY by resources/views/front/segments/imobiliaria/template.blade.php,
 * after Bootstrap, blocks.css, base.css and curated-theme.css.
 *
 * Almost nothing lives here on purpose. The structural shape of every
 * section on the imobiliaria home is now controlled through first-class
 * options on the page-builder blocks (hero.banner-slot, module_filters
 * overlay/tabs/label, stats layouts row-hairlines/grid-hairline, cards
 * columns_lg + overlay-bottom + aspect_ratio, module_content tab_style
 * + tabs_position + heading_style, image_text eyebrow + content_stats,
 * plus the new split_action block). The token layer + utilities live
 * in curated-theme.css. What's left here is a very thin layer of
 * per-segment nudges that would be awkward to expose as block options.
 *
 * If you find yourself adding CSS here to change a block's structural
 * behavior, stop and lift that behavior into a block option instead —
 * the option becomes available to every other segment too.
 * ========================================================================== */


/* ─────────────────────────────────────────────────────────────
 *  1. Search-card labels — respect the block's label_case knob
 *  When the master picks label_case="title-case" on the module_filters
 *  block, kill any UPPERCASE the site's shared block CSS applies to
 *  filter labels. Scoped to the segment so no legacy tenant is
 *  affected. */
.curated-content .block-module-filters--label-title-case .filter-label {
    text-transform: none;
    letter-spacing: 0;
}


/* ─────────────────────────────────────────────────────────────
 *  2. Search-card wrapper — matches the flat-white shape the
 *  reference uses (subtle border, no radius, tight padding).
 *  Only kicks in when the master picked card_style=flat-white. */
.curated-content .module-filters-card--flat-white {
    background: var(--curated-card-bg, #ffffff);
    color: var(--curated-card-text, inherit);
    border: 1px solid var(--line, #e5e2da);
    border-radius: 0;
    padding: 1.25rem;
    box-shadow: 0 12px 32px -20px rgba(22, 24, 28, .35);
}
.curated-content .module-filters-card--shadow {
    background: var(--curated-card-bg, #ffffff);
    color: var(--curated-card-text, inherit);
    border: 0;
    border-radius: .5rem;
    padding: 1.5rem;
    box-shadow: 0 12px 40px -12px rgba(22, 24, 28, .25);
}


/* ─────────────────────────────────────────────────────────────
 *  3. Search-card tabs — underline style when tabs_style=tabs
 *  Kept minimal: the module_filters block already emits the correct
 *  modifier class; here we just paint the underline in the segment
 *  ink color. */
.curated-content .module-filters-tabs--tabs {
    border-bottom: 1px solid var(--line, #e5e2da);
    display: flex;
    gap: .5rem;
    margin: 0 0 1rem;
}
.curated-content .module-filters-tabs--tabs .module-filters-tab {
    background: transparent;
    border: 0;
    border-bottom: 2px solid transparent;
    padding: .5rem .75rem;
    color: var(--soft, #6c757d);
    font-weight: 500;
    cursor: pointer;
    margin-bottom: -1px;
}
.curated-content .module-filters-tabs--tabs .module-filters-tab.is-active {
    color: var(--ink, #16181c);
    border-bottom-color: var(--ink, #16181c);
}


/* ─────────────────────────────────────────────────────────────
 *  4. Search-card overlap
 *  When overlay_offset is set, the block emits `margin-top: -Xrem`
 *  inline on the `.module-filters-card` (not on the section). The
 *  card needs its own stacking context so the negative margin paints
 *  above the previous block (hero background, overlay divs, etc.)
 *  rather than being clipped underneath. */
.curated-content .module-filters-card[style*="margin-top: -"] {
    position: relative;
    z-index: 2;
}


/* ─────────────────────────────────────────────────────────────
 *  5. About block — image slot placeholder text
 *  When image_style=slot and there's no uploaded image, the block
 *  emits a .media-slot placeholder. curated-theme.css already styles
 *  .media-slot for the segment; nothing extra needed here today.
 *  (Kept as a comment anchor so this file is easy to grep.) */
