/* ==========================================================
   NEWATOURS – WETTER & ORTSZEIT
   ========================================================== */

.newatours-weather-time {
	--newa-navy: #0d2d4a;
	--newa-gold: #b08d57;
	--newa-text: #2e2e2e;
	--newa-muted: #68717b;
	--newa-border: rgba(13, 45, 74, 0.12);
	--newa-soft: #faf8f4;

	display: grid;

	grid-template-columns:
		repeat(
			2,
			minmax(0, 1fr)
		);

	gap: 36px;

	width: 100%;
}


.newatours-weather-time-column {
	min-width: 0;
}


.newatours-weather-time
.newatours-weather-time-title {
	margin:
		0
		0
		18px;

	color:
		var(--newa-gold);

	font-family:
		"Marcellus",
		serif;

	font-size: 27px;
	font-weight: 600;
	line-height: 1.25;

	text-align: center;
}


/* ==========================================================
   CARD
   ========================================================== */

.newatours-weather-time-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	min-height: 230px;

	padding:
		28px
		30px;

	border:
		1px solid
		var(--newa-border);

	border-radius: 8px;

	background:
		#ffffff;

	text-align: center;
}


/* ==========================================================
   WEATHER
   ========================================================== */

.newatours-weather-main {
	display: flex;
	align-items: center;
	justify-content: center;

	gap: 22px;

	width: 100%;
}


.newatours-weather-icon {
	flex:
		0
		0
		76px;

	width: 76px;
	height: 76px;

	color:
		var(--newa-gold);
}


.newatours-weather-icon svg {
	display: block;

	width: 100%;
	height: 100%;

	fill: none;

	stroke:
		currentColor;

	stroke-width: 2.6;
	stroke-linecap: round;
	stroke-linejoin: round;
}


.newatours-weather-main-text {
	text-align: left;
}


.newatours-weather-time
.newatours-weather-temperature {
	color:
		var(--newa-navy);

	font-family:
		"Source Sans 3",
		sans-serif;

	font-size: 43px;
	font-weight: 600;
	line-height: 1;
}


.newatours-weather-time
.newatours-weather-condition {
	margin-top: 7px;

	color:
		var(--newa-text);

	font-family:
		"Source Sans 3",
		sans-serif;

	font-size: 17px;
	font-weight: 500;
	line-height: 1.3;
}


.newatours-weather-time
.newatours-weather-minmax {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;

	gap: 8px;

	margin-top: 24px;
	padding-top: 18px;

	width: 100%;

	border-top:
		1px solid
		var(--newa-border);

	color:
		var(--newa-muted);

	font-family:
		"Source Sans 3",
		sans-serif;

	font-size: 15px;
	font-weight: 500;
	line-height: 1.35;
}


.newatours-weather-minmax-separator {
	color:
		var(--newa-gold);
}


.newatours-weather-unavailable {
	color:
		var(--newa-muted);

	font-family:
		"Source Sans 3",
		sans-serif;

	font-size: 15px;
	line-height: 1.5;
}


/* ==========================================================
   TIME
   ========================================================== */

.newatours-time-card {
	align-items: stretch;
	justify-content: center;

	gap: 0;

	text-align: left;
}


.newatours-time-main {
	display: flex;
	align-items: center;
	justify-content: center;

	gap: 28px;

	width: 100%;
}


.newatours-time-icon {
	flex:
		0
		0
		62px;

	width: 62px;
	height: 62px;

	margin-bottom: 0;

	color:
		var(--newa-gold);
}


.newatours-time-icon svg {
	display: block;

	width: 100%;
	height: 100%;

	fill: none;

	stroke:
		currentColor;

	stroke-width: 2.3;
	stroke-linecap: round;
	stroke-linejoin: round;
}


.newatours-time-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;

	min-width: 0;
}


.newatours-weather-time
.newatours-local-time {
	color:
		var(--newa-navy);

	font-family:
		"Source Sans 3",
		sans-serif;

	font-size: 48px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 1px;
}


.newatours-weather-time
.newatours-local-date {
	margin-top: 13px;

	color:
		var(--newa-muted);

	font-family:
		"Source Sans 3",
		sans-serif;

	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
}


.newatours-time-footer {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 100%;

	margin-top: 24px;
	padding-top: 18px;

	border-top:
		1px solid
		var(--newa-border);

	text-align: center;
}


.newatours-weather-time
.newatours-local-timezone {
	color:
		var(--newa-muted);

	font-family:
		"Source Sans 3",
		sans-serif;

	font-size: 15px;
	font-weight: 500;
	line-height: 1.35;
}


/* ==========================================================
   EDITOR ERROR
   ========================================================== */

.newatours-weather-time-empty {
	padding:
		14px
		16px;

	border:
		1px solid
		rgba(176, 141, 87, 0.28);

	border-radius: 6px;

	background:
		#faf8f4;

	color:
		var(--newa-text, #2e2e2e);

	font-family:
		"Source Sans 3",
		sans-serif;

	font-size: 14px;
	line-height: 1.4;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1024px) {

	.newatours-weather-time {
		grid-template-columns:
			repeat(
				2,
				minmax(0, 1fr)
			);

		gap: 24px;
	}


	.newatours-weather-time
	.newatours-weather-time-title {
		font-size: 20px;
	}


	.newatours-weather-time-card {
		min-height: 210px;

		padding:
			24px
			20px;
	}


	.newatours-weather-main {
		gap: 16px;
	}


	.newatours-weather-icon {
		flex-basis: 62px;

		width: 62px;
		height: 62px;
	}


	.newatours-weather-temperature {
		font-size: 36px;
	}


	.newatours-local-time {
		font-size: 42px;
	}


	.newatours-time-main {
		gap: 22px;
	}

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

	.newatours-weather-time {
		grid-template-columns: 1fr;

		gap: 30px;
	}


	.newatours-weather-time
	.newatours-weather-time-title {
		margin-bottom: 14px;

		font-size: 18px;
	}


	.newatours-weather-time-card {
		min-height: 0;

		padding:
			24px
			20px;
	}


	.newatours-weather-main {
		gap: 18px;
	}


	.newatours-weather-icon {
		flex-basis: 64px;

		width: 64px;
		height: 64px;
	}


	.newatours-weather-temperature {
		font-size: 36px;
	}


	.newatours-weather-condition {
		font-size: 16px;
	}


	.newatours-weather-minmax {
		margin-top: 20px;
		padding-top: 16px;

		font-size: 14px;
	}


	.newatours-time-card {
		align-items: stretch;

		gap: 0;

		text-align: left;
	}


	.newatours-time-main {
		gap: 18px;
	}


	.newatours-time-icon {
		flex-basis: 54px;

		width: 54px;
		height: 54px;

		margin-bottom: 0;
	}


	.newatours-local-time {
		font-size: 40px;
	}


	.newatours-local-date {
		margin-top: 10px;

		font-size: 15px;
	}


	.newatours-time-footer {
		margin-top: 20px;
		padding-top: 16px;
	}


	.newatours-local-timezone {
		font-size: 14px;
	}

}