/* ************************************ */
/* General Slider Styles */
/* ************************************ */

.cmw-Y25.y25-slider-block .uk-slider-container {
    width: 100%;
    overflow: hidden;
}

/* Style for an individual slide */
.cmw-Y25.y25-slider-block .uk-slider-container .uk-slider-items > * {
    margin: 0;
    padding: 0;
    min-width: 100%;
    flex: 0 0 100%;
}

/* ************************************ */
/* Slider Navigation Controls */
/* ************************************ */

/* Controllers container */
.cmw-Y25.y25-slider-block .uk-slider-container .cmw-slider-controllers {
    width: 100%;
    z-index: 10;
}

/* Arrows */
.cmw-Y25.y25-slider-block .uk-slider-container .cmw-slider-controllers .cmw-slider-arrows{
    width: min(83%, 1200px);
    margin-inline: auto;
    display: flex;
    gap: 11.111px;
}
/* Arrows to the left */
.cmw-Y25.y25-slider-block .uk-slider-container .cmw-slider-controllers .cmw-slider-arrows.cmw-slider-arrows-left {
    justify-content: flex-start;
}
/* Arrows centered */
.cmw-Y25.y25-slider-block .uk-slider-container .cmw-slider-controllers .cmw-slider-arrows.cmw-slider-arrows-center {
    justify-content: center;
}
/* When the arrows are to the left or centered, the counter should be to the right of the arrows */
.cmw-Y25.y25-slider-block .uk-slider-container .cmw-slider-controllers .cmw-slider-arrows.cmw-slider-arrows-left .cmw-slider-counter,
.cmw-Y25.y25-slider-block .uk-slider-container .cmw-slider-controllers .cmw-slider-arrows.cmw-slider-arrows-center .cmw-slider-counter {
    order:3;
}
/* Counter default style */
.cmw-Y25.y25-slider-block .uk-slider-container .cmw-slider-controllers .cmw-slider-arrows .cmw-slider-counter {
    font-size: inherit;
    color: #000000;
    display: flex;
    align-items: center;
}
/* Arrows to the right */
.cmw-Y25.y25-slider-block .uk-slider-container .cmw-slider-controllers .cmw-slider-arrows.cmw-slider-arrows-right {
    justify-content: flex-end;
}

/* Navigation Arrows */
.cmw-Y25.y25-slider-block .uk-slider-container .cmw-slider-controllers .cmw-slider-arrows a {
    display: flex;
    width: 48px;
    height: 48px;
    justify-content: center;
    align-items: center;
    border-radius: 4.444px;
    border: 1.111px solid var(--cmw-Light-Gray, #eee);
}

/* Navigation Arrows & Counter LIGHT version */
.cmw-Y25.y25-slider-block .uk-slider-container .cmw-slider-controllers.cmw-light-controls .cmw-slider-arrows  {
    border-color: #fff;
}
.cmw-Y25.y25-slider-block .uk-slider-container .cmw-slider-controllers.cmw-light-controls .cmw-slider-arrows a svg path {
    fill: #fff;
}
.cmw-Y25.y25-slider-block .uk-slider-container .cmw-slider-controllers.cmw-light-controls .cmw-slider-arrows .cmw-slider-counter {
    color: #fff;
}

/* ************************************ */
/* Slider Width Styles */
/* Adjust the slider's container width based on the dropdown selection. */
/* ************************************ */

.cmw-Y25.y25-slider-block {
    display: flex;
    justify-content: center;
    width: 100%;
}
.cmw-Y25.y25-slider-block.cmw-width-max1400px .uk-slider-container {
    width: min(83%, 1400px);
}
.cmw-Y25.y25-slider-block.cmw-width-max1200px .uk-slider-container {
    width: min(83%, 1200px);
}


/* ************************************ */
/* Specific Styles for the Hero Block */
/* ************************************ */
.cmw-Y25.y25-slider-block .y25-hero-block .y25-hero-container .cmw-media {
    align-self: center;
}
.cmw-Y25.y25-slider-block .y25-hero-block .y25-hero-container.cmw-no-media  {
    --cmw-padding-top: 15rem;
    --cmw-padding-bottom: 15rem;
}
.cmw-Y25.y25-slider-block .y25-hero-block .y25-hero-container .cmw-details .cmw-heading {
    line-height: 100%;
    margin-bottom: 0;
}
.cmw-Y25.y25-slider-block .y25-hero-block .y25-hero-container .cmw-details .cmw-custom-button {
    margin-top: 1.77778rem;
    margin-bottom: 2.25rem;
}

/* ************************************ */
/* Specific Styles for the Resources Grid */
/* ************************************ */
.cmw-Y25.y25-slider-block.resource-grid,
.cmw-Y25.y25-slider-block:has(.product-grid) {
    --_slider-container-padding: 36px;
}
.cmw-Y25.y25-slider-block.resource-grid .uk-slider-container {
    width: min(calc(83% + calc(var(--_slider-container-padding) * 2)), calc(1200px + calc(var(--_slider-container-padding) * 2))) !important;
}

.cmw-Y25.y25-slider-block.resource-grid .uk-slider-container .cmw-slider-controllers .cmw-slider-arrows,
.cmw-Y25.y25-slider-block:has(.product-grid) .uk-slider-container .cmw-slider-controllers .cmw-slider-arrows {
    margin: 0;
    width: 100%;
    padding-right: var(--_slider-container-padding);
}
.cmw-Y25.y25-slider-block.resource-grid .uk-slider-container .cmw-featured-resources-block {
    padding: var(--_slider-container-padding);
}

/* START legacy old resource card grid template - delete #Y25ResourceFindMe */
.cmw-Y25.y25-slider-block.resource-grid .uk-slider-container .cmw-featured-resources-block .wp-block-columns {
    gap: var(--cmw-columns-gap);
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
.cmw-Y25.y25-slider-block.resource-grid .uk-slider-container .cmw-featured-resources-block .is-vertically-aligned-stretch {
    max-width: 100%;
    margin: 0;
}
.cmw-Y25.y25-slider-block.resource-grid .uk-slider-container .cmw-featured-resources-block a {
    display: block;
}
/* END legacy old resource card grid template - delete #Y25ResourceFindMe, the below code will take place and work */

/* breakpoints set also in /themes/cmw-theme-helpers/Y25-blocks/block-script/card-slider.js */
.cmw-Y25.y25-slider-block.resource-grid .uk-slider-container .resource-card-slider-wrapper {
  padding: var(--_slider-container-padding);
  container-type: inline-size;
  container-name: resource-slider;
}

/* Wider for client story slider */
.cmw-Y25.y25-slider-block.resource-grid.cmw-client-story-slider .uk-slider-container {
    width: min(calc(90% + calc(var(--_slider-container-padding) * 2)), calc(1200px + calc(var(--_slider-container-padding) * 2))) !important;
}

.cmw-Y25.y25-slider-block.resource-grid .uk-slider-container .resource-card-slider-wrapper .resource-card-slider-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2rem;
}


@container resource-slider (max-width: 768px) {
  .cmw-Y25.y25-slider-block.resource-grid .uk-slider-container .resource-card-slider-wrapper .resource-card-slider-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
  }
}

@container resource-slider (max-width: 500px) {
  .cmw-Y25.y25-slider-block.resource-grid .uk-slider-container .resource-card-slider-wrapper .resource-card-slider-grid .resource-card-slider-item {
      grid-column: 1 / 3;
  }
}

/* ************************************ */
/* Specific Styles for EDITOR */
/* ************************************ */

/* Ensure the slider block has a minimum height */
.cmw-Y25.y25-slider-block-editor .block-editor-inner-blocks .block-editor-block-list__layout {
    min-height: 100px;
    position: relative;
}

/* Display the placeholder text ("Y25 Slider") only when the slider is empty */
.cmw-Y25.y25-slider-block-editor .block-editor-inner-blocks .block-editor-block-list__layout:empty::after,
.cmw-Y25.y25-slider-block-editor .block-editor-inner-blocks .block-editor-block-list__layout:not(:has(.block-editor-block-list__block))::after {
    content: "Y25 Slider";
    font-size: 5rem;
    color: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}

/* Hide the placeholder when there are child blocks inside */
.cmw-Y25.y25-slider-block-editor .block-editor-inner-blocks .block-editor-block-list__layout:has(.block-editor-block-list__block)::after {
    display: none;
}

/* Styles for the editor */
.cmw-Y25.y25-slider-block-editor .block-editor-block-list__layout > div {
    margin-bottom:10px;
    padding:5px;
}

/* ************************************ */
/* Responsive Styling */
/* ************************************ */

@media (max-width: 834px) {
    /* Hero block */
    .cmw-Y25.y25-slider-block .y25-hero-block .y25-hero-container.cmw-no-media  {
        --cmw-padding-top: 12rem;
        --cmw-padding-bottom: 12rem;
    }
    .cmw-Y25.y25-slider-block .y25-hero-block .y25-hero-container .cmw-details .cmw-heading {
        font-size: 3.33333rem;
    }
}

@media (max-width: 480px) {
    /* Hero block */
    .cmw-Y25.y25-slider-block .y25-hero-block .y25-hero-container.cmw-no-media  {
        --cmw-padding-top: 11rem;
        --cmw-padding-bottom: 11rem;
    }
    .cmw-Y25.y25-slider-block .y25-hero-block .y25-hero-container .cmw-details .cmw-heading {
        font-size: 2.66667rem;
    }
}