:root {
	--swe-bg: #0f1623;
	--swe-panel: #172033;
	--swe-panel-2: #1b2740;
	--swe-text: #e5eefc;
	--swe-text-soft: #a9b2c7;
	--swe-accent: #3b82f6; /* kék gomb / kiemelés */
	--swe-chip: #24314f;
	--swe-shadow: 0 10px 24px rgba(0,0,0,.35);
	--swe-radius: 18px;
}

body.swe_body {
	background: var(--swe-bg);
	color: var(--swe-text);
	font-weight: 500;
}

.swe_container {
	max-width: 1400px;
	margin: 0 auto;
	padding: 24px 16px 48px;
}

.swe_card {
	background: var(--swe-panel);
	border: 1px solid rgba(255,255,255,.05);
	border-radius: var(--swe-radius);
	box-shadow: var(--swe-shadow);
}

.swe_card_alt {
	background: var(--swe-panel-2);
}

.swe_header {
	padding: 20px 22px;
	border-bottom: 1px solid rgba(255,255,255,.06);
}

.swe_body_blck {
	padding: 20px 22px;
}

.swe_city {
	font-size: 32px;
	line-height: 1.1;
	margin: 0;
}

.swe_soft {
	color: var(--swe-text-soft);
	font-weight: 400;
}

.swe_temp_now {
	font-size: 56px;
	font-weight: 700;
}

.swe_icon_now {
	width: 84px;
	height: 84px;
}

.swe_kpi_label {
	font-size: 13px;
	color: var(--swe-text-soft);
	margin-bottom: 6px;
}

.swe_kpi_value {
	font-size: 22px;
	font-weight: 700;
}

.swe_chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: var(--swe-chip);
	border-radius: 999px;
	padding: 6px 12px;
	font-size: 13px;
	color: var(--swe-text);
	border: 1px solid rgba(255,255,255,.06);
}

/* vízszintes listák (hourly/daily) */
.swe_strip {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 12px;
}

@media (max-width: 992px) {
	.swe_strip {
        display: flex;
        gap: 12px;
        overflow-x: auto;
        padding-bottom: 6px;
        scroll-snap-type: x mandatory;
	}
	.swe_tile {
        min-width: 160px;
        scroll-snap-align: start;
	}
}

.swe_tile {
	background: var(--swe-panel);
	border: 1px solid rgba(255,255,255,.06);
	border-radius: 14px;
	padding: 14px;
	text-align: center;
}

.swe_tile .swe_time {
	font-size: 13px;
	color: var(--swe-text-soft);
	margin-bottom: 6px;
}

.swe_tile .swe_t {
	font-size: 22px;
	font-weight: 700;
}

.swe_icon_sm {
	width: 48px;
	height: 48px;
	margin: 2px auto 6px;
	display: block;
}

/* 7-napos lista-stílus (opcionális jobb oszlophoz is használható) */
.swe_list {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.swe_list_item {
	display: grid;
	grid-template-columns: 80px 1fr auto;
	align-items: center;
	gap: 10px;
	background: var(--swe-panel);
	border: 1px solid rgba(255,255,255,.06);
	border-radius: 12px;
	padding: 10px 12px;
}

.swe_badge {
	font-size: 12px;
	color: var(--swe-text-soft);
}

.swe_wind_arrow {
	display: inline-block;
	width: 0; height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 12px solid var(--swe-text);
	opacity: .75;
	transform-origin: 50% 90%;
}

.swe_spread {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

.swe_btn_more {
	background: var(--swe-accent);
	border: none;
	color: #fff;
	border-radius: 999px;
	padding: 6px 12px;
	font-weight: 600;
}