/**
 * Electrolux LA skin.
 * Tokens from https://www.electrolux.com/en/ (Sep 2026):
 * primary navy #011E41, text/header #041E3C, chrome radius 2px, weight 700.
 * Electrolux Sans is proprietary; Open Sans is the licensed webfont
 * Electrolux also ships on that site.
 */

:root {
	--rf-font: "Open Sans", "Helvetica Neue", Arial, sans-serif;
	--rf-ink: #041e3c;
	--rf-ink-2: #14293a;
	--rf-charcoal: #041e3c;
	--rf-muted: #596b86;
	--rf-line: #dfe7ea;
	--rf-line-strong: #adb9c3;
	--rf-surface-2: #f6f6f6;
	--rf-surface-3: #eef3f5;
	--rf-accent: #055f9f;
	--rf-radius-sm: 2px;
	--rf-radius: 2px;
	--rf-radius-lg: 2px;
	--rf-radius-pill: 2px;
	--rf-radius-chip: 2px;
	--button-radius: 2px;
	--card-radius: 2px;
	--input-radius: 2px;
	--image-radius: 2px;
	--rf-brand-logo-h: 44px;
	--rf-brand-logo-max-w: 210px;
}

/* Official Electrolux chrome is 2px. Force it on every box, chip, form, banner,
   icon well, and modal — including hardcoded 50%/999px leftovers in main.css. */
body button,
body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
body select,
body textarea,
body [class*="rf-"],
body [class*="rf-"]::before,
body [class*="rf-"]::after {
	border-radius: 2px !important;
}

.rf-btn {
	font-weight: 700;
	box-shadow: none;
	letter-spacing: normal;
	text-transform: none;
}
.rf-btn:hover,
.rf-btn:active {
	transform: none;
}
.rf-btn--primary {
	background: var(--rf-primary);
	border: 2px solid var(--rf-primary);
	box-shadow: none;
	color: #fff;
}
.rf-btn--primary:hover {
	background: var(--rf-secondary);
	border-color: var(--rf-secondary);
	box-shadow: none;
	color: #fff;
}
.rf-btn--secondary {
	background: #fff;
	color: var(--rf-charcoal);
	border: 2px solid var(--rf-charcoal);
	box-shadow: none;
}
.rf-btn--secondary:hover {
	background: var(--rf-surface-2);
	color: var(--rf-charcoal);
	border-color: var(--rf-charcoal);
}
.rf-btn--ghost {
	border: 2px solid var(--rf-charcoal);
}

.rf-announce {
	background: var(--rf-charcoal);
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	letter-spacing: normal;
}

/* Photographic avatars stay circular. Tiny dots stay dots. */
.rf-author-photo,
.rf-author-box__media img,
.rf-author-hero__media img,
.rf-expert__avatar,
.rf-expert__avatar img,
.rf-byline__avatar,
.rf-byline__avatar img,
.rf-review__avatar img {
	border-radius: 50% !important;
}
.rf-announce__dot,
.rf-nav a::after,
.rf-proscons__col--pro .rf-proscons__list li::before {
	border-radius: 50% !important;
}

/* Hero composition rings are decorative circles, not UI chrome. */
.rf-hero__media::before,
.rf-hero__media::after {
	border-radius: 50% !important;
}

/* Region hub cards: equal height, CTA under the text column (not the pin),
   pinned to the bottom like appliance “View service” buttons. */
.rf-grid:has(> .rf-location:not(.rf-location--tile)) {
	align-items: stretch;
}
.rf-location:not(.rf-location--tile) {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	height: 100%;
}
.rf-location:not(.rf-location--tile) .rf-location__top {
	flex: 1 1 auto;
}
.rf-location:not(.rf-location--tile) .rf-location__link {
	align-self: flex-start;
	margin-top: auto;
	margin-left: calc(48px + 0.9rem);
	padding: 0.45rem 0.9rem;
	border: 2px solid var(--rf-charcoal);
	background: #fff;
	color: var(--rf-charcoal);
	font-family: inherit;
	font-size: 0.88rem;
	font-weight: 700;
	line-height: 1.1;
	box-shadow: none;
	transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}
.rf-location:not(.rf-location--tile) .rf-location__link:hover {
	background: var(--rf-surface-2);
	color: var(--rf-charcoal);
	gap: 0.35rem;
}