/* Retype Weather Pill: glass pill matching the "Open now" badge. Colours can be overridden with the variables below. */
.rwp-host .rwp-pill, body #page-container .rwp-host .rwp-pill {
	--rwp-bg: rgba(14, 20, 20, .45); --rwp-bg-hover: rgba(14, 20, 20, .65);
	--rwp-border: rgba(255, 255, 255, .28); --rwp-border-hover: rgba(255, 255, 255, .5); --rwp-text: #fff;
	display: inline-flex; align-items: center; gap: 7px; min-height: 40px; padding: 10px 16px; margin: 0 8px 8px 0; vertical-align: middle;
	border-radius: 999px; background: var(--rwp-bg); border: 1px solid var(--rwp-border);
	-webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
	color: var(--rwp-text) !important; font-size: 13px; font-weight: 600; letter-spacing: .04em; line-height: 1.2; text-decoration: none !important;
	transition: background .2s ease, border-color .2s ease;
}
.rwp-host a.rwp-pill:hover, .rwp-host a.rwp-pill:focus-visible,
body #page-container .rwp-host a.rwp-pill:hover, body #page-container .rwp-host a.rwp-pill:focus-visible { background: var(--rwp-bg-hover); border-color: var(--rwp-border-hover); }
.rwp-host .rwp-pill svg { flex: 0 0 auto; }
.rwp-host .rwp-pill .rwp-n { font-weight: 500; opacity: .92; }
.rwp-host .rwp-pill .rwp-n::before { content: "\00b7"; margin: 0 6px 0 1px; opacity: .7; }
.rwp-host > a:not(.rwp-pill) { vertical-align: middle; margin-bottom: 8px; }
/* Phones: fallback size; pill.js then copies the exact height, padding and text size of the badge beside it. */
@media (max-width: 767px) { .rwp-host .rwp-pill, body #page-container .rwp-host .rwp-pill { min-height: 36px; padding: 7px 12px; font-size: 12px; } }