/* ===== JTLoaded slider / dropdown fixes (all pages) ===== */

/* 1) only 3 custom dots; hide slick's default one-dot-per-slide list */
.slick-dots { display: none !important; }
.jt-dots { display: flex; justify-content: center; align-items: center; gap: 12px; margin: 18px 0 0; position: relative; z-index: 1; }
.jt-dots button { width: 11px; height: 11px; padding: 0; border: 0; border-radius: 50%; background: rgba(255,255,255,.45); cursor: pointer; transition: transform .2s, background-color .2s; }
.jt-dots button.active { background: #fff; transform: scale(1.35); }

/* 2) dropdown always sits above the slider (arrows, slides, dots) */
.navbar { z-index: 5000 !important; }
.navbar-container, .menu-container, .menu-list, .menu-list-item.dropdown { overflow: visible !important; }
.menu-list-item.dropdown { position: relative; }
.dropdown-menu, .dropdown-menu1 { z-index: 6000 !important; }
.mobile-menu { z-index: 5500 !important; }
.slider-container, .slick-multiItemSlider, .slick-list, .slick-track, .slick-arrow { z-index: 1; }
.slider-container { position: relative; }