/* Vulco vrtiljak (barve Vulco: modra #002854, rumena #FFCD00, bela). Brez JS deluje kot vodoravno drsenje. */
.vulco-vr-ovoj { position: relative; max-width: 900px; margin: 0 auto; }
.vulco-vr-ovoj:focus { outline: 3px solid #002854; outline-offset: 4px; }
.vulco-vrtiljak { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto; scroll-snap-type: x mandatory; gap: 0 !important; margin: 0; padding: 0; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.vulco-vrtiljak::-webkit-scrollbar { display: none; }
.vulco-vrtiljak > figure { flex: 0 0 100% !important; width: 100% !important; margin: 0 !important; scroll-snap-align: start; }
.vulco-vrtiljak img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 4px; }
.vulco-vr-kontrole { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 12px; }
.vulco-vr-gumb { width: 44px; height: 44px; border: 0; border-radius: 50%; background: #FFCD00; color: #002854; font-size: 20px; font-weight: 900; line-height: 1; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; padding: 0; }
.vulco-vr-gumb:hover { background: #002854; color: #FFCD00; }
.vulco-vr-gumb:focus, .vulco-vr-pika:focus { outline: 3px solid #002854; outline-offset: 3px; }
.vulco-vr-pike { display: flex; align-items: center; gap: 8px; margin-left: 8px; }
.vulco-vr-pika { width: 16px; height: 16px; padding: 0; border: 2px solid #002854; border-radius: 50%; background: #fff; cursor: pointer; }
.vulco-vr-pika[aria-current="true"] { background: #002854; }
@media (prefers-reduced-motion: reduce) { .vulco-vrtiljak { scroll-behavior: auto; } }