/* Konfiguracja kolorów */
$config['darkborder'] = "#241912";
$config['lightborder'] = "#2E2017";
$config['vdarkborder'] = "#1F150F";

/* Styl główny kontenera */
.is-countdown {
	border: 1px solid #241912; /* darkborder */
	background-color: #1F150F; /* vdarkborder */
	color: #f5f5f5;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	text-align: center;
	width: 100%;
	box-sizing: border-box;
}

/* Układ w jednym rzędzie */
.countdown-row {
	display: flex;
	justify-content: flex-start; /* lub center, jeśli wolisz wyśrodkowane */
	flex-wrap: nowrap;           /* ?? nie łamie wierszy */
	overflow-x: auto;            /* ?? poziome przewijanie jeśli potrzeba */
	gap: 10px;
}

/* Szerokości zależne od liczby elementów */
.countdown-show1 .countdown-section { width: 98%; }
.countdown-show2 .countdown-section { width: 48%; }
.countdown-show3 .countdown-section { width: 32.5%; }
.countdown-show4 .countdown-section { width: 24.5%; }
.countdown-show5 .countdown-section { width: 19.5%; }
.countdown-show6 .countdown-section { width: 16.25%; }
.countdown-show7 .countdown-section { width: 14%; }

/* Pojedynczy "kwadrat" licznika */
.countdown-section {
	background-color: #2E2017; /* lightborder */
	border-radius: 6px;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
	padding: 10px;
	font-size: 75%;
	text-align: center;
	box-sizing: border-box;
}

/* Ilość czasu */
.countdown-amount {
	font-size: 200%;
	font-weight: bold;
	color: #FFDD99;
}

/* Opis jednostki */
.countdown-period {
	display: block;
	color: #ddd;
	margin-top: 5px;
	font-size: 90%;
	letter-spacing: 1px;
}

/* Dodatkowy opis */
.countdown-descr {
	display: block;
	width: 100%;
	color: #bbb;
	margin-top: 5px;
	font-style: italic;
	font-size: 80%;
	text-align: center;
}

/* RTL i holding – jak w oryginale */
.countdown-rtl {
	direction: rtl;
}
.countdown-holding span {
	color: #888;
}