/* SoutienSchool — Météo Maroc */

.ss-meteo {
	--ss-ink: #1a2f4a;
	--ss-muted: #5c6f84;
	--ss-line: #d9e3ee;
	--ss-soft: #f3f7fb;
	--ss-navy: #163a5f;
	--ss-primary: #235af3;
	color: var(--ss-ink);
}

.ss-meteo__eyebrow {
	margin: 0 0 0.45rem;
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--ss-muted);
}

.ss-meteo__eyebrow a {
	color: var(--ss-primary);
	text-decoration: none;
}

.ss-meteo__title {
	margin: 0 0 0.65rem;
	font-size: clamp(1.55rem, 2.4vw, 2.05rem);
	font-weight: 800;
	letter-spacing: -0.03em;
	line-height: 1.2;
	color: var(--ss-navy);
}

.ss-meteo__lead {
	margin: 0 0 1.15rem;
	font-size: 1.02rem;
	line-height: 1.55;
	color: var(--ss-muted);
	max-width: 46rem;
}

.ss-meteo__prose {
	margin: 0 0 1.5rem;
	max-width: 46rem;
	line-height: 1.6;
	color: #2a3d52;
}

.ss-meteo-switch {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
	margin: 0 0 1.25rem;
}

.ss-meteo-switch a {
	display: inline-flex;
	align-items: center;
	padding: 0.42rem 0.85rem;
	border: 1px solid var(--ss-line);
	border-radius: 999px;
	background: #fff;
	color: var(--ss-navy);
	font-size: 0.88rem;
	font-weight: 700;
	text-decoration: none;
}

.ss-meteo-switch a.is-active {
	background: var(--ss-primary);
	border-color: var(--ss-primary);
	color: #fff;
}

.ss-meteo-cities__title,
.ss-meteo-section-title {
	margin: 1.35rem 0 0.75rem;
	font-size: 1.15rem;
	font-weight: 800;
	color: var(--ss-navy);
}

.ss-meteo-cities__grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
	gap: 0.75rem;
}

.ss-meteo-cities__card {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	padding: 0.85rem 0.9rem;
	border: 1px solid var(--ss-line);
	border-radius: 12px;
	background: #fff;
	text-decoration: none;
	color: inherit;
	box-shadow: 0 6px 16px rgba(22, 58, 95, 0.05);
	min-height: 100%;
}

.ss-meteo-cities__card:hover {
	border-color: #b9cce8;
	box-shadow: 0 10px 22px rgba(35, 90, 243, 0.1);
}

.ss-meteo-cities__name {
	font-weight: 800;
	color: var(--ss-navy);
}

.ss-meteo-cities__meta {
	font-size: 0.75rem;
	color: var(--ss-muted);
}

.ss-meteo-cities__links {
	margin-top: 0.35rem;
	font-size: 0.75rem;
	font-weight: 700;
	color: var(--ss-primary);
}

.ss-meteo-now {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	padding: 1.15rem 1.2rem 1.2rem;
	border: 1px solid var(--ss-line);
	border-radius: 18px;
	background: linear-gradient(180deg, #d8ecff 0%, #f7fbff 55%, #fff 100%);
	box-shadow: 0 12px 32px rgba(22, 58, 95, 0.08);
	color: var(--ss-ink);
}

.ss-meteo-now__content {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 0.85rem 1.1rem;
}

.ss-meteo-now__icon {
	grid-row: 1 / span 2;
	width: 64px;
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.72);
	color: var(--ss-primary);
	font-size: 1.7rem;
	box-shadow: 0 8px 18px rgba(22, 58, 95, 0.08);
	animation: ss-meteo-icon-float 3.6s ease-in-out infinite;
}

.ss-meteo-now__deg {
	display: block;
	font-size: 2.4rem;
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.04em;
}

.ss-meteo-now__deg small {
	font-size: 1rem;
	margin-left: 0.15rem;
}

