/*
 * BM Real Estate — Global styles
 * ==================================================================
 * Loaded with every module. Holds:
 *   1. Design tokens — CHANGE COLORS HERE
 *   2. The .bm-rlst-wrap base: every block the plugin prints has this
 *      class on its outer element.
 * ================================================================== */

/* ==================================================================
   1. DESIGN TOKENS
   ================================================================== */
:root {
	--bm-rlst-accent:     #FFAC00; /* buttons, active states, pagination */
	--bm-rlst-fav-active: #FF0000; /* favorited heart, heart hover */
	--bm-rlst-main:       #E0BE9B; /* placeholders, secondary accents */
	--bm-rlst-title:      #584D4D; /* titles and main text */
	--bm-rlst-muted:      #7a7070; /* secondary text */
	--bm-rlst-soft:       #f2ece5; /* neutral backgrounds */
	--bm-rlst-line:       #e4dcd1; /* borders */
	--bm-rlst-unavailable: #D92D20; /* "Μη διαθέσιμο" pill (white text, 4.8:1) */
}

/* ==================================================================
   2. BASE
   Font: Elementor's global "Text" font, read where our block sits
   (Elementor puts its global fonts on the page's kit class). If that
   font isn't set, or Elementor is ever removed, the variable is empty
   and the block simply inherits the page's font — nothing to change.
   ================================================================== */
.bm-rlst-wrap {
	--bm-rlst-font: var(--e-global-typography-text-font-family);
	font-family: var(--bm-rlst-font);
}

/* The wrap itself too — otherwise a block with width:100% + padding
   (e.g. the home search) ends up wider than a phone screen. */
.bm-rlst-wrap,
.bm-rlst-wrap *,
.bm-rlst-wrap *::before,
.bm-rlst-wrap *::after {
	box-sizing: border-box;
}