/**
 * Slick Slider styles for WordPress blocks
 * 
 * @package louneafi
 * @since 1.0.0
 */

/* Basic slick carousel container styles */
.slick-carousel {
  position: relative;
  --slick-items-gap: 24px; /* Default gap value */
}

/* Ensure slick slides work properly with WordPress blocks */
.slick-carousel .wp-block-column,
.slick-carousel .wp-block-group {
  outline: none;
}

/* Custom slick list styles */
.slick-carousel .slick-list {
  display: inline-flex;
}

/* Custom slick track styles */
.slick-carousel .slick-track {
  display: flex;
  gap: var(--slick-items-gap);
}

/* Custom arrow styles */
.slick-carousel .slick-prev,
.slick-carousel .slick-next {
  z-index: 10;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #ccc;
}

.slick-carousel .slick-prev.slick-disabled,
.slick-carousel .slick-next.slick-disabled {
  visibility: hidden;
}

.slick-carousel .slick-prev:before {
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 8H1' stroke='%230E332F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 1L1 8L8 15' stroke='%230E332F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.slick-carousel .slick-next:before {
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 8H15' stroke='%230E332F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 1L15 8L8 15' stroke='%230E332F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.slick-carousel .slick-prev {
  left: -42px;
}

.slick-carousel .slick-next {
  right: -42px;
}

.alignfull.slick-carousel .slick-prev {
  left: 5px;
}

.alignfull.slick-carousel .slick-next {
  right: 5px;
}

@media screen and (max-width: 1700px) {
  .slick-carousel .slick-prev {
    left: -16px;
  }

  .slick-carousel .slick-next {
    right: -16px;
  }

  .alignfull.slick-carousel .slick-prev {
    left: -4px;
  }

  .alignfull.slick-carousel .slick-next {
    right: -4px;
  }
}

/* Responsive adjustments */
@media screen and (max-width: 1176px) {
  .slick-carousel .slick-prev {
    left: -10px;
  }

  .slick-carousel .slick-next {
    right: -10px;
  }

  .alignfull.slick-carousel .slick-prev {
    left: 4px;
  }

  .alignfull.slick-carousel .slick-next {
    right: 4px;
  }
}

/* Fix for columns in slick */
.slick-carousel.wp-block-columns {
  display: block !important;
}

.slick-carousel.wp-block-columns .wp-block-column {
  width: auto !important;
  flex: none !important;
}