.rvk-hava-widget {
	--rvk-accent: #e0263a;
	--rvk-accent-2: #ff5a3c;
	--rvk-bg: #ffffff;
	--rvk-bg-2: #ffffff;
	--rvk-border: #e7e7ec;
	--rvk-text: #000000;
	--rvk-text-muted: #4a4a4a;
	--rvk-green: #1f8f4e;
	--rvk-red: #d92d2d;

	max-width: 380px;
	width: 100%;
	margin: 20px auto;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	background: linear-gradient(180deg, var(--rvk-bg-2) 0%, var(--rvk-bg) 100%);
	border: 1px solid var(--rvk-border);
	border-radius: 14px;
	padding: 18px 18px 14px;
	box-shadow: 0 8px 24px rgba(20, 20, 30, 0.08);
	color: var(--rvk-text);
	box-sizing: border-box;
}
.rvk-hava-widget * { box-sizing: border-box; }

.rvk-hava-baslik {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 14px;
}
.rvk-hava-baslik h3 {
	margin: 0;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--rvk-text);
	flex: 1;
}
.rvk-canli-nokta {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: var(--rvk-accent);
	animation: rvk-hava-pulse 1.8s infinite;
	flex-shrink: 0;
}
@keyframes rvk-hava-pulse {
	0% { box-shadow: 0 0 0 0 rgba(224, 38, 58, 0.55); }
	70% { box-shadow: 0 0 0 8px rgba(224, 38, 58, 0); }
	100% { box-shadow: 0 0 0 0 rgba(224, 38, 58, 0); }
}

.rvk-hava-sec {
	background: rgba(0,0,0,0.04);
	color: var(--rvk-text);
	border: 1px solid var(--rvk-border);
	border-radius: 8px;
	padding: 5px 8px;
	font-size: 12px;
	cursor: pointer;
}
.rvk-hava-sec option {
	background: #ffffff;
	color: var(--rvk-text);
}

.rvk-hava-icerik { text-align: center; padding: 6px 0 2px; }
.rvk-hava-yukleniyor { font-size: 13px; color: var(--rvk-text-muted); }

.rvk-hava-sehir {
	font-size: 13px;
	font-weight: 700;
	color: var(--rvk-text-muted);
	text-transform: uppercase;
	letter-spacing: 0.03em;
	margin-bottom: 2px;
}
.rvk-hava-icon { font-size: 44px; line-height: 1; margin: 6px 0; }
.rvk-hava-sicaklik {
	font-size: 34px;
	font-weight: 700;
	color: var(--rvk-text);
	font-variant-numeric: tabular-nums;
}
.rvk-hava-durum { font-size: 14px; color: var(--rvk-text-muted); margin: 2px 0 12px; }

.rvk-hava-detaylar {
	display: flex;
	justify-content: center;
	gap: 8px;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
.rvk-hava-rozet {
	background: rgba(0,0,0,0.04);
	border-radius: 10px;
	padding: 6px 10px;
	font-size: 11.5px;
	color: var(--rvk-text-muted);
}
.rvk-hava-rozet b { color: var(--rvk-text); font-weight: 700; }

.rvk-hava-minmax {
	display: flex;
	justify-content: center;
	gap: 14px;
	font-size: 13px;
	padding-top: 10px;
	border-top: 1px solid var(--rvk-border);
}
.rvk-hava-minmax .yukari { color: var(--rvk-green); font-weight: 700; }
.rvk-hava-minmax .asagi { color: var(--rvk-red); font-weight: 700; }

.rvk-hava-alt {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 12px;
	padding-top: 10px;
	border-top: 1px solid var(--rvk-border);
	font-size: 10.5px;
	color: var(--rvk-text-muted);
}

@media (max-width: 420px) {
	.rvk-hava-widget { max-width: 100%; }
}