/*!
Theme Name: UiCore Pro Child
Theme URI: https://uicore.co
Description: One framework for all your website needs.
Author: UiCore
Author URI: https://uicore.co
Template: uicore-pro
Version: 1.0.0
Text Domain: uicore-pro
*/

 /* Add your custom style here */


/* =========================================================
   ELEMENTOR BACKGROUND SLIDESHOW – DYNAMISCHE NAVIGATION
   ========================================================= */


/* ---------------------------------------------------------
   1. Jeder Slideshow-Container wird Positionierungs-Referenz
--------------------------------------------------------- */

.e-con[data-settings*="background_slideshow_gallery"],
.elementor-section[data-settings*="background_slideshow_gallery"]{
  position: relative !important;
  overflow: hidden;
}


/* ---------------------------------------------------------
   2. Overlay-Wrapper für Pfeile
--------------------------------------------------------- */

.e-con[data-settings*="background_slideshow_gallery"] .elementor-element-arrows,
.elementor-section[data-settings*="background_slideshow_gallery"] .elementor-element-arrows{
  position: absolute !important;
  inset: 0 !important;
  z-index: 40;
  pointer-events: none;
  opacity: 0;
  transition: opacity .25s ease;
}


/* Desktop: Pfeile nur bei Hover sichtbar */
.e-con[data-settings*="background_slideshow_gallery"]:hover .elementor-element-arrows,
.elementor-section[data-settings*="background_slideshow_gallery"]:hover .elementor-element-arrows{
  opacity: 1;
}


/* ---------------------------------------------------------
   3. Navigation Buttons
--------------------------------------------------------- */

.e-con[data-settings*="background_slideshow_gallery"] .custom-prev,
.e-con[data-settings*="background_slideshow_gallery"] .custom-next,
.elementor-section[data-settings*="background_slideshow_gallery"] .custom-prev,
.elementor-section[data-settings*="background_slideshow_gallery"] .custom-next{
  
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%);
  
  width: 44px;
  height: 44px;
  
  border-radius: 999px;
  display: grid;
  place-items: center;
  
  pointer-events: auto;
  cursor: pointer;
  
  z-index: 41;

  background: rgba(0,0,0,.45);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);

  transition: transform .2s ease, background .2s ease;
}


/* Position links / rechts */

.e-con[data-settings*="background_slideshow_gallery"] .custom-prev,
.elementor-section[data-settings*="background_slideshow_gallery"] .custom-prev{
  left: 20px !important;
}

.e-con[data-settings*="background_slideshow_gallery"] .custom-next,
.elementor-section[data-settings*="background_slideshow_gallery"] .custom-next{
  right: 20px !important;
}


/* Hover Effekt */

.e-con[data-settings*="background_slideshow_gallery"] .custom-prev:hover,
.e-con[data-settings*="background_slideshow_gallery"] .custom-next:hover,
.elementor-section[data-settings*="background_slideshow_gallery"] .custom-prev:hover,
.elementor-section[data-settings*="background_slideshow_gallery"] .custom-next:hover{
  background: rgba(0,0,0,.65);
  transform: translateY(-50%) scale(1.08);
}


/* ---------------------------------------------------------
   4. Pfeil-Icons (saubere CSS-Chevrons)
--------------------------------------------------------- */

.e-con[data-settings*="background_slideshow_gallery"] .custom-prev::before,
.e-con[data-settings*="background_slideshow_gallery"] .custom-next::before,
.elementor-section[data-settings*="background_slideshow_gallery"] .custom-prev::before,
.elementor-section[data-settings*="background_slideshow_gallery"] .custom-next::before{
  
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  display: block;
}


/* Chevron Ausrichtung */

.e-con[data-settings*="background_slideshow_gallery"] .custom-prev::before,
.elementor-section[data-settings*="background_slideshow_gallery"] .custom-prev::before{
  transform: rotate(135deg);
  margin-left: 3px;
}

.e-con[data-settings*="background_slideshow_gallery"] .custom-next::before,
.elementor-section[data-settings*="background_slideshow_gallery"] .custom-next::before{
  transform: rotate(-45deg);
  margin-right: 3px;
}


/* ---------------------------------------------------------
   5. Mobile – Buttons aus, Swipe aktiv
--------------------------------------------------------- */

@media (max-width: 767px){

  .e-con[data-settings*="background_slideshow_gallery"] .elementor-element-arrows,
  .elementor-section[data-settings*="background_slideshow_gallery"] .elementor-element-arrows{
    display: none !important;
  }
	

}

@media (max-width: 900px){
	.caliesath-hero {
		min-height: 18rem !important;
	}
}