#petka-global-spinner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.spinner-overlay {
  background: rgba(0,0,0,0.5);
  width: 100%;
  height: 100%;
  position: absolute;
}

.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin: -30px 0 0 -30px;
  border: 8px solid #f3f3f3;
  border-top: 8px solid #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#petka-global-spinner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.spinner-overlay {
  background: rgba(0,0,0,0.5);
  width: 100%;
  height: 100%;
  position: absolute;
}

.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin: -30px 0 0 -30px;
  border: 8px solid #f3f3f3;
  border-top: 8px solid #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.filter-options-title {
    position: relative;
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    gap: .35rem;
}
.filter-options-title .petka-chevron {
    transition: transform .15s ease-in-out;
    font-style: normal;
}
.filter-options-item.is-open .filter-options-title .petka-chevron {
    transform: rotate(-90deg);
}

.filter-options-item.is-collapsed .filter-options-content {
    display: none;
}

.action.filter-clear.petka-clear-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-indent: 0;
    overflow: hidden;
}
.action.filter-clear.petka-clear-icon i.icon {
    line-height: 1;
}

/* --- Petka: collapse filtrov + ikone (CSS-only) --- */

/* privzeto ZAPRTO (ustreza admin defaultu) */
.block.filter .filter-options-item .filter-options-content {
    display: none;
}

/* če je v filtru kaj izbranega -> prisilno ODPRTO (zahteva podprto :has v brskalniku) */
.block.filter .filter-options-item:has(input:checked) .filter-options-content,
.block.filter .filter-options-item:has(a.is-checked) .filter-options-content,
.block.filter .filter-options-item:has(li.is-checked) .filter-options-content,
.block.filter .filter-options-item:has(.selected),
.block.filter .filter-options-item:has(.applied) .filter-options-content {
    display: block;
}

/* Chevrons v naslovu (Luma ikon font) */
.filter-options-title {
    cursor: pointer;
    position: relative;
    padding-right: 20px; /* prostor za chevron */
}
.filter-options-title::after {
    /* ARROW DOWN (zaprt) — če se ikona ne pokaže, zamenjaj codepoint */
	  font-family: 'icons-blank-theme';    
	  content: '\e607';
    speak: none;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(0deg); /* dol */
    transition: transform .15s ease-in-out;
} 

/* ODPRTO stanje: vrtimo puščico desno */
.filter-options-item.is-open > .filter-options-title::after,
.block.filter .filter-options-item:has(input:checked) > .filter-options-title::after,
.block.filter .filter-options-item:has(a.is-checked) > .filter-options-title::after,
.block.filter .filter-options-item:has(li.is-checked) > .filter-options-title::after,
.block.filter .filter-options-item:has(.selected) > .filter-options-title::after,
.block.filter .filter-options-item:has(.applied) > .filter-options-title::after {
    transform: translateY(-50%) rotate(-90deg); /* desno */
}

/* "Počisti" naj bo X ikona in naj se vidi SAMO, ko je kaj izbranega */
.action.filter-clear {
    /* skrito kot default */
    display: none;
    text-indent: 0;
}
/* ko je kaj izbranega v tem filtru -> prikaži kot ikono */
.block.filter .filter-options-item:has(input:checked) .action.filter-clear,
.block.filter .filter-options-item:has(a.is-checked) .action.filter-clear,
.block.filter .filter-options-item:has(li.is-checked) .action.filter-clear,
.block.filter .filter-options-item:has(.selected) .action.filter-clear,
.block.filter .filter-options-item:has(.applied) .action.filter-clear {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border: 1px solid #ddd;
    border-radius: 3px;
    overflow: hidden;
    padding: 0;
}
/* X ikona (Luma ikon font) */
.action.filter-clear::before {
		content: '\e608';
		font-family: 'icons-blank-theme';
    font-style: normal;
    line-height: 1;
}