/* =========================================================================
   DEKKOR: styl filtra kolorow w kategorii (parytet z meble-ogrodowe).
   Port z ogrodowego (main-full.css + inline kategoria.phtml) -> plik CSS.
   Zawiera: panel filtra, etykiety+checkboxy, probki kolorow, sticky sidebar,
   akordeon grup. Probki per-kolor (.color-id-X) dopisywane na koncu tego pliku
   (generowane z bazy dekkora - patrz instrukcja).
   ========================================================================= */

/* --- STICKY: lewy pasek kolorow zostaje widoczny przy scrollu --- */
@media (min-width: 992px) {
	.dekkor-sticky-sidebar {
		position: sticky !important;
		top: 140px !important;              /* pod naglowkiem dekkora; podbij jesli wjezdza pod menu */
		z-index: 10;
		max-height: calc(100vh - 160px);
		overflow-y: auto;
		padding-bottom: 20px;
	}
	.dekkor-sticky-sidebar::-webkit-scrollbar { width: 4px; }
	.dekkor-sticky-sidebar::-webkit-scrollbar-thumb { background: #700001; border-radius: 4px; }
}

/* --- PANEL FILTRA --- */
.fitrForm .panel {
	background: #fff !important;
	border: 1px solid #e5e5e5 !important;
	padding: 15px 20px !important;
	margin-bottom: 20px !important;
	border-top: 3px solid #700001 !important;
	box-shadow: 0 2px 8px rgba(0,0,0,0.03) !important;
}
.fitrForm .title {
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #222 !important;
	text-transform: uppercase !important;
	border-bottom: 1px solid #f0f0f0 !important;
	padding-bottom: 8px !important;
	margin-bottom: 10px !important;
}
.checkboxs-filter ul li { padding: 0 !important; margin: 0 !important; list-style: none !important; }

/* --- PROBKA KOLORU (kwadracik) --- */
.dekkor-color-box {
	display: inline-block !important;
	width: 20px !important; height: 20px !important;
	margin-right: 10px !important;
	border: 1px solid #ddd !important;
	border-radius: 3px !important;
	vertical-align: middle;
	flex-shrink: 0;
	background-color: #f0f0f0;
	background-image: linear-gradient(45deg, #e5e5e5 25%, transparent 25%, transparent 50%, #e5e5e5 50%, #e5e5e5 75%, transparent 75%, transparent);
	background-size: 10px 10px;
	background-position: center;
}

/* --- ETYKIETA KOLORU + CHECKBOX --- */
.dekkor-color-label {
	display: flex !important;
	align-items: center !important;
	width: 100%;
	padding: 4px 0 !important;
	cursor: pointer !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size: 14px !important;
	color: #444 !important;
	transition: all 0.25s ease-out !important;
}
.dekkor-color-label:hover { color: #700001 !important; transform: translateX(6px) !important; }
.dekkor-color-label input[type="checkbox"] {
	width: 15px !important; height: 15px !important;
	margin: 0 10px 0 0 !important;
	accent-color: #700001 !important;
}

/* --- AKORDEON GRUP --- */
.dekkor-kolor-grupy { list-style: none; padding: 0; margin: 0; }
.dekkor-kolor-grupy .dekkor-color-label { display: flex; align-items: center; cursor: pointer; padding: 3px 0; }
.dekkor-kolor-grupa-row { display: flex; align-items: center; gap: 6px; transition: all 0.25s ease-out; }
.dekkor-grupa-check { flex: none; cursor: pointer; margin: 0; accent-color: #700001; }
.dekkor-kolor-grupa-head {
	display: flex; align-items: center; flex: 1;
	background: none; border: 0; padding: 5px 2px; margin: 0;
	cursor: pointer; text-align: left; color: inherit;
	font-family: 'Roboto Condensed', sans-serif; font-size: 14px; font-weight: 400;
}
.dekkor-kolor-grupa-row:hover { transform: translateX(6px); }
.dekkor-kolor-grupa-head .dekkor-color-box { margin-right: 6px; }
.dekkor-kolor-grupa-nazwa { flex: 1; color: #700001; font-weight: 700; }
.dekkor-kolor-grupa-licznik { color: #999; font-size: .85em; margin: 0 6px; }
.dekkor-kolor-grupa-strzalka { color: #999; font-size: .8em; transition: transform .15s ease; transform: rotate(-90deg); }
.dekkor-kolor-grupa.open .dekkor-kolor-grupa-strzalka { transform: rotate(0deg); }
.dekkor-kolor-warianty { display: none; padding-left: 20px !important; margin: 0; list-style: none; }
.dekkor-kolor-grupa.open > .dekkor-kolor-warianty { display: block; }
.dekkor-kolor-solo .dekkor-color-label { padding-left: 2px; }

/* =========================================================================
   PROBKI PER-KOLOR (generowane z bazy dekkora) - DOPISZ PONIZEJ.
   Format: .color-id-<ID> { background-image: url('/kolory/<slug>/<icon>') !important; }
   ========================================================================= */