.ss-meteo-now__label {
	display: block;
	margin-top: 0.25rem;
	font-weight: 700;
}

.ss-meteo-now__feel {
	display: block;
	font-size: 0.88rem;
	color: var(--ss-muted);
}

.ss-meteo-now__stats {
	grid-column: 1 / -1;
	list-style: none;
	margin: 0;
	padding: 0.75rem 0 0;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.65rem;
	border-top: 1px dashed rgba(26, 47, 74, 0.18);
}

.ss-meteo-now__stats span {
	display: block;
	font-size: 0.72rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--ss-muted);
}

.ss-meteo-now__stats strong {
	font-size: 0.95rem;
}

/* Scènes animées */
.ss-meteo-scene {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	overflow: hidden;
}

.ss-meteo-scene__sun {
	display: none;
	position: absolute;
	width: 88px;
	height: 88px;
	border-radius: 50%;
	background: radial-gradient(circle at 35% 35%, #fff7c2 0%, #ffd166 42%, #ff9f1c 100%);
	box-shadow: 0 0 0 10px rgba(255, 209, 102, 0.28), 0 0 40px 12px rgba(255, 159, 28, 0.35);
	animation: ss-meteo-sun-pulse 5s ease-in-out infinite;
}

.ss-meteo-scene__sun::after {
	content: "";
	position: absolute;
	inset: -22px;
	border-radius: 50%;
	background: conic-gradient(from 0deg, rgba(255, 255, 255, 0.55), transparent 18%, rgba(255, 255, 255, 0.4) 36%, transparent 55%, rgba(255, 255, 255, 0.5) 72%, transparent 90%);
	animation: ss-meteo-sun-spin 18s linear infinite;
	opacity: 0.55;
}

.ss-meteo-scene__moon {
	display: none;
	position: absolute;
	top: 18px;
	right: 28px;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: radial-gradient(circle at 32% 32%, #fff 0%, #e8eefc 55%, #c9d4f0 100%);
	box-shadow: 0 0 18px rgba(255, 255, 255, 0.45);
}

.ss-meteo-scene__moon::after {
	content: "";
	position: absolute;
	top: 6px;
	left: 14px;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: inherit;
}

.ss-meteo-scene__cloud {
	display: none;
	position: absolute;
	height: 28px;
	border-radius: 28px;
	background: rgba(255, 255, 255, 0.78);
	filter: drop-shadow(0 6px 8px rgba(22, 58, 95, 0.08));
	animation: ss-meteo-cloud-drift 22s linear infinite;
}

.ss-meteo-scene__cloud::before,
.ss-meteo-scene__cloud::after {
	content: "";
	position: absolute;
	border-radius: 50%;
	background: inherit;
}

.ss-meteo-scene__cloud::before {
	width: 28px;
	height: 28px;
	top: -14px;
	left: 16px;
}

.ss-meteo-scene__cloud::after {
	width: 36px;
	height: 36px;
	top: -18px;
	left: 38px;
}

.ss-meteo-scene__cloud--a {
	width: 92px;
	top: 18px;
	left: -30%;
}

.ss-meteo-scene__cloud--b {
	width: 120px;
	top: 48px;
	left: -50%;
	opacity: 0.7;
	animation-duration: 32s;
	animation-delay: -8s;
}

.ss-meteo-scene__drops,
.ss-meteo-scene__flakes,
.ss-meteo-scene__stars {
	position: absolute;
	inset: 0;
}

.ss-meteo-scene__drops i,
.ss-meteo-scene__flakes i,
.ss-meteo-scene__stars i {
	position: absolute;
	top: -12%;
	display: block;
}

.ss-meteo-scene__drops i {
	width: 2px;
	height: 14px;
	border-radius: 2px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(210, 230, 255, 0.95));
	animation: ss-meteo-rain 0.9s linear infinite;
}

.ss-meteo-scene__flakes i {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #fff;
	opacity: 0.85;
	animation: ss-meteo-snow 6.5s linear infinite;
}

.ss-meteo-scene__stars i {
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #fff;
	animation: ss-meteo-twinkle 2.4s ease-in-out infinite;
}

.ss-meteo-scene__flash {
	display: none;
	position: absolute;
	inset: 0;
	background: rgba(255, 255, 255, 0.18);
	animation: ss-meteo-flash 5.5s ease-in-out infinite;
}

.ss-meteo-now--sun .ss-meteo-scene__sun,
.ss-meteo-now--partly .ss-meteo-scene__sun,
.ss-meteo-now--sunrise .ss-meteo-scene__sun,
.ss-meteo-now--sunset .ss-meteo-scene__sun {
	display: block;
}

.ss-meteo-now--sun .ss-meteo-scene__sun,
.ss-meteo-now--partly .ss-meteo-scene__sun {
	top: 12px;
	right: 22px;
}

.ss-meteo-now--partly .ss-meteo-scene__cloud,
.ss-meteo-now--cloudy .ss-meteo-scene__cloud,
.ss-meteo-now--rain .ss-meteo-scene__cloud,
.ss-meteo-now--storm .ss-meteo-scene__cloud,
.ss-meteo-now--fog .ss-meteo-scene__cloud,
.ss-meteo-now--snow .ss-meteo-scene__cloud,
.ss-meteo-now--night-cloud .ss-meteo-scene__cloud {
	display: block;
}

.ss-meteo-now--night .ss-meteo-scene__moon::after,
.ss-meteo-now--night-cloud .ss-meteo-scene__moon::after {
	background: #15213b;
}

.ss-meteo-now--storm .ss-meteo-scene__flash {
	display: block;
}

.ss-meteo-now--sunrise {
	background: linear-gradient(180deg, #7ec8ff 0%, #ffe3b3 48%, #ffd1a1 100%);
}

.ss-meteo-now--sunrise .ss-meteo-scene__sun {
	bottom: 18px;
	left: 24px;
	top: auto;
	right: auto;
}

.ss-meteo-now--sunset {
	background: linear-gradient(180deg, #1d2b64 0%, #c33764 42%, #f6a54b 100%);
}

.ss-meteo-now--sunset .ss-meteo-scene__sun {
	bottom: 10px;
	right: 18%;
	top: auto;
	background: radial-gradient(circle at 35% 35%, #ffe29a 0%, #ff7e5f 60%, #c33764 100%);
}

.ss-meteo-now--sun {
	background: linear-gradient(180deg, #5eb0ff 0%, #cfe9ff 55%, #fff 100%);
}

.ss-meteo-now--partly {
	background: linear-gradient(180deg, #7ec8ff 0%, #e7f4ff 60%, #fff 100%);
}

.ss-meteo-now--cloudy {
	background: linear-gradient(180deg, #9bb4c9 0%, #d9e4ee 60%, #fff 100%);
}

.ss-meteo-now--fog {
	background: linear-gradient(180deg, #c5d0da 0%, #eef2f5 100%);
}

.ss-meteo-now--fog .ss-meteo-scene__cloud {
	opacity: 0.55;
	filter: blur(2px);
	animation-duration: 40s;
}

.ss-meteo-now--rain {
	background: linear-gradient(180deg, #4a6784 0%, #6f8aa8 45%, #d7e4f2 100%);
}

.ss-meteo-now--storm {
	background: linear-gradient(180deg, #1b2433 0%, #3b4c63 55%, #6a7d94 100%);
}

.ss-meteo-now--snow {
	background: linear-gradient(180deg, #8ea6c2 0%, #e8f1fb 100%);
}

.ss-meteo-now--night,
.ss-meteo-now--night-cloud {
	background: linear-gradient(180deg, #070b18 0%, #15213b 60%, #243656 100%);
}

.ss-meteo-now--dark {
	color: #fff;
	border-color: transparent;
}

.ss-meteo-now--dark .ss-meteo-now__feel,
.ss-meteo-now--dark .ss-meteo-now__stats span {
	color: rgba(255, 255, 255, 0.78);
}

.ss-meteo-now--dark .ss-meteo-now__stats {
	border-top-color: rgba(255, 255, 255, 0.22);
}

.ss-meteo-now--dark .ss-meteo-now__icon {
	background: rgba(255, 255, 255, 0.16);
	color: #fff;
}

.ss-meteo-now--rain .ss-meteo-scene__cloud,
.ss-meteo-now--storm .ss-meteo-scene__cloud,
.ss-meteo-now--night-cloud .ss-meteo-scene__cloud {
	background: rgba(226, 234, 244, 0.55);
}

.ss-meteo-scene__drops i:nth-child(1) { left: 6%; animation-delay: 0s; animation-duration: 0.85s; }
.ss-meteo-scene__drops i:nth-child(2) { left: 12%; animation-delay: -0.2s; height: 18px; }
.ss-meteo-scene__drops i:nth-child(3) { left: 18%; animation-delay: -0.4s; }
.ss-meteo-scene__drops i:nth-child(4) { left: 24%; animation-delay: -0.1s; animation-duration: 0.7s; }
.ss-meteo-scene__drops i:nth-child(5) { left: 31%; animation-delay: -0.55s; }
.ss-meteo-scene__drops i:nth-child(6) { left: 38%; animation-delay: -0.15s; height: 16px; }
.ss-meteo-scene__drops i:nth-child(7) { left: 45%; animation-delay: -0.35s; }
.ss-meteo-scene__drops i:nth-child(8) { left: 52%; animation-delay: -0.05s; }
.ss-meteo-scene__drops i:nth-child(9) { left: 58%; animation-delay: -0.45s; height: 20px; }
.ss-meteo-scene__drops i:nth-child(10) { left: 64%; animation-delay: -0.25s; }
.ss-meteo-scene__drops i:nth-child(11) { left: 70%; animation-delay: -0.6s; }
.ss-meteo-scene__drops i:nth-child(12) { left: 76%; animation-delay: -0.18s; }
.ss-meteo-scene__drops i:nth-child(13) { left: 82%; animation-delay: -0.38s; height: 12px; }
.ss-meteo-scene__drops i:nth-child(14) { left: 88%; animation-delay: -0.08s; }
.ss-meteo-scene__drops i:nth-child(15) { left: 93%; animation-delay: -0.5s; }
.ss-meteo-scene__drops i:nth-child(16) { left: 9%; animation-delay: -0.7s; }
.ss-meteo-scene__drops i:nth-child(17) { left: 41%; animation-delay: -0.28s; }
.ss-meteo-scene__drops i:nth-child(18) { left: 67%; animation-delay: -0.42s; }

.ss-meteo-scene__flakes i:nth-child(odd) { width: 4px; height: 4px; }
.ss-meteo-scene__flakes i:nth-child(1) { left: 8%; animation-delay: 0s; }
.ss-meteo-scene__flakes i:nth-child(2) { left: 16%; animation-delay: -1s; }
.ss-meteo-scene__flakes i:nth-child(3) { left: 24%; animation-delay: -2.1s; }
.ss-meteo-scene__flakes i:nth-child(4) { left: 33%; animation-delay: -0.6s; }
.ss-meteo-scene__flakes i:nth-child(5) { left: 41%; animation-delay: -3s; }
.ss-meteo-scene__flakes i:nth-child(6) { left: 49%; animation-delay: -1.4s; }
.ss-meteo-scene__flakes i:nth-child(7) { left: 57%; animation-delay: -2.6s; }
.ss-meteo-scene__flakes i:nth-child(8) { left: 66%; animation-delay: -0.3s; }
.ss-meteo-scene__flakes i:nth-child(9) { left: 74%; animation-delay: -1.8s; }
.ss-meteo-scene__flakes i:nth-child(10) { left: 82%; animation-delay: -3.4s; }
.ss-meteo-scene__flakes i:nth-child(11) { left: 90%; animation-delay: -0.9s; }
.ss-meteo-scene__flakes i:nth-child(12) { left: 12%; animation-delay: -2.3s; }
.ss-meteo-scene__flakes i:nth-child(13) { left: 28%; animation-delay: -4s; }
.ss-meteo-scene__flakes i:nth-child(14) { left: 53%; animation-delay: -1.1s; }
.ss-meteo-scene__flakes i:nth-child(15) { left: 71%; animation-delay: -2.8s; }
.ss-meteo-scene__flakes i:nth-child(16) { left: 86%; animation-delay: -0.4s; }

.ss-meteo-scene__stars i:nth-child(1) { top: 12%; left: 8%; }
.ss-meteo-scene__stars i:nth-child(2) { top: 18%; left: 22%; animation-delay: -0.4s; }
.ss-meteo-scene__stars i:nth-child(3) { top: 10%; left: 40%; animation-delay: -1s; }
.ss-meteo-scene__stars i:nth-child(4) { top: 28%; left: 55%; }
.ss-meteo-scene__stars i:nth-child(5) { top: 16%; left: 70%; animation-delay: -0.7s; }
.ss-meteo-scene__stars i:nth-child(6) { top: 8%; left: 84%; }
.ss-meteo-scene__stars i:nth-child(7) { top: 36%; left: 14%; animation-delay: -1.2s; }
.ss-meteo-scene__stars i:nth-child(8) { top: 42%; left: 33%; }
.ss-meteo-scene__stars i:nth-child(9) { top: 22%; left: 48%; animation-delay: -0.2s; }
.ss-meteo-scene__stars i:nth-child(10) { top: 48%; left: 62%; }
.ss-meteo-scene__stars i:nth-child(11) { top: 30%; left: 78%; animation-delay: -1.5s; }
.ss-meteo-scene__stars i:nth-child(12) { top: 14%; left: 92%; }
.ss-meteo-scene__stars i:nth-child(13) { top: 54%; left: 86%; animation-delay: -0.9s; }
.ss-meteo-scene__stars i:nth-child(14) { top: 40%; left: 6%; }

@keyframes ss-meteo-icon-float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-4px); }
}

@keyframes ss-meteo-sun-pulse {
	0%, 100% { transform: scale(1); }
	50% { transform: scale(1.06); }
}

@keyframes ss-meteo-sun-spin {
	to { transform: rotate(360deg); }
}

@keyframes ss-meteo-cloud-drift {
	0% { transform: translateX(0); }
	100% { transform: translateX(160%); }
}

@keyframes ss-meteo-rain {
	0% { transform: translateY(0) rotate(12deg); opacity: 0; }
	12% { opacity: 1; }
	100% { transform: translateY(220px) rotate(12deg); opacity: 0; }
}

@keyframes ss-meteo-snow {
	0% { transform: translateY(0) translateX(0); opacity: 0; }
	12% { opacity: 1; }
	100% { transform: translateY(230px) translateX(18px); opacity: 0; }
}

@keyframes ss-meteo-twinkle {
	0%, 100% { opacity: 0.25; transform: scale(1); }
	50% { opacity: 1; transform: scale(1.5); }
}

@keyframes ss-meteo-flash {
	0%, 92%, 100% { opacity: 0; }
	93% { opacity: 0.85; }
	95% { opacity: 0.1; }
	97% { opacity: 0.55; }
}

@media (prefers-reduced-motion: reduce) {
	.ss-meteo-now__icon,
	.ss-meteo-scene__sun,
	.ss-meteo-scene__sun::after,
	.ss-meteo-scene__cloud,
	.ss-meteo-scene__drops i,
	.ss-meteo-scene__flakes i,
	.ss-meteo-scene__stars i,
	.ss-meteo-scene__flash {
		animation: none !important;
	}
}

.ss-meteo-insight {
	margin: 1rem 0 1.15rem;
	padding: 0.85rem 1rem;
	border-left: 3px solid var(--ss-primary);
	background: var(--ss-soft);
	line-height: 1.5;
}

.ss-meteo-hourly__scroller {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 0.35rem;
}

.ss-meteo-hourly__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 0.55rem;
	min-width: min-content;
}

.ss-meteo-hourly__list li {
	flex: 0 0 76px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.25rem;
	padding: 0.7rem 0.4rem;
	border: 1px solid var(--ss-line);
	border-radius: 12px;
	background: #fff;
	font-size: 0.78rem;
	text-align: center;
}

.ss-meteo-hourly__list time {
	color: var(--ss-muted);
	font-weight: 700;
}

.ss-meteo-hourly__list i {
	color: var(--ss-primary);
}

.ss-meteo-daily-wrap {
	overflow-x: auto;
}

.ss-meteo-daily {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	border: 1px solid var(--ss-line);
	border-radius: 12px;
	overflow: hidden;
}

.ss-meteo-daily th,
.ss-meteo-daily td {
	padding: 0.7rem 0.75rem;
	border-bottom: 1px solid #eef2f7;
	text-align: left;
	font-size: 0.9rem;
	white-space: nowrap;
}

.ss-meteo-daily thead th {
	background: #f6f9fc;
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--ss-muted);
}

.ss-meteo-daily tbody tr:hover {
	background: #f8fbff;
}

.ss-meteo-daily__wx {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
}

.ss-meteo-daily__wx i {
	color: var(--ss-primary);
}

.ss-meteo-source {
	margin: 1.1rem 0 0;
	font-size: 0.8rem;
	color: var(--ss-muted);
}

.ss-meteo-more__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem 0.7rem;
}

.ss-meteo-more__list a {
	color: var(--ss-primary);
	text-decoration: none;
	font-weight: 650;
}

.ss-meteo-ad {
	margin: 1.5rem 0;
}

.ss-meteo-ad__inner {
	box-sizing: border-box;
	width: 100%;
	max-width: 728px;
	min-height: 90px;
	margin: 0 auto;
	padding: 0.65rem 0.75rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--ss-line);
	border-radius: 10px;
	background: #f8fafc;
}

.ss-meteo-ad__inner ins.adsbygoogle,
.ss-meteo-ad__inner .adsbygoogle {
	display: block !important;
	width: 100% !important;
	max-width: 728px !important;
}

.ss-meteo-empty {
	padding: 1rem;
	border: 1px dashed var(--ss-line);
	background: var(--ss-soft);
}

body.ss-page-meteo .page-title,
body.ss-page-meteo .entry-title {
	display: none !important;
}

@media (max-width: 991px) {
	.ss-meteo__title {
		font-size: 1.45rem;
	}

	.ss-meteo__lead {
		font-size: 0.95rem;
		margin-bottom: 0.95rem;
	}

	.ss-meteo-switch {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0.4rem;
	}

	.ss-meteo-switch a {
		justify-content: center;
		text-align: center;
		padding: 0.55rem 0.5rem;
		font-size: 0.82rem;
	}

	.ss-meteo-cities__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.6rem;
	}

	.ss-meteo-now {
		padding: 0.95rem 0.9rem 1rem;
	}

	.ss-meteo-now__icon {
		width: 52px;
		height: 52px;
		font-size: 1.4rem;
	}

	.ss-meteo-now__deg {
		font-size: 2.05rem;
	}

	.ss-meteo-now--sun .ss-meteo-scene__sun,
	.ss-meteo-now--partly .ss-meteo-scene__sun {
		width: 58px;
		height: 58px;
		top: 8px;
		right: 8px;
	}

	.ss-meteo-hourly__scroller {
		margin: 0 -0.15rem;
		padding: 0 0.15rem 0.5rem;
		scroll-snap-type: x mandatory;
		mask-image: linear-gradient(90deg, transparent, #000 12px, #000 calc(100% - 18px), transparent);
	}

	.ss-meteo-hourly__list li {
		flex: 0 0 72px;
		scroll-snap-align: start;
	}

	.ss-meteo-ad__inner {
		max-width: 100%;
		min-height: 100px;
		padding: 0.45rem;
		overflow: hidden;
	}

	.ss-meteo-more__list {
		gap: 0.55rem 0.85rem;
	}

	.ss-meteo-more__list a {
		display: inline-block;
		padding: 0.2rem 0;
		min-height: 44px;
		line-height: 44px;
		padding-top: 0;
		padding-bottom: 0;
	}
}

@media (max-width: 781px) {
	.ss-meteo-now__content {
		grid-template-columns: auto minmax(0, 1fr);
	}

	.ss-meteo-now__stats {
		grid-template-columns: 1fr 1fr;
	}

	.ss-meteo-now__stats li {
		padding: 0.15rem 0;
	}

	.ss-meteo-daily-wrap {
		overflow: visible;
	}

	.ss-meteo-daily {
		border: 0;
		background: transparent;
	}

	.ss-meteo-daily thead {
		display: none;
	}

	.ss-meteo-daily tbody {
		display: flex;
		flex-direction: column;
		gap: 0.45rem;
	}

	.ss-meteo-daily tr {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr auto;
		grid-template-areas:
			"day day day wx"
			"min max rain wx";
		align-items: center;
		gap: 0.15rem 0.55rem;
		padding: 0.7rem 0.8rem;
		border: 1px solid var(--ss-line);
		border-radius: 12px;
		background: #fff;
		box-shadow: 0 4px 12px rgba(22, 58, 95, 0.04);
	}

	.ss-meteo-daily th,
	.ss-meteo-daily td {
		border: 0;
		padding: 0;
		white-space: normal;
		font-size: 0.82rem;
	}

	.ss-meteo-daily th[scope="row"] {
		grid-area: day;
		font-size: 0.9rem;
		font-weight: 800;
		text-transform: capitalize;
	}

	.ss-meteo-daily td:nth-child(2) {
		grid-area: wx;
		justify-self: end;
	}

	.ss-meteo-daily td:nth-child(3) {
		grid-area: min;
	}

	.ss-meteo-daily td:nth-child(4) {
		grid-area: max;
	}

	.ss-meteo-daily td:nth-child(5) {
		grid-area: rain;
	}

	.ss-meteo-daily td:nth-child(6) {
		display: none;
	}

	.ss-meteo-daily td:nth-child(3)::before,
	.ss-meteo-daily td:nth-child(4)::before,
	.ss-meteo-daily td:nth-child(5)::before {
		display: block;
		font-size: 0.68rem;
		font-weight: 700;
		letter-spacing: 0.04em;
		text-transform: uppercase;
		color: var(--ss-muted);
	}

	.ss-meteo-daily td:nth-child(3)::before {
		content: "Min";
	}

	.ss-meteo-daily td:nth-child(4)::before {
		content: "Max";
	}

	.ss-meteo-daily td:nth-child(5)::before {
		content: "Pluie";
	}

	.ss-meteo-daily__wx {
		flex-direction: column;
		gap: 0.2rem;
		font-size: 0.72rem;
		text-align: center;
		white-space: normal;
		max-width: 5.5rem;
	}

	.ss-meteo-insight {
		font-size: 0.92rem;
		padding: 0.75rem 0.8rem;
	}
}

@media (max-width: 420px) {
	.ss-meteo-switch {
		grid-template-columns: 1fr;
	}

	.ss-meteo-cities__grid {
		grid-template-columns: 1fr 1fr;
	}

	.ss-meteo-now__deg {
		font-size: 1.85rem;
	}

	.ss-meteo-hourly__list li span {
		font-size: 0.68rem;
	}
}