/*!
Theme Name: tastyc child
Theme URI: https://bslthemes.com/
Author: bslthemes
Author URI: https://themeforest.net/user/bslthemes
Description: Tastyc - Restaurant WordPress Theme
Version: 2.0.4
License: General Public License
License URI: http://www.gnu.org/licenses/gpl.html
Template: tastyc
Text Domain: tastyc-child
Tags: full-width-template, editor-style, featured-images, sticky-post, threaded-comments, translation-ready, theme-options
*/


/* -----------------------------------
   BOTONES / BULLETS
----------------------------------- */

.ui-minimal .swiper-menu-nav .swiper-pagination-bullet {
  border-radius: 50px !important;
  border: 1px solid #123135 !important;
  color: #123135;
  margin-bottom: 12px !important;
}

.ui-minimal .swiper-menu-nav .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #123135 !important;
  color: #fff !important;
}


/* -----------------------------------
   SCROLLBAR GLOBAL DESKTOP
----------------------------------- */

body *::-webkit-scrollbar {
  height: 3px;
  width: 3px;
  background: #E2E1DF !important;
}

body *::-webkit-scrollbar-track {
  background: #E2E1DF !important;
}

body *::-webkit-scrollbar-thumb {
  background: #123135 !important;
  border-radius: 10px;
}


/* -----------------------------------
   TEXTO
----------------------------------- */

.tst-text.tst-text--description {
  font-size: 18px !important;
}


/* -----------------------------------
   MOBILE / TABLET
----------------------------------- */

@media (max-width: 980px) {

  .swiper-menu-nav-wrapper {
    position: relative;
    padding-bottom: 14px;
  }

  /* Scroll horizontal */
  .swiper-menu-nav {
    overflow-x: auto;
    overflow-y: hidden;

    -webkit-overflow-scrolling: touch;

    scrollbar-width: none;
    -ms-overflow-style: none;

    white-space: nowrap;
  }

  /* Oculta scrollbar nativo */
  .swiper-menu-nav::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }

  .swiper-menu-nav .swiper-pagination-bullet {
    flex: 0 0 auto;
  }

  /* Barra gris */
  .swiper-menu-nav-wrapper::after {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: 4px;

    height: 4px;

    background: #E2E1DF;

    border-radius: 999px;

    z-index: 1;
  }

  /* Barra verde */
  .fake-scroll-thumb {
    position: absolute;

    left: 0;
    bottom: 4px;

    height: 4px;

    background: #123135;

    border-radius: 999px;

    z-index: 2;

    transition:
      left 0.2s linear,
      width 0.2s linear;
  }

}