@media (max-width: 767px) {
  .vlt-project-showcase-slider .swiper-slide {
    width: 65vw !important;
  }
}

/* הסתרת תאריכים מהריבועים */
.vlt-work-meta span:last-child {
  display: none;
}

/* Hide Jetpack Related Posts on portfolio pages */
.single-portfolio .jp-relatedposts {
  display: none !important;
}

/* Portfolio: text below hero, before projects */
.type-portfolio .elementor-widget-wrap:has(> .elementor-widget-vlt-template),
.type-portfolio .e-con-inner:has(> .elementor-widget-vlt-template) {
  display: flex !important;
  flex-direction: column !important;
}

.type-portfolio .elementor-widget-wrap:has(> .elementor-widget-vlt-template) > .elementor-widget-vlt-template,
.type-portfolio .e-con-inner:has(> .elementor-widget-vlt-template) > .elementor-widget-vlt-template,
.type-portfolio .elementor-widget-wrap:has(> .elementor-widget-vlt-template) > .elementor-widget-vlt-template > .elementor-widget-container,
.type-portfolio .e-con-inner:has(> .elementor-widget-vlt-template) > .elementor-widget-vlt-template > .elementor-widget-container,
.type-portfolio .elementor-widget-wrap:has(> .elementor-widget-vlt-template) > .elementor-widget-vlt-template .vlt-elementor-template,
.type-portfolio .e-con-inner:has(> .elementor-widget-vlt-template) > .elementor-widget-vlt-template .vlt-elementor-template,
.type-portfolio .elementor-widget-wrap:has(> .elementor-widget-vlt-template) > .elementor-widget-vlt-template .vlt-elementor-template > [data-elementor-type],
.type-portfolio .e-con-inner:has(> .elementor-widget-vlt-template) > .elementor-widget-vlt-template .vlt-elementor-template > [data-elementor-type] {
  display: contents !important;
}

.type-portfolio .elementor-widget-vlt-template .vlt-elementor-template > [data-elementor-type] > .elementor-top-section:first-child,
.type-portfolio .elementor-widget-vlt-template .vlt-elementor-template > [data-elementor-type] > .e-con:first-child {
  order: 1 !important;
}

.type-portfolio .elementor-widget-wrap:has(> .elementor-widget-vlt-template) > .elementor-widget-text-editor,
.type-portfolio .e-con-inner:has(> .elementor-widget-vlt-template) > .elementor-widget-text-editor {
  order: 2 !important;
}

.type-portfolio .elementor-widget-vlt-template .vlt-elementor-template > [data-elementor-type] > .elementor-top-section:not(:first-child),
.type-portfolio .elementor-widget-vlt-template .vlt-elementor-template > [data-elementor-type] > .e-con:not(:first-child) {
  order: 3 !important;
}

.type-portfolio .elementor-widget-wrap:has(> .elementor-widget-vlt-template) > .elementor-widget-spacer,
.type-portfolio .e-con-inner:has(> .elementor-widget-vlt-template) > .elementor-widget-spacer {
  order: 0 !important;
}

/* Fix offcanvas menu animation for non-onepage pages */
.vlt-offcanvas-menu .sf-menu:not(.sf-menu-onepage) li {
	  visibility: visible !important;
	  opacity: 1 !important;
	  transform: none !important;
}
/* Fix Typography page template sections overflowing on mobile */
@media (max-width: 767px) {
	.type-portfolio .elementor-widget-vlt-template .elementor-section-boxed > .elementor-container {
		    max-width: 100% !important;
	}
}

/* Mobile fixes for portfolio pages */
@media (max-width: 812px) {
  /* Prevent carousel sections from overflowing on mobile */
  .elementor-element-51040d8,
  .elementor-element-71ce935,
  .elementor-element-883b82e {
    overflow: hidden !important;
    max-width: 100vw !important;
  }
  
  .elementor-element-51040d8 .elementor-container,
  .elementor-element-51040d8 .elementor-column,
  .elementor-element-51040d8 .elementor-widget-wrap {
    max-width: 100vw !important;
  }
  
  /* Fix project showcase slider overflow */
  .elementor-widget-vlt-projects-showcase-slider {
    overflow: hidden !important;
    max-width: 100vw !important;
  }
  
  /* Fix overall page overflow on portfolio pages */
  .single-portfolio .vlt-main,
  .single-portfolio article,
  .single-portfolio .container {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }
  
  body.single-portfolio {
    overflow-x: hidden !important;
    min-width: 0 !important;
  }
  
  html {
    overflow-x: hidden !important;
  }

  
  
  /* Fix heading font sizes on mobile for portfolio pages */
  .elementor-339 .elementor-element-7242351 .elementor-heading-title {
    font-size: 32px !important;
  }
  
  .elementor-339 .elementor-element-441d3f7 .elementor-heading-title,
  .elementor-339 .elementor-element-0ebea18 .elementor-heading-title,
  .elementor-339 .elementor-element-d4cbcc7 .elementor-heading-title {
    font-size: 22px !important;
  }
  
  /* Force template sections to respect viewport width on mobile */
  .single-portfolio .elementor-339 .elementor-top-section {
    max-width: 100vw !important;
    width: 100% !important;
  }
  
  .single-portfolio .elementor-339 .elementor-top-section > .elementor-container {
    max-width: 100% !important;
  }

  
  /* Fix WordPress admin bar causing horizontal overflow on mobile */
  #wpadminbar {
    min-width: 0 !important;
    max-width: 100vw !important;
    overflow: hidden !important;
  }

  
  /* Fix white margin on right side of portfolio pages on mobile */
  .single-portfolio .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  .single-portfolio .elementor > .e-con {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  /* Text sections get padding from widget-wrap already */
  
  /* Fix stretch sections to fill viewport */  
  .single-portfolio .elementor-339 .elementor-top-section[style*="width"] {
    width: 100% !important;
    left: 0 !important;
    max-width: 100vw !important;
  }
  
  /* Constrain showcase slider widget to viewport */
  .single-portfolio .elementor-widget-vlt-projects-showcase-slider {
    max-width: 100% !important;
    width: 100% !important;
  }
	
	    /* Add left padding to project showcase slider on mobile */
	.single-portfolio .elementor-widget-vlt-projects-showcase-slider {
		        padding-left: 15px !important;
		        padding-right: 15px !important;
	}

	    /* Disable vertical scroll inside project cards */
	.single-portfolio .elementor-widget-vlt-projects-showcase-slider .vlt-work {
		        overflow-y: hidden !important;
	}
	}
}

