@import url("../../prosilver/theme/stylesheet.css");
@import url("green.css");

/* JP_CITY_CHAT_START */
.jp-city-chat {
	overflow: hidden;
	margin: 24px 0 8px;
	border: 2px solid rgba(217, 243, 91, 0.92);
	border-radius: 15px;
	background: linear-gradient(145deg, #095630, #063b22);
	box-shadow:
		0 15px 34px rgba(0, 0, 0, 0.34),
		0 0 19px rgba(168, 212, 50, 0.31),
		inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

.jp-city-chat__heading {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 72px;
	padding: 8px 16px;
	border-bottom: 1px solid rgba(217, 243, 91, 0.76);
	background:
		radial-gradient(circle at 82% 20%, rgba(217, 243, 91, 0.18), transparent 28%),
		linear-gradient(100deg, #084b2a, #238643, #527f2d);
}

.jp-city-chat__logo {
	flex: 0 0 auto;
	width: 56px;
	height: 56px;
	object-fit: contain;
	filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.42));
}

.jp-city-chat__titles {
	min-width: 0;
	line-height: 1.15;
}

.jp-city-chat__brand {
	color: #d9f35b;
	font-size: 20px;
	font-weight: 900;
	letter-spacing: 1px;
	text-shadow: 0 2px 6px rgba(0, 0, 0, 0.58);
}

.jp-city-chat__city {
	overflow: hidden;
	margin-top: 5px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.jp-city-chat__live {
	margin-left: auto;
	color: #efffa1;
	font-size: 13px;
	font-weight: 800;
	white-space: nowrap;
}

.jp-city-chat__frame {
	display: block;
	width: 100%;
	height: 520px;
	border: 0;
	background: #063b22;
}

@media (max-width: 700px) {
	.jp-city-chat {
		margin-top: 17px;
		border-radius: 10px;
	}

	.jp-city-chat__heading {
		min-height: 62px;
		padding: 6px 10px;
	}

	.jp-city-chat__logo {
		width: 46px;
		height: 46px;
	}

	.jp-city-chat__brand {
		font-size: 17px;
	}

	.jp-city-chat__city {
		font-size: 13px;
	}

	.jp-city-chat__live {
		display: none;
	}

	.jp-city-chat__frame {
		height: 480px;
	}
}
/* JP_CITY_CHAT_END */