/* Impala – filter dekorov.
   Vizuál prevzatý zo studioimpala.sk a z kalkulačky: Montserrat na nadpisy,
   Open Sans na text, tyrkysová #2AA9EB, karty #F7F9FC, linka #E2E8F0, rádius 10 px.
   Všetko je pod triedou .ikd, aby sa štýly nemiešali s témou. */

.ikd{
	--ikd-surface:#FFFFFF;
	--ikd-surface-2:#F7F9FC;
	--ikd-line:#E2E8F0;
	--ikd-line-strong:#CBD5E1;
	--ikd-ink:#1A1A1A;
	--ikd-ink-2:#64748B;
	--ikd-ink-3:#94A3B8;
	--ikd-accent:#2AA9EB;
	--ikd-accent-line:#A8DBF5;
	--ikd-accent-soft:#EAF6FD;
	--ikd-r:10px;
	--ikd-cols:4;
	font-family:"Open Sans",Arial,system-ui,sans-serif;
	font-size:15px;
	line-height:1.6;
	color:var(--ikd-ink);
	max-width:1240px;
	margin:0 auto;
}
.ikd *,.ikd *::before,.ikd *::after{box-sizing:border-box}

/* ---------- filtre ---------- */
.ikd .ikd-filters{
	background:var(--ikd-surface);
	border:1px solid var(--ikd-line);
	border-radius:var(--ikd-r);
	overflow:hidden;
	padding:0;
	margin:0 0 20px;
}
/* Riadok = jeden parameter. Popis má vlastný podklad, aby sa riadky nezlievali. */
.ikd .ikd-row{
	display:grid;
	grid-template-columns:132px minmax(0,1fr);
	align-items:stretch;
	border-bottom:1px solid var(--ikd-line);
	margin:0;
}
.ikd .ikd-lab{
	display:flex;
	align-items:center;
	background:var(--ikd-surface-2);
	border-right:1px solid var(--ikd-line);
	padding:12px 14px !important;
	margin:0;
	font-size:10.5px;
	font-weight:600;
	letter-spacing:.06em;
	line-height:1.3;
	text-transform:uppercase;
	color:var(--ikd-ink-2);
}
.ikd .ikd-chips{display:flex; flex-wrap:wrap; gap:6px; padding:9px 14px; margin:0}
/* Striedavý podklad, aby sa dlhé riadky s veľa možnosťami dali sledovať očami. */
.ikd .ikd-row:nth-of-type(even) .ikd-chips{background:#FBFCFE}
.ikd .ikd-row:nth-of-type(even) .ikd-lab{background:#F2F6FB}
.ikd .ikd-chip{
	display:inline-flex;
	align-items:baseline;
	background:var(--ikd-surface-2);
	border:1px solid var(--ikd-line);
	border-radius:7px;
	padding:5px 10px;
	margin:0;
	font-family:inherit;
	font-size:13px;
	line-height:1.45;
	color:var(--ikd-ink);
	cursor:pointer;
	text-transform:none;
	transition:background .14s,border-color .14s,color .14s,opacity .14s;
}
.ikd .ikd-chip:hover{border-color:var(--ikd-accent); color:var(--ikd-accent); background:var(--ikd-accent-soft)}
.ikd .ikd-chip[aria-pressed="true"]{
	background:var(--ikd-accent);
	border-color:var(--ikd-accent);
	color:#FFFFFF;
	font-weight:500;
}
/* Počet je len doplnková informácia, preto svetlejší a menší než názov. */
.ikd .ikd-chip small{
	margin-left:7px !important;
	padding:0 !important;
	font-size:10.5px;
	font-weight:400;
	color:var(--ikd-ink-3);
	font-variant-numeric:tabular-nums;
}
.ikd .ikd-chip:hover small{color:var(--ikd-accent)}
.ikd .ikd-chip[aria-pressed="true"] small{color:rgba(255,255,255,.72)}
.ikd .ikd-chip.is-off{opacity:.4; cursor:default}
.ikd .ikd-chip:focus-visible{outline:2px solid var(--ikd-accent); outline-offset:2px}

.ikd .ikd-row:last-of-type{border-bottom:1px solid var(--ikd-line)}
.ikd .ikd-bar{
	display:flex;
	align-items:center;
	gap:14px;
	flex-wrap:wrap;
	padding:11px 14px;
	margin:0;
	background:var(--ikd-surface-2);
}
.ikd .ikd-search{flex:0 1 240px; min-width:0; display:block; margin:0}
.ikd .ikd-sr{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); clip-path:inset(50%); white-space:nowrap}
.ikd .ikd-search input{
	width:100%;
	max-width:100%;
	box-sizing:border-box;
	margin:0;
	background:var(--ikd-surface);
	border:1px solid var(--ikd-line-strong);
	border-radius:8px;
	padding:8px 11px;
	font-family:inherit;
	font-size:14px;
	color:var(--ikd-ink);
	transition:border-color .14s, box-shadow .14s;
}
.ikd .ikd-search input:focus{
	border-color:var(--ikd-accent);
	box-shadow:0 0 0 3px var(--ikd-accent-soft);
	outline:none;
}
.ikd .ikd-count{margin:0; font-size:13px; color:var(--ikd-ink-2); font-variant-numeric:tabular-nums}
.ikd .ikd-reset,.ikd .ikd-linkbtn{
	margin-left:auto;
	background:none;
	border:none;
	padding:0;
	font-family:inherit;
	font-size:13px;
	color:var(--ikd-accent);
	text-decoration:underline;
	text-underline-offset:3px;
	cursor:pointer;
}
.ikd .ikd-linkbtn{margin:8px 0 0; display:inline-block}

/* mobilné tlačidlo filtra */
.ikd .ikd-mobtoggle{
	display:none;
	width:100%;
	background:var(--ikd-surface);
	border:1px solid var(--ikd-line-strong);
	border-radius:8px;
	padding:10px 14px;
	margin:0 0 12px;
	font-family:inherit;
	font-size:14px;
	color:var(--ikd-ink);
	cursor:pointer;
}
.ikd .ikd-mobcount{color:var(--ikd-accent); font-weight:600}

/* ---------- galéria ---------- */
/* Téma dáva zoznamom odsadenie a modrú odrážku pred každou položkou,
   preto sú tu resety natvrdo. */
.ikd .ikd-grid{
	list-style:none !important;
	margin:0 !important;
	padding:0 !important;
	display:grid;
	grid-template-columns:repeat(var(--ikd-cols),minmax(0,1fr));
	gap:12px;
}
.ikd .ikd-card{
	margin:0 !important;
	padding:0 !important;
	list-style:none !important;
	position:static;
	display:block;
}
.ikd .ikd-card::before,.ikd .ikd-card::marker{content:none !important; display:none !important}
.ikd .ikd-card[hidden]{display:none}
.ikd .ikd-card > a{
	display:block;
	text-decoration:none;
	color:inherit;
	border:1px solid var(--ikd-line);
	border-radius:var(--ikd-r);
	overflow:hidden;
	background:var(--ikd-surface);
	transition:border-color .14s, box-shadow .14s, transform .14s;
}
.ikd .ikd-card > a:hover{
	border-color:var(--ikd-accent-line);
	box-shadow:0 1px 2px rgba(15,23,42,.04), 0 10px 28px -16px rgba(15,23,42,.35);
	transform:translateY(-2px);
}
.ikd .ikd-media{display:block; padding:0 !important; margin:0; aspect-ratio:1/1; background:var(--ikd-surface-2); overflow:hidden}
.ikd .ikd-img{width:100%; height:100%; object-fit:cover; display:block; margin:0; border-radius:0}
.ikd .ikd-img-empty{background:var(--ikd-surface-2)}
.ikd .ikd-name{
	display:block;
	padding:10px 12px 12px !important;
	margin:0;
	font-family:Montserrat,"Open Sans",Arial,sans-serif;
	font-size:14px;
	font-weight:500;
	letter-spacing:-.02em;
	line-height:1.35 !important;
	color:var(--ikd-ink);
}
.ikd .ikd-card > a:hover .ikd-name{color:var(--ikd-accent)}

.ikd .ikd-empty{
	text-align:center;
	padding:40px 16px;
	color:var(--ikd-ink-2);
	font-size:14px;
}

/* Počet stĺpcov na užších obrazovkách sa nastavuje priamo na mriežke:
   premennú --ikd-cols píše shortcode do atribútu style a ten by médiá prebil. */
@media (max-width:1100px){ .ikd .ikd-grid{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:760px){
	.ikd .ikd-grid{grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px}
	.ikd .ikd-mobtoggle{display:block}
	.ikd .ikd-filters{display:none; padding:0}
	.ikd .ikd-filters.is-open{display:block}
	.ikd .ikd-row{grid-template-columns:1fr}
	.ikd .ikd-lab{border-right:none; border-bottom:1px solid var(--ikd-line); padding:8px 12px !important}
	.ikd .ikd-chips{padding:10px 12px}
	.ikd .ikd-bar{padding:10px 12px}
	.ikd .ikd-bar{gap:10px}
	.ikd .ikd-search{flex:1 1 100%}
	.ikd .ikd-reset{margin-left:auto}
}
@media (prefers-reduced-motion:reduce){
	.ikd *{transition:none !important}
	.ikd .ikd-card > a:hover{transform:none}
}