/**
 * Public styles for Upanigen.
 */

.upcoming-anime-list {
	margin: 1rem 0;
}

.upcoming-anime-countdown {
	background: var(--upanigen-countdown-background, #ffffff);
	border-color: var(--upanigen-countdown-border-color, #e5e7eb);
	border-radius: var(--upanigen-countdown-radius, 8px);
	border-style: solid;
	border-width: var(--upanigen-countdown-border-width, 1px);
	box-shadow: 0 1px 2px rgba(17, 24, 39, 0.06);
	color: #111827;
	margin: 1.5rem 0;
	padding: var(--upanigen-countdown-padding, 16px);
}

.upcoming-anime-countdown__heading {
	color: var(--upanigen-countdown-heading-color, #374151);
	font-size: var(--upanigen-countdown-heading-size, 16px);
	font-weight: 600;
	margin-bottom: 0.75rem;
}

.upcoming-anime-countdown__grid {
	display: grid;
	gap: var(--upanigen-countdown-gap, 12px);
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.upcoming-anime-countdown__item {
	background: var(--upanigen-countdown-item-background, #f9fafb);
	border: 1px solid var(--upanigen-countdown-item-border-color, #eef2f7);
	border-radius: var(--upanigen-countdown-item-radius, 6px);
	padding: 0.75rem 0.5rem;
	text-align: center;
}

.upcoming-anime-countdown__number {
	color: var(--upanigen-countdown-number-color, #111827);
	display: block;
	font-size: var(--upanigen-countdown-number-size, 24px);
	font-weight: var(--upanigen-countdown-number-weight, 700);
	line-height: 1.1;
}

.upcoming-anime-countdown__label {
	color: var(--upanigen-countdown-label-color, #6b7280);
	display: block;
	font-size: var(--upanigen-countdown-label-size, 12px);
	margin-top: 0.25rem;
	text-transform: uppercase;
}

.upcoming-anime-countdown__expired {
	color: var(--upanigen-countdown-available-color, #047857);
	display: none;
	font-weight: 700;
	margin-top: 0.75rem;
}

.upcoming-anime-countdown--expired .upcoming-anime-countdown__grid {
	display: none;
}

.upcoming-anime-countdown--expired .upcoming-anime-countdown__expired {
	display: block;
}

@media (max-width: 600px) {
	.upcoming-anime-countdown__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}