/**
 * design-fixes.css — intentional design corrections vs the old live site.
 *
 * The ONLY stylesheet we author. Loaded last on every page (injected by
 * scripts/lib.mjs clean(), documented in README "Known deviations").
 * Each rule fixes an inconsistency that EXISTS ON THE LIVE SITE (Bricks
 * per-element styling mistakes, verified against elpalmar.biz).
 */

/* --- Home + About feature cards ------------------------------------------
 * "Exceptional Service" / "Unbeatable Value" icons: height: var(--text-xxl) (54px).
 * "Delicious Food" (bowl) icon was given `width: 3em` instead -> rendered
 * 162px, three times the size of its siblings. Make it match them. */
#brxe-qgnkfq {
	width: auto;
	height: var(--text-xxl);
}

/* --- About "Our Story, Your Experience" timeline arrows --------------------
 * Items 2 + 3 size by var(--icon-size) (48px); item 1 ("Humble Beginning:
 * 2003") missed the rule and fell back to the SVG intrinsic 24px. Match it
 * to the other two. */
#brxe-oyoegs {
	width: var(--icon-size);
	height: var(--icon-size);
}

/* --- Contact page restored map -------------------------------------------
 * The template's map column (fr-contact-section-bravo__media-wrapper) lost
 * its iframe on the live site; we re-inject a standard Google Maps embed
 * (see clean()). Fill the column like the template intended. */
.fr-contact-section-bravo__media-wrapper {
	min-height: 420px;
}

.fr-contact-section-bravo__media-wrapper > iframe {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 420px;
	border: 0;
	border-radius: var(--radius, 0);
}