/*   
	Theme Name:        stg
	Theme URI:         https://www.stgltd.com
	Description:       Child Theme For STG.
	Version:           1.0
	Text Domain:       stg-child
  Template:          stg-elementor
*/

html {
  scroll-padding-top: 180px !important; 
}

@media (max-width: 767px) {

    .scroll-buttons {
        display: inline-flex !important;   
        flex-wrap: nowrap !important;
        overflow-x: auto !important;                  
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        gap: 30px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        justify-content: flex-start !important;  

    }

    /* כל כפתור */
    html[lang="he"] .scroll-buttons .elementor-button {
        flex: 0 0 auto !important;
        display: inline-flex !important;
        white-space: nowrap !important;
        justify-content: center !important;
        align-items: center !important;
    }

    html[lang="he"] .scroll-buttons .elementor-button:first-child {
        margin-left: -50px !important;
    }

    .scroll-buttons .elementor-button:last-child {
        margin-right: 0 !important;
    }

    .scroll-buttons::-webkit-scrollbar {
        display: none !important;
    }
    .scroll-buttons {
        -ms-overflow-style: none !important;
        scrollbar-width: none !important;
    }
  .scroll-buttons > .elementor-widget {
    display: inline-flex !important;   
    flex: 0 0 auto !important;
}
  


   .zigzag-3 {
        order: 2 !important; 
    }
    .zigzag-4 {
        order: 1 !important; 
    }
     .zigzag-5 {
        order: 3 !important;
    }
    .zigzag-6 {
        order: 4 !important; 
    }
  
 
  #statstics .elementor-element.e-con.e-child:has(
    > .e-con-inner > .elementor-element.e-con.e-child .elementor-widget-lottie
  ) > .e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }

  #statstics .elementor-element.e-con.e-child:has(
    > .e-con-inner > .elementor-element.e-con.e-child .elementor-widget-lottie
  ) > .e-con-inner > .elementor-element.e-con.e-child {
    width: 50% !important;
    flex: 0 0 50% !important;
    box-sizing: border-box !important;
  }
}



@media (max-width: 767px) {

html[lang="en"] .scroll-buttons.scroll-buttons {
      padding-left: 20px !important;
      padding-right: 20px !important;
      justify-content: flex-start !important;
   	  gap:20px !important;
  }

html[lang="en"] body .scroll-buttons .elementor-element.elementor-widget-button:first-child .elementor-button {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

  html[lang="en"] .scroll-buttons .elementor-button:last-child {
      margin-right: 0 !important;
  }

}


ul.stg-lang-submenu{
  background:#fff;
  border-radius:10px;
  padding:10px;
}

ul.stg-lang-submenu > li.stg-lang-item > a.elementor-item{
  display:flex;
  align-items:center;
  min-height:72px;
  padding:18px;
  gap:28px;              /* המרחק בין דגל לטקסט – תשני חופשי */
  text-decoration:none;
  background-image:none; /* כדי לא להחזיר את הקו */
}

ul.stg-lang-submenu img{
  width:30px;
  height:auto;
  display:block;
}

.stg-lang-code{
  font-size:18px;
  font-weight:400;
  letter-spacing:.08em;
  color:#111;
}

ul.stg-lang-submenu > li.stg-lang-item > a.elementor-item:hover{
  opacity:.75;
}

/* Globe icon white ONLY in the transparent header */
.stg-header-type-opacity .stg-lang-globe{
  filter: brightness(0) invert(1) !important;
}


/* 1) Hide Elementor/FA icon everywhere for the language trigger */
.stg-lang-trigger .sub-arrow i{
  display: none !important;
}

/* 2) Our custom arrow (same shape in BOTH headers) */
.stg-lang-trigger .sub-arrow::before{
  content: "" !important;
  width: 7px !important;
  height: 7px !important;
  display: inline-block !important;
  border-right: 2px solid currentColor !important;
  border-bottom: 2px solid currentColor !important;
  transform: rotate(45deg) !important;
  margin-left: 6px !important;
  margin-top: -2px !important;
}

/* 3) Keep sub-arrow visible and aligned */
.stg-lang-trigger .sub-arrow{
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
  padding: 10px !important;
  padding-inline-end: 0 !important;
}

/* 4) Color per header */
.stg-header-type-sticky  .stg-lang-trigger .sub-arrow{ color: rgb(68,68,68) !important; } /* regular header */
.stg-header-type-opacity .stg-lang-trigger .sub-arrow{ color: #fff !important; }         /* transparent header */


/* MOBILE: keep globe + arrow close together (dropdown menu) */
@media (max-width: 1024px){
  .elementor-nav-menu--dropdown .stg-lang-trigger{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
  }

  .elementor-nav-menu--dropdown .stg-lang-trigger .sub-arrow{
    margin-left: 0 !important;
  }
}