/* 
Theme Name: Fisiosport
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Leonardo Barni
Author URI: https://webic.it/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
.e-n-tabs{ align-items:start;}
.e-n-tabs-heading{ position:sticky; top:100px;}

@media (max-width: 1024px) {
  /* 1️⃣ il contenitore principale: non deve nascondere nulla */
  .e-n-tabs {
    overflow: visible;
    max-width: 100%; /* non supera la larghezza dello schermo */
  }

  /* 2️⃣ contenitore delle tab scrollabile in orizzontale */
  .e-n-tabs .e-n-tabs-heading {
	  position:relative; top:inherit;
	  display: flex;
    flex-wrap: nowrap !important;
	flex-direction:row;
	  flex-basis:inherit;
    overflow-x: auto;
    overflow-y: hidden; /* evita scroll verticale */
    max-width: 100%; /* limita lo scroll al viewport */
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x; /* blocca scroll verticale mentre scorri orizzontalmente */
    scroll-snap-type: x proximity;
    gap: 10px;
    scrollbar-width: thin;
    scrollbar-color: #9aa1a9 transparent;
  }

  /* 3️⃣ ogni tab resta autonoma */
  .e-n-tabs .e-n-tab-title {
    flex: 0 0 auto;
    margin: 0;
	margin-block-start:0 !important;
	margin-block-end:8px !important;

    scroll-snap-align: start;
  }

  /* 4️⃣ spazio finale per evitare tagli dell’ultima tab */
  .e-n-tabs .e-n-tabs-heading::after {
    content: "";
    flex: 0 0 12px;
  }

  /* 5️⃣ mostra scrollbar per capire la lunghezza */
  .e-n-tabs .e-n-tabs-heading::-webkit-scrollbar {
    height: 6px;
  }
  .e-n-tabs .e-n-tabs-heading::-webkit-scrollbar-track {
    background: transparent;
  }
  .e-n-tabs .e-n-tabs-heading::-webkit-scrollbar-thumb {
    background: #9aa1a9;
    border-radius: 9999px;
  }
}
.bg-left.elementor-element{ overflow:hidden;}
.bg-left.elementor-element::before {
    content: "";
    position: absolute;
    width: 50%;
    height: 60%;
    background-color: #f7f7f7;
    top: 10%;
    border-radius: 20px;
    left: 30%;
}