/*
 Theme Name: Salient Child
 Template: salient
 Version: 1.0
*/

/* Der 16:9 Trick (56.25%) für das Salient Project Lineup 
.nectar-project-lineup-layout-default .project-item .image-reveal .inner-wrap {
    height: 0 !important;
    padding-bottom: 56.25% !important; 
    position: relative !important;
    width: 100% !important;
}
*/

/* Entfernt den 1px Border/Schatten beim ersten Aufklappen auf Tablets */
#slide-out-widget-area {
    border-left: none !important;
    border-right: none !important;
    box-shadow: none !important;
    /* Verhindert "Sub-Pixel Rendering" Artefakte */
    outline: none !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* Falls der Border vom inneren Container kommt */
#slide-out-widget-area .inner {
    border: none !important;
}

/* Default (Desktop): Desktop an, Mobile aus */
#top {display: none !important;}
#gs-menu-desktop { 
	display: flex !important; 
}


	
/* Mobile/Tablet */
@media (max-width: 999px) {
  #top {display: block !important;}
  #header-outer #top .span_9 > .slide-out-widget-area-toggle i {color: #fff!important;}
  #header-outer{--nectar-starting-dark-header-color: #ffffff;}
  #gs-menu-desktop { display: none !important; }
  #header-outer.transparent,
  #header-outer[data-permanent-transparent="1"]{
	  background-color: rgba(0,0,0,0.3) !important;
  }
  #header-outer.transparent::before{
    content: "";
    position: absolute;
    inset: 0;
	/* abstand kasten zum rand u. höhe */
	top: 10px!important; 
    bottom: 10px!important;
	left: 18px!important; /* empty cache */
    right: 18px!important; 
    height: 60px!important;
    
    background: rgba(0,0,0,0.3);
	border: 1px solid #fff;
	
    pointer-events: none;
    z-index: 0;
  }

  /* 3) Sicherstellen, dass der Inhalt über dem Layer bleibt */
  #header-outer.transparent > *{
    position: relative;
    z-index: 1;
  }
	
	/* Innerer Mindestabstand des Inhalts: 15px oben, sonst 10px */
  #header-outer.transparent,
  #header-outer[data-permanent-transparent="1"]{
    /* kasten innenabstand */
	padding-bottom: 10px!important;
	padding-top:20px!important;
    padding-left: 10px!important;
	padding-right: 10px!important;
    box-sizing: border-box !important;
  }
	
  @media (max-width: 999px){
  #header-outer #top .span_9 > .slide-out-widget-area-toggle i,
  #header-outer #top .span_9 > .slide-out-widget-area-toggle i:before,
  #header-outer #top .span_9 > .slide-out-widget-area-toggle i:after{
    color:#fff !important;
    background-color:#fff !important;
  }

  #header-outer #top .span_9 > .slide-out-widget-area-toggle svg,
  #header-outer #top .span_9 > .slide-out-widget-area-toggle svg *{
    fill:#fff !important;
    stroke:#fff !important;
  }
}

@media (max-width: 999px) {
  #header-outer.transparent,
  #header-outer[data-permanent-transparent="1"]{
    padding-left:13px !important;
	padding-right:13px !important;
	padding-bottom:20px !important;
	padding-top:20px !important;
  }
}
	
/* Offcanvas Close-Button (X) – Linienfarbe */
body[data-slide-out-widget-area-style="slide-out-from-right"]
.slide_out_area_close.material-ocm-open .close-line{
  /* background-color: #4e4e4d !important; */
  background-color: #fff !important;
}

/* Sorgt dafür, dass das Bild den neuen Raum komplett ausfüllt */
.nectar-project-lineup-layout-default .project-item .image-reveal .inner-wrap img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
	
	
/* 2. Der Rahmen-Kasten (Pseudo-Element Korrektur für Android) */
  #header-outer.transparent::before {
    content: "";
    position: absolute;
    /* Inset durch Einzelwerte ersetzt für bessere Tablet-Kompatibilität */
    top: 10px !important; 
    left: 18px !important;
    /* Fix: Breite explizit berechnen, damit nichts nach rechts rutscht */
    width: calc(100% - 36px) !important; 
    height: 60px !important;
    
    background: rgba(0,0,0,0.3);
    border: 1px solid #fff;
    pointer-events: none;
    z-index: 0;
  }