/* [dmkrtz_popular_slider] – same look as the former theme widget */
.dmkrtz-pv-slider > .dpvs-title { margin: 0; text-align: left; }
.dmkrtz-pv-slider .dpvs-row { display: flex; align-items: center; gap: 5px; }
.dmkrtz-pv-slider .dpvs-btn { flex: none; width: 30px; height: 30px; margin: 0; padding: 0; border: 2px solid transparent; border-radius: 100%; background: transparent; color: inherit; cursor: pointer; transition: border .25s ease, background-color .25s ease; }
.dmkrtz-pv-slider .dpvs-btn:hover { background: #00000033; }
.dmkrtz-pv-slider .dpvs-btn.is-next:hover { border-right-color: #fff; }
.dmkrtz-pv-slider .dpvs-btn.is-prev:hover { border-left-color: #fff; }
.dmkrtz-pv-slider .dpvs-track { display: flex; width: 100%; overflow: hidden; overflow-x: scroll; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; }
.dmkrtz-pv-slider .dpvs-track::-webkit-scrollbar { display: none; }
.dmkrtz-pv-slider .dpvs-item { flex: 1 1 auto; min-width: calc(100% / var(--per, 3)); padding: 5px; border-radius: 10px; overflow: hidden; scroll-snap-align: start; transition: background .25s ease; box-sizing: border-box; }
.dmkrtz-pv-slider .dpvs-item:hover { background: #00000033; }
.dmkrtz-pv-slider .dpvs-card { position: relative; display: flex; flex-direction: column; height: 300px; }
.dmkrtz-pv-slider .dpvs-link { position: absolute; inset: 0; z-index: 0; color: inherit; text-decoration: inherit; }
.dmkrtz-pv-slider .dpvs-card h5 { margin: 0; }
.dmkrtz-pv-slider .dpvs-thumb { width: 100%; height: 100%; margin-top: 10px; border-radius: 15px; background: #00000022 no-repeat center / cover; }
.dmkrtz-pv-slider .dpvs-info { position: relative; z-index: 1; display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 12px; margin-top: 10px; padding: 0; color: #9f9f9f; font-size: .85rem; font-style: normal; }
.dmkrtz-pv-slider .dpvs-info > div:first-of-type { width: 100%; }
.dmkrtz-pv-slider .dpvs-range { display: none; }
.dmkrtz-pv-slider.show-range .dpvs-range { display: block; }
.dmkrtz-pv-slider.show-range .dpvs-total { display: none; }
@media (max-width: 700px) { .dmkrtz-pv-slider .dpvs-item { min-width: 100%; } }
