/* slick‑lindo‑theme.css – dựa trên slick-theme.css nhưng tinh giản */
.slick-slider{position:relative;display:block;box-sizing:border-box}
.slick-list{overflow:hidden;margin:0;padding:0}
.slick-slide{float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-initialized .slick-slide{display:block}

/* ==== ARROWS – phẳng, góc vuông ==== */
.slick-slider{overflow:visible}

.slick-prev,
.slick-next{
position: absolute;
  top: 50%;
  z-index: 5;
  width: 30px;
  height: 40px;
  margin-top: -22px;
  background: #ffffff7a;
  border: navajowhite;
  box-shadow: 0 3px 8px #0002;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #222;
  font-size: 0;
  transition: all .25s ease;
  cursor: pointer;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled{opacity:.2;cursor:default}

.slick-prev{left:0px}[dir=rtl] .slick-prev{right:0px;left:auto}
.slick-next{right:0px}[dir=rtl] .slick-next{left:0px;right:auto}

/* FontAwesome icons */
.slick-prev:before,
.slick-next:before{
    font-family:"Font Awesome 6 Free";
    font-weight:700;
    font-size:30px;color:inherit;opacity:1;
}
.slick-prev:before{content:"\f104"}        /* fa-arrow-left  */
.slick-next:before{content:"\f105"}        /* fa-arrow-right */
[dir=rtl] .slick-prev:before{content:"\f105"}
[dir=rtl] .slick-next:before{content:"\f104"}

/* ==== DOTS – nhỏ gọn, tinh tế ==== */
/* --- force dots hiển thị phía dưới slider --- */
.slick-slider{position:relative;overflow:visible}
.slick-dots{position:absolute;bottom:10px;width:100%;text-align:center;list-style:none;margin:0;padding:0}
.slick-dots li{display:inline-block;margin:0 4px}
.slick-dots button{
    width:10px;height:10px;padding:0;border:0;border-radius:50%;
    background:#d0d0d0;opacity:.5;cursor:pointer;
    transition:all .25s ease;font-size:0;line-height:0;
}
.slick-dots li.slick-active button{background:#111;opacity:1;transform:scale(1.2)}
.slick-dots button:focus{outline:none;box-shadow:0 0 0 2px #0001}

/* ==== OPTIONAL – ẩn mũi tên khi dưới 768px (mobile swipe) ==== */
@media(max-width:767.98px){
  .slick-prev,.slick-next{display:none !important}
}