@charset "UTF-8";
/**
 * Genie Theme — WordPress widgets in the sidebars of the blog, pages, site
 * search, agent and office pages and a listing, and Elementor's Sidebar
 * element. Every widget area wraps each widget in .genie-widget
 * (genie_theme_sidebars()). Flexbox only; every value is a token.
 *
 * Scoped to those sidebars: footer columns and listing archive pages keep
 * the look they have (their own settings).
 */

:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget {
	--genie-w-gap: 0.875rem;
	--genie-w-radius: 0.75rem;
	--genie-w-line: var(--genie-border);
	--genie-w-soft: color-mix(in srgb, var(--genie-border) 35%, var(--genie-surface));
	--genie-w-ink: var(--genie-heading, var(--genie-text));
	display: flex;
	flex-direction: column;
	gap: var(--genie-w-gap);
	min-width: 0;
}

:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget > :last-child {
	margin-bottom: 0;
}

:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget__title,
:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget :is(h2, h3).wp-block-heading,
:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget .wp-block-search__label {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	margin: 0;
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.3;
}

/* A short rule after the title, in the brand color. */
:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget__title::after,
:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget :is(h2, h3).wp-block-heading::after {
	content: "";
	flex: 1;
	height: 2px;
	background: linear-gradient(90deg, var(--genie-accent), transparent);
	opacity: 0.35;
}

/* A block widget's own group: its heading, then its list, spaced alike. */
:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget .wp-block-group,
:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget .wp-block-group__inner-container,
:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget .wp-block-search {
	display: flex;
	flex-direction: column;
	gap: var(--genie-w-gap);
	margin: 0;
}

/* ── Search ── */
:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget .search-form,
:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget .wp-block-search__inside-wrapper {
	display: flex;
	align-items: stretch;
	width: 100%;
	border-style: solid;
	border-width: var(--genie-field-bwt, 1px) var(--genie-field-bws, 1px) var(--genie-field-bwb, 1px);
	border-color: var(--genie-field-bd, var(--genie-w-line));
	border-radius: var(--genie-field-r, 0.625rem);
	background: var(--genie-field-bg, var(--genie-surface));
	overflow: hidden;
}

:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget .search-form:focus-within,
:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget .wp-block-search__inside-wrapper:focus-within {
	outline: 2px solid var(--genie-field-focus, var(--genie-accent));
	outline-offset: 1px;
}

:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget .search-form label {
	display: flex;
	flex: 1;
	min-width: 0;
}

:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget :is(.search-field, .wp-block-search__input) {
	flex: 1;
	width: 100%;
	min-width: 0;
	min-height: var(--genie-field-h, auto);
	padding: 0.6875rem 0.875rem;
	border: 0;
	background: transparent;
	color: var(--genie-text);
	font: inherit;
	font-size: var(--genie-field-size, 1rem);
}

:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget :is(.search-field, .wp-block-search__input):focus {
	outline: none;
}

:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget :is(.search-submit, .wp-block-search__button) {
	flex: 0 0 auto;
	margin: 0;
	padding: 0 var(--genie-btn-px, 1.125rem);
	border: 0;
	border-radius: 0;
	background: var(--genie-btn1-bg, var(--genie-w-ink));
	color: var(--genie-btn1-fg, var(--genie-surface));
	font: inherit;
	font-size: var(--genie-btn-size, 0.9375rem);
	font-weight: var(--genie-btn-w, 500);
	text-transform: var(--genie-btn-tt, none);
	cursor: pointer;
}

:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget :is(.search-submit, .wp-block-search__button):hover {
	background: var(--genie-btn1-hbg, var(--genie-accent));
	color: var(--genie-btn1-hfg, var(--genie-surface));
}

/* ── Lists: categories, archives, pages, menus, recent posts and comments ── */
:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget ul {
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0;
	list-style: none;
}

:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.25rem 0.625rem;
	padding: 0.5625rem 0;
	border-bottom: 1px solid var(--genie-w-line);
	font-size: 0.9375rem;
	line-height: 1.4;
}

:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget li:last-child {
	border-bottom: 0;
}

:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget li > ul {
	flex-basis: 100%;
	padding-left: 0.875rem;
}

:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget li li:last-child {
	padding-bottom: 0;
}

:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget li a {
	color: var(--genie-w-ink);
	text-decoration: none;
}

:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget li a:hover,
:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget li a:focus-visible {
	color: var(--genie-accent);
}

/* Counts (Genie_Blog::count_badges()). */
.genie-count {
	flex: 0 0 auto;
	padding: 0.0625rem 0.5625rem;
	border-radius: 999px;
	background: var(--genie-w-soft, var(--genie-border));
	color: var(--genie-muted);
	font-size: 0.75rem;
	line-height: 1.6;
}

/* Recent posts: the title, then its date. */
:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget.widget_recent_entries li {
	flex-direction: column;
	align-items: flex-start;
	gap: 0.125rem;
}

:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget.widget_recent_entries li a {
	font-weight: 500;
}

:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget .post-date,
:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget .wp-block-latest-posts__post-date {
	color: var(--genie-muted);
	font-size: 0.8125rem;
}

/* ── Tags, as buttons (Genie_Blog::tag_cloud()) ── */
:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget .tagcloud,
:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget .wp-block-tag-cloud {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget .tagcloud a,
:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget .wp-block-tag-cloud a {
	display: inline-flex;
	align-items: center;
	padding: 0.3125rem 0.75rem;
	border: 1px solid var(--genie-w-line);
	border-radius: 999px;
	background: var(--genie-w-soft, var(--genie-surface));
	color: var(--genie-w-ink);
	text-decoration: none;
	line-height: 1.4;
}

:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget .tagcloud a:hover,
:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget .tagcloud a:focus-visible,
:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget .wp-block-tag-cloud a:hover {
	border-color: var(--genie-accent);
	color: var(--genie-accent);
}

/* ── Images and text ── */
:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget img {
	display: block;
	border-radius: 0.625rem;
}

:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget p {
	margin: 0;
}

:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget select {
	width: 100%;
	padding: 0.5625rem 0.75rem;
	border: 1px solid var(--genie-w-line);
	border-radius: 0.625rem;
	background: var(--genie-surface);
	color: var(--genie-text);
	font: inherit;
}

/* ── Each widget a card: beside the blog, and in Elementor's Sidebar ── */
:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget {
	padding: 1.375rem;
	border: 1px solid var(--genie-w-line);
	border-radius: var(--genie-w-radius);
	background: var(--genie-surface);
	box-shadow: 0 1px 3px rgba(16, 24, 40, 0.1), 0 1px 2px rgba(16, 24, 40, 0.06);
}

.elementor-widget-sidebar .elementor-widget-container {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

/* A picture on its own needs no card around it. */
:is(.genie-blog__side, .genie-pt__side, .genie-team__sidebar, .mlsg-gb-page__widgets, .elementor-widget-sidebar) .genie-widget.widget_media_image {
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
}