/**
 * بنر وضعیت فروشگاه.
 * از ویژگی‌های منطقی CSS استفاده می‌شود تا در راست‌چین و چپ‌چین درست بنشیند.
 */

.placenta-sh {
	display: flex;
	align-items: center;
	gap: 10px;
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 18px;
	padding: 12px 16px;
	border: 1px solid #f0c36d;
	border-inline-start-width: 4px;
	border-radius: 8px;
	background: #fff8e5;
	color: #6b4e00;
	font-size: 15px;
	line-height: 1.7;
}

.placenta-sh--open {
	border-color: #7ad07a;
	background: #f0fbf0;
	color: #14601a;
}

.placenta-sh__dot {
	flex: 0 0 auto;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #d98e00;
}

.placenta-sh--open .placenta-sh__dot {
	background: #00a32a;
}

.placenta-sh__text { flex: 1 1 auto; }

.placenta-sh__countdown {
	flex: 0 0 auto;
	padding: 3px 10px;
	border-radius: 999px;
	background: rgba(0, 0, 0, .06);
	font-size: 13px;
	font-weight: 600;
	white-space: nowrap;
}

.placenta-sh-hours {
	width: 100%;
	margin: 0 0 18px;
	border-collapse: collapse;
	font-size: 15px;
}

.placenta-sh-hours th,
.placenta-sh-hours td {
	padding: 8px 12px;
	border-bottom: 1px solid #e6e6e6;
	text-align: start;
}

.placenta-sh-hours th { font-weight: 600; }
.placenta-sh-hours .is-today { background: #f6f7f7; }
.placenta-sh-hours .is-today th { color: #2271b1; }

@media (max-width: 480px) {
	.placenta-sh { flex-wrap: wrap; }
	.placenta-sh__countdown { margin-inline-start: 20px; }
}