.lamia-weather {
	--lw-bg: linear-gradient(145deg, #eef7ff 0%, #ffffff 100%);
	--lw-text: #000000;
	--lw-muted: #222222;
	--lw-border: rgba(55, 112, 160, 0.16);
	box-sizing: border-box;
	width: 100%;
	padding: 16px;
	border: 1px solid var(--lw-border);
	border-radius: 14px;
	background: var(--lw-bg);
	box-shadow: 0 8px 22px rgba(31, 73, 109, 0.10);
	color: var(--lw-text);
	font-family: inherit;
}

.lamia-weather *,
.lamia-weather *::before,
.lamia-weather *::after {
	box-sizing: border-box;
}

.lamia-weather__title {
	display: block !important;
	visibility: visible !important;
	margin: 0 0 12px !important;
	color: #000000 !important;
	font-size: 1rem !important;
	font-weight: 800 !important;
	line-height: 1.3 !important;
	opacity: 1 !important;
}

.lamia-weather__condition-row {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 12px;
}

.lamia-weather__icon {
	flex: 0 0 auto;
	font-size: 2.5rem;
	line-height: 1;
}

.lamia-weather__condition {
	min-width: 0;
	font-size: 0.96rem;
	font-weight: 650;
	line-height: 1.3;
}

.lamia-weather__metrics {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.lamia-weather__metric--wind {
	grid-column: 1 / -1;
}

.lamia-weather__metric {
	min-width: 0;
	padding: 10px;
	border: 1px solid var(--lw-border);
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.64);
}

.lamia-weather__metric span,
.lamia-weather__metric strong {
	display: block;
}

.lamia-weather__metric span {
	margin-bottom: 3px;
	color: var(--lw-muted);
	font-size: 0.72rem;
}

.lamia-weather__metric strong {
	overflow-wrap: anywhere;
	font-size: 1.2rem;
	line-height: 1.15;
}

.lamia-weather__forecast {
	margin-top: 14px;
	padding-top: 13px;
	border-top: 1px solid var(--lw-border);
}

.lamia-weather__forecast-title {
	margin: 0 0 7px;
	font-size: 0.82rem;
	font-weight: 700;
	line-height: 1.3;
}

.lamia-weather__forecast-list {
	display: grid;
	gap: 5px;
}

.lamia-weather__forecast-day {
	display: grid;
	grid-template-columns: minmax(58px, 1fr) 34px minmax(62px, auto);
	align-items: center;
	gap: 6px;
	min-width: 0;
	padding: 7px 8px;
	border: 1px solid var(--lw-border);
	border-radius: 9px;
	background: rgba(255, 255, 255, 0.48);
}

.lamia-weather__forecast-date,
.lamia-weather__forecast-temp {
	display: flex;
	align-items: baseline;
	gap: 5px;
	min-width: 0;
}

.lamia-weather__forecast-date strong {
	font-size: 0.78rem;
}

.lamia-weather__forecast-date span,
.lamia-weather__forecast-temp span {
	color: var(--lw-muted);
	font-size: 0.7rem;
}

.lamia-weather__forecast-icon {
	text-align: center;
	font-size: 1.35rem;
	line-height: 1;
}

.lamia-weather__forecast-temp {
	display: grid;
	justify-items: end;
	gap: 2px;
	white-space: nowrap;
}

.lamia-weather__forecast-temp > div {
	display: flex;
	align-items: baseline;
	gap: 5px;
}

.lamia-weather__forecast-temp strong {
	font-size: 0.82rem;
}

.lamia-weather__forecast-temp small {
	color: var(--lw-muted);
	font-size: 0.65rem;
	line-height: 1.1;
}

.lamia-weather--error {
	padding: 12px;
	background: #fff4f4;
	color: #842029;
	box-shadow: none;
	font-size: 0.88rem;
}

@media (max-width: 240px) {
	.lamia-weather__metrics {
		grid-template-columns: 1fr;
	}

	.lamia-weather__forecast-day {
		grid-template-columns: 1fr 30px auto;
		padding-inline: 6px;
	}

	.lamia-weather__forecast-date span {
		display: none;
	}
}