/* NWF Thumbnail Slider Block Frontend Styles */
.wp-block-nwf-thumbnail-slider {
  margin: 20px 0;
}

.wp-block-nwf-thumbnail-slider .nwf-thumbnail-slider-wrapper {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

/* Ensure shortcode styles are applied properly */
.wp-block-nwf-thumbnail-slider .nwf-thumbnail-slider {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Block alignment support */
.wp-block-nwf-thumbnail-slider.alignwide {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
}

.wp-block-nwf-thumbnail-slider.alignfull {
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
}

/* Editor preview adjustments */
.wp-block-nwf-thumbnail-slider .block-editor-block-list__block {
  margin: 0;
}

/* Responsive behavior */
@media (max-width: 768px) {
  .wp-block-nwf-thumbnail-slider.alignwide,
  .wp-block-nwf-thumbnail-slider.alignfull {
    margin-left: calc(50% - 50vw);
    width: 100vw;
  }
}