/* Replace fixed socials text with icons */
.vlt-fixed-socials {
    flex-direction: column !important;
    gap: 55px !important;
    transform: none !important;
    top: 18% !important;
    right: 30px !important;
}
.vlt-fixed-socials a {
    font-size: 0 !important;
    display: block !important;
    width: 30px !important;
    height: 30px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin: 0 !important;
}
.vlt-fixed-socials a[href*="instagram"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='white' d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'/%3E%3C/svg%3E") !important;
}
.vlt-fixed-socials a[href*="linkedin"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='white' d='M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.83-48.3 94 0 111.28 61.9 111.28 142.3V448z'/%3E%3C/svg%3E") !important;
}


}

/* Showreel section: prevent internal scroll on mobile */
@media (max-width: 812px) {
    .pp-section[data-anchor="Showreel"] .elementor-widget-video {
        max-height: 40vh !important;
        overflow: hidden !important;
    }
    .pp-section[data-anchor="Showreel"] .elementor-widget-spacer {
        display: none !important;
    }
    .pp-section[data-anchor="Showreel"] .elementor-widget-video .elementor-wrapper {
        max-height: 40vh !important;
        overflow: hidden !important;
    }
    .pp-section[data-anchor="Showreel"] .elementor-widget-video .elementor-custom-embed-image-overlay {
        max-height: 40vh !important;
        overflow: hidden !important;
    }
}

/* Hide mobile line breaks on desktop */
br.mobile-br {
	    display: none;
}
@media (max-width: 812px) {
	br.mobile-br {
		        display: block;
	}
}

/* Hide fixed socials on portfolio project pages */
.single-portfolio .vlt-fixed-socials {
	    display: none !important;
}

/* Fix mobile fullpage scroll - prevent inner section scrolling */
@media (max-width: 767px) {
    .vlt-section.pp-scrollable.pp-section {
        overflow: visible !important;
        touch-action: pan-y pinch-zoom !important;
    }
    .vlt-section.pp-scrollable.pp-section .vlt-section__vertical-align {
        overflow: visible !important;
    }
}

/* Fix Showreel section overflow on mobile - reduce spacing to fit viewport */
@media (max-width: 767px) {
    .vlt-section[data-anchor="Showreel"] .vlt-section__content {
        padding-top: 15px !important;
        padding-bottom: 40px !important;
    }
    .vlt-section[data-anchor="Showreel"] .elementor-element-5e6adc2 {
        display: none !important;
    }
    .vlt-section[data-anchor="Showreel"] .elementor-element-3810fcf {
        margin-bottom: 40px !important;
    }
}

/* Limit carousel scroll on mobile - hide overflow past last slide */
@media (max-width: 767px) {
  .elementor-widget-vlt-projects-showcase-slider,
  .elementor-widget-vlt-projects-showcase-slider .elementor-widget-container,
  .vlt-project-showcase-slider {
    overflow: hidden !important;
  }
  
  /* Prevent the section from scrolling horizontally due to carousel overflow */
  .vlt-section.pp-scrollable {
    overflow-x: hidden !important;
  }
  
  .vlt-section__content,
  .vlt-section__vertical-align {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }
}

/* Fix: center images (horizontally + vertically) in Elementor image carousel slides
   - flex on figure (not slide) avoids breaking Swiper transitions
   - min-height stretches shorter slides to wrapper height so images stay centered */
.elementor-image-carousel-wrapper .swiper-slide {
  text-align: center;
  height: auto !important;
  min-height: 100%;
}
.elementor-image-carousel-wrapper .swiper-slide figure {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.elementor-image-carousel-wrapper .swiper-slide img {
  margin: 0 auto;
  display: block;
}

/* Hide PRINT label under Typography hero title */
.elementor-element-fa42ccb {
  display: none;
}