/* ---------------------------------------------------------------------------
 * Child theme styles.
 *
 * Not in the child theme's style.css: sg-cloak rewrites
 * /wp-content/themes/*-child/style.css to a decoy header file, so any rule
 * placed there is never served.
 * ------------------------------------------------------------------------- */

/* Explore page — active term description (region/category term pages).
 *
 * The theme passes the raw term description to the Vue app
 * (MyListing\Src\Term::get_description() returns $term->description untouched,
 * so none of the `term_description` filters run and there is no wpautop). The
 * blank lines authors write between blocks survive as plain newlines, and HTML
 * collapses them — turning a fact sheet into one run-on paragraph. `pre-line`
 * restores the breaks without requiring <p> markup in the term editor.
 *
 * Font size and line height are restated because the child's sidebar.php
 * renders this as a <div> (block content does not belong in a <p>), so it no
 * longer inherits the theme's global `p { font-size: 14px; line-height: 22px }`.
 */
.active-taxonomy-container .category-description {
	white-space: pre-line;
	font-size: 14px;
	line-height: 22px;
}

/* Dashboard > Favoritos (templates/dashboard/bookmarks.php).
 *
 * The child template renders explore-style preview cards instead of the
 * parent's avatar-only table. Cards in a row can differ in height (a listing
 * with two categories is shorter than one with a tagline), and Bootstrap's
 * floated columns would snag on the tallest card in the previous line, so the
 * row is laid out as a wrapping flex line instead. `align-items: flex-start`
 * keeps each card at its natural height — the card's internals are absolutely
 * positioned, so stretching it only adds a blank strip at the bottom.
 */
.sg-bookmarks {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.sg-bookmark {
	margin-bottom: 20px;
}

.sg-bookmark .lf-item-container {
	margin-bottom: 8px;
}

.sg-bookmark-actions {
	text-align: right;
	padding: 0 2px;
}

.sg-bookmark-remove {
	font-size: 12px;
	line-height: 18px;
	color: #7e7e89;
}

.sg-bookmark-remove:hover,
.sg-bookmark-remove:focus {
	color: #e74c3c;
}

.sg-bookmark-remove i {
	font-size: 14px;
	vertical-align: text-bottom;
	margin-right: 3px;
}