/* ---------- Slider wrapper ---------- */
.store-slider { position: relative; }

/* ---------- Card ---------- */
.store-card {
  background: #111827;
  color: #e5e7eb;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* ---------- Header (avatar + name) ---------- */
.store-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 6px; /* overridable via control */
}

.store-avatar-wrap { flex: 0 0 auto; }
.store-avatar {
  width: 48px;
  height: 48px;
  border-radius: 100px;
  object-fit: cover;
  display: block;
}

.store-name { font-weight: 600; line-height: 1.2; }

/* ---------- Rating (stars + X/5) ---------- */
.store-rating {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.store-rating--below { flex-direction: column; align-items: flex-start; gap: 6px; }

.store-stars { display: inline-flex; gap: 6px; align-items: center; }
.store-stars span { font-size: 18px; color: #ff7a00; line-height: 1; }

.store-rating-score { font-weight: 600; }

/* ---------- Text ---------- */
.store-text {}

/* ---------- Arrows ---------- */
.store-slider .store-arrow {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 50%;
  background: none !important;
  display: flex !important;
  border: 0 !important;
  align-items: center;
  justify-content: center;
  cursor: pointer !important;
  z-index: 10;
  transition: .25s background, .25s color, .25s border, .25s opacity;
}

/* Draw chevron via borders */
.store-slider .store-arrow .store-arrow-inner {
  width: 16px; height: 16px;
  border-right: 4px solid #FC5234;
  border-bottom: 4px solid #FC5234;
}

/* Directions via Slick's classes */
.store-slider .slick-prev  .store-arrow-inner { transform: rotate(135deg); }
.store-slider .slick-next  .store-arrow-inner { transform: rotate(-45deg); }

/* Default positions (Elementor controls will override) */
.store-slider .slick-prev  { left: 8px; }
.store-slider .slick-next  { right: 8px; }

/* Keep disabled arrows visible but dimmed */
.store-slider .store-arrow.slick-disabled { opacity: .35; pointer-events: none; }

/* Hide arrows ≤1024px if wrapper has class */
@media (max-width:1024px){
  .store-slider.store-hide-arrows-md .store-arrow { display:none !important; }
}

/* ---------- Dots ---------- */
.store-slider .slick-dots {
  bottom: -50px !important;
  padding: 0 !important;
}
.store-slider .slick-dots li {
  margin: 0 6px;
  width: 10px; height: 10px;
  border-radius: 50%;
  background: rgba(255,255,255,0.25);
}
.store-slider .slick-dots li button:before { content: ""; } /* hide default glyph */
.store-slider .slick-dots li.slick-active { background: #fc5234; }

/* Per-device dots visibility (controlled by wrapper classes) */
@media (min-width:1025px){ .store-slider.store-dots-desktop-off .slick-dots { display:none !important; } }
@media (min-width:768px) and (max-width:1024px){ .store-slider.store-dots-tablet-off .slick-dots { display:none !important; } }
@media (max-width:767px){ .store-slider.store-dots-mobile-off .slick-dots { display:none !important; } }