/**
 * Theme Name:     Hondarribia Basket
 * Author:         Lantalau
 * Template:       hello-elementor
 * Text Domain:	   hondarribia-basket
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */

/*--ITEMS SCROLL---*/

/*--------------------------------------------------
  Sistema de scroll horizontal en móvil con vuelta
  a grid/flex normal en breakpoints superiores.
  Combina .items-scroll con .items-no-scroll-{bp}
  Breakpoints: sm 575 | md 768 | lg 1024 | xl 1140
  Nota: selector .e-con necesario para sobreescribir
  overflow: visible de Elementor
--------------------------------------------------*/

/* -- items en scroll -- */

.items-scroll.e-con,
.items-scroll .elementor-loop-container {
  flex-direction: row!important;
  flex-wrap: nowrap!important;
  overflow-x: scroll!important;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

.items-scroll.e-con {
  display: flex!important;
}

.items-scroll .elementor-loop-container {
  display: grid!important;
}


.items-scroll > .item,
.items-scroll .elementor-loop-container .e-loop-item {
  flex-grow:0;
  flex-shrink: 0;
  margin-bottom: 10px;
  scroll-snap-align: start;
} 

.items-scroll.e-con, .items-scroll .elementor-loop-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: scroll !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
}


@media (min-width: 575px) {

  .items-scroll-sm,
  .items-scroll-sm .elementor-loop-container{
    flex-direction: row;
    flex-wrap: nowrap!important;
    overflow-x: scroll!important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
	
   .items-scroll-sm {
    display: flex;
  }
	
   .items-scroll-sm .elementor-loop-container{
    display: grid;
  }

   .items-no-scroll-sm.e-con,
   .items-no-scroll-sm.items-scroll .elementor-loop-container {
    //flex-wrap: wrap!important;
    overflow-x: unset!important;
  	}
	
	.items-no-scroll-sm.e-con {
    display: flex !important;
  	}
	
	.items-no-scroll-sm.items-scroll .elementor-loop-container {
    display: grid !important;
	}

  .items-no-scroll-sm > .item,
  .items-no-scroll-sm.items-scroll .elementor-loop-container .e-loop-item {
    margin-bottom: 0!important;
    flex-shrink:1!important;
    flex-grow:0;
    scroll-snap-align: start;
  } 

}

@media (min-width: 768px) {

  .items-scroll-md,
  .items-scroll-md .elementor-loop-container{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap!important;
    overflow-x: scroll!important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
	
  .items-scroll-md{
    display: flex;
  }

  .items-scroll-md .elementor-loop-container{
    display: grid;
  }

  .items-no-scroll-md.e-con,
  .items-no-scroll-md.items-scroll .elementor-loop-container{
    display: flex !important;
    //flex-wrap: wrap!important;
    overflow-x: unset!important;
  }
	
  .items-no-scroll-md.e-con {
    display: flex !important;
  }
	
  .items-no-scroll-md.items-scroll .elementor-loop-container{
    display: grid !important;
  }

  .items-no-scroll-md > .item,
  .items-no-scroll-md.items-scroll .elementor-loop-container .e-loop-item {
    margin-bottom: 0!important;
    flex-shrink:1!important;
    flex-grow:0;
    scroll-snap-align: start;
  }
	
  .items-scroll::-webkit-scrollbar,
  .items-scroll .elementor-loop-container::-webkit-scrollbar {
    height: 10px!important;
  }

}

@media (min-width: 1024px) {

  .items-scroll-lg,
  .items-scroll-lg .elementor-loop-container{
    flex-direction: row;
    flex-wrap: nowrap!important;
    overflow-x: scroll!important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
	
  .items-scroll-lg {
    display: flex;
  }
	
  .items-scroll-lg .elementor-loop-container {
	display: grid;	
  }

  .items-no-scroll-lg.e-con,
  .items-no-scroll-lg.items-scroll .elementor-loop-container {
    //flex-wrap: wrap!important;
    overflow-x: unset!important;
  }
	
  .items-no-scroll-lg.e-con {
	display: flex !important;
  }
	
  .items-no-scroll-lg.items-scroll .elementor-loop-container {
	display: grid!important;
  }

  .items-no-scroll-lg > .item,
  .items-no-scroll-lg.items-scroll .elementor-loop-container .e-loop-item{
    margin-bottom: 0!important;
    flex-shrink:1!important;
    flex-grow:0;
    scroll-snap-align: start;
  } 
}

@media (min-width: 1140px) {

  .items-scroll-xl,
  .items-scroll-xl .elementor-loop-container{
    flex-direction: row;
    flex-wrap: nowrap!important;
    overflow-x: scroll!important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
	
  .items-scroll-xl {
    display: flex;
  }
	
  .items-scroll-xl .elementor-loop-container {
	display: grid;	
  }

  .items-no-scroll-xl.e-con,
  .items-no-scroll-xl.items-scroll .elementor-loop-container{
    //flex-wrap: wrap!important;
    overflow-x: unset!important;
  }
	
  .items-no-scroll-xl.e-con {
    display: flex !important;
  }
	
  .items-no-scroll-xl.items-scroll .elementor-loop-container{
    display: grid !important;
  }

  .items-no-scroll-xl > .item,
  .items-no-scroll-xl.items-scroll .elementor-loop-container .e-loop-item {
    margin-bottom: 0!important;
    flex-shrink:1!important;
    flex-grow:0;
    scroll-snap-align: start;
  } 
}


  /* Let's get this party started */
  .items-scroll::-webkit-scrollbar,
  .items-scroll .elementor-loop-container::-webkit-scrollbar {
    height: 2px;
  }
   
  /* Track */
  .items-scroll::-webkit-scrollbar-track,
  .items-scroll .elementor-loop-container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); 
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
   
  /* Handle */
  .items-scroll::-webkit-scrollbar-thumb,
  .items-scroll .elementor-loop-container::-webkit-scrollbar-thumb{
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: var(--e-global-color-primary); 
    //-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
  }

  .items-scroll::-webkit-scrollbar-thumb:window-inactive,
  .items-scroll .elementor-loop-container::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(10, 162, 177, .3); 
  }



/*----- Tarjetas tipo -------*/

.card-premium .card-image{
    transition: background-position .6s ease;
    background-position: center center;
}

.card-premium:hover .card-image {
    background-position: center 45%;
}

.card-premium .card-content{
    transition: transform .35s ease;
}

.card-premium:hover .card-content{
    transform: translateY(-6px);
}

.card-premium .card-content .card-arrow,
.card-premium .card-content .card-arrow svg,
.card-premium .card-content .box-number{
    transition: all .3s ease;
}

.card-premium:hover .card-content .box-number *{
	color: var(--enfasis-color);
}

.card-premium:hover .card-content .card-arrow{
    border-color:#fff;
}

.card-premium:hover .card-arrow svg{
    transform:translate(3px,-3px);
}

/*----- Tarjetas categorías / equipos -------*/

.card-team,
.card-image,
.card-content,
.card-divider,
.card-button .elementor-button{
    transition:all .6s ease;
}

.card-team:hover .card-content{
    transform:translateY(-6px);
	background-position: center 45%;
}

.card-image{
    overflow:hidden;
}

.card-image::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.15);
    opacity:0;
    transition:.35s ease;
}

.card-team:hover .card-image::after{
    opacity:1;
}

.card-button .elementor-button{
    border:1px solid var(--e-global-color-primary);
    background:transparent;
    color:#fff;
}

.card-button .elementor-button:hover{
    background:var(--e-global-color-primary);
    color:#000;
}
.card-button svg{
    transition:transform .3s ease;
}

.card-button:hover svg{
    transform:translateX(4px);
}

/*----- Tienda -------*/

.productos-tienda .elementor-widget-image-box .elementor-image-box-title a {
	font-size:inherit;
	font-family:inherit
}

/*----WPML---*/

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
	font-family: "Font Awesome 5 Free";
    content: '\f078';
	font-weight: 900 !important;
    vertical-align: middle;
    display: inline-block;
    border: unset;
    border-top: unset;
    position: absolute;
    right: 5px;
    top: calc(50% - 0.5em);
}
 
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu,
.wpml-ls-legacy-dropdown>ul,
.wpml-ls-legacy-dropdown>ul li,
.wpml-ls-legacy-dropdown>ul li a {
	border: none !important;
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item {
	font-size:1em!important;
}