/*
 * Caledros Basic Blocks - Easy to use Gutenberg blocks
 * Copyright (C) 2025  David Arnado
 * 
 * This file is part of Caledros Basic Blocks.
 * 
 * Caledros Basic Blocks is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.

 * Caledros Basic Blocks is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.

 * You should have received a copy of the GNU General Public License along
 * with Caledros Basic Blocks; if not, see <https://www.gnu.org/licenses/>.
 */

/*General styles*/
.swiper {
  width: 100%;
  height: 100%;
}

/*Light mode*/
.cbb-slider .swiper-button-next,
.cbb-slider .swiper-button-prev,
.cbb-slider .swiper-pagination {
  color: var(--cbb-slider-light-color, #000);
}
.cbb-slider .swiper-pagination-bullet {
  height: 20px;
  width: 20px;
  border: 2px solid var(--cbb-slider-light-color, #000);
  opacity: 1;
  background: none;
}
.cbb-slider .swiper-pagination-bullet-active {
  background-color: var(--cbb-slider-light-color, #000);
  height: 20px;
  width: 20px;
  border: 2px solid var(--cbb-slider-light-color, #000);
}
.cbb-slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: var(--cbb-slider-light-color, #000);
}

/*Dark mode*/
html[data-theme="dark"] .cbb-slider .swiper-button-next,
html[data-theme="dark"] .cbb-slider .swiper-button-prev,
html[data-theme="dark"] .cbb-slider .swiper-pagination {
  color: var(--cbb-slider-dark-color, #fff);
}
html[data-theme="dark"] .cbb-slider .swiper-pagination-bullet {
  height: 20px;
  width: 20px;
  border: 2px solid var(--cbb-slider-dark-color, #fff);
  opacity: 1;
  background: none;
}
html[data-theme="dark"] .cbb-slider .swiper-pagination-bullet-active {
  height: 20px;
  width: 20px;
  border: 2px solid var(--cbb-slider-dark-color, #fff);
  opacity: 1;
  background-color: var(--cbb-slider-dark-color, #fff);
}
html[data-theme="dark"]
  .cbb-slider
  .swiper-pagination-progressbar
  .swiper-pagination-progressbar-fill {
  background-color: var(--cbb-slider-dark-color, #fff);
}

/*Fix for y-scroll*/
.swiper-css-mode > .swiper-wrapper {
  overflow-y: hidden !important;
}
