/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

/*Add your own styles here:*/
/* hide Icoon op bottom */
.aquadistri-icon {
	width: 50vw;
	max-width: 650px;
	height: 50vw;
	max-height: 650px;
    background-image: url(/wp-content/uploads/2025/07/Aquadistri-Showroom-Logo.png);
    border-radius: 12px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
	pointer-events: none;
}

.pnlm-load-box .pnlm-lbar{ display: none !important; }
.pnlm-load-box{ background-color: rgba(0, 0, 0, 0) !important; }

/* Kader van informatieblok  */
.custom-ifram-wrapper{ top: 25%; }
.custom-ifram-flex{
	height: auto; width: 80%; padding-bottom:24px; margin: auto; text-align: left; justify-content: flex-start;
}
div.custom-ifram{ height:auto; padding-bottom:24px; }
.custom-ifram p{ padding-inline: 24px; }

/* Eerste blok, met blauw achtergrond */
.custom-ifram p:first-child{
	background-color: #0099d6; margin-top: 0px; padding-top: 16px; padding-bottom: 8px;
	color: white; border-radius: 5px 0px 0px;
}
.custom-ifram p:first-child span{ font-size: 22px !important; font-weight: 400; }

/* Cross bar at screen */
.pano-wrap .cross{
	color: #000; height: 40px; width: 40px; font-size: 32px; line-height: 40px; right: 8%
}
.pano-wrap .cross:hover{ background-color: #a9a9a9; }

.custom-ifram font b { padding-bottom: 24px; }

.custom-ifram a{
	border-radius: 100px; background: #ea9900; padding: 6px 24px !important;
	color: #fff; font-weight: 400; text-decoration: none; transition: all 0.3s; margin-top: 20px;
}
.custom-ifram a:hover{ background: #008dd8; }

/* Information Icon */
.pnlm-info{
	width: 4vw; max-width: 650px; height: 4vw; max-height: 650px;
    background-image: url(/wp-content/uploads/2025/09/showroom-information-icon.jpg);
    border-radius: 100%; background-size: 100% 100%; background-repeat: no-repeat; background-position: center center;
	border: 4px solid white;
}
.pnlm-hotspot.pnlm-info, .pnlm-hotspot.pnlm-scene{ background-position: 0px 0px; }
.pnlm-hotspot.pnlm-info p{ bottom: 5vw !important; }

.pnlm-scene{
	width: 4vw; max-width: 650px; height: 4vw; max-height: 650px;
    background-image: url(/wp-content/uploads/2025/09/showroom-navigation-icon.jpg);
    border-radius: 100%; background-size: 100% 100%; background-repeat: no-repeat; background-position: center center;
	border: 3px solid white;
}
.pnlm-scene:hover{ filter: brightness(115%); }
.right-nav{
	width: 4vw; max-width: 650px; height: 4vw; max-height: 650px;
    background-image: url(/wp-content/uploads/2025/09/showroom-navigation-icon-right.jpg);
    border-radius: 100%; background-size: 100% 100%; background-repeat: no-repeat; background-position: center center;
	border: 3px solid white;
}
.right-nav:hover{ filter: brightness(115%); }
.left-nav{
	width: 4vw; max-width: 650px; height: 4vw; max-height: 650px;
    background-image: url(/wp-content/uploads/2025/09/showroom-navigation-icon-left.jpg);
    border-radius: 100%; background-size: 100% 100%; background-repeat: no-repeat; background-position: center center;
	border: 3px solid white;
}
.left-nav:hover{ filter: brightness(115%); }

.main_color{ border-color: #fff; }
.image-overlay { display: none !important; opacity: 0 !important; }

/* Settings voor menu items */
#master-container .custom-scene-navigation{
	display:none;
}
#master-container .custom-scene-navigation svg{ width: 40px !important; height: 40px !important; }
#master-container .custom-scene-navigation:hover{ filter: brightness(115%); }
.pnlm-controls-container{ top: inherit !important; bottom: 8px !important; zoom: 2; }

.pnlm-controls{ background-color: rgba(0, 164, 228, 0.8) !important; }

/* Let op: hier is .visible = onzichtbaar (bewust omgedraaid) */
#master-container .custom-scene-navigation-nav{
	left: 4px; 
	top: 8px;
	max-height: calc(100% - 35vh);
	width: 200px;
	background: #008dd8 !important;
	border-radius:8px;
	font-family: poppins;
}

.custom-scene-navigation-nav{ 
	visibility: visible !important; 
	opacity: 1 !important;
}
.custom-scene-navigation-nav.visible{ visibility: hidden !important; opacity: 0 !important; }
/* --- Anti-flash voor scene lijst --- */
.custom-scene-navigation-nav ul{
  	opacity: 0 !important;                   /* standaard onzichtbaar */
  	transition: opacity .18s ease;
	background-color: white;
	border-radius: 8px;
}

/* Zodra JS klaar is met groeperen tonen we 'm */
.custom-scene-navigation-nav[data-groups-ready="1"] ul{
  opacity: 1 !important;
}

.custom-scene-navigation-nav li{ 
	text-align: left; 
	margin-left: 4px; 
}

/* --- Dropdown (animatie + look) --- */

/* Toggle-knop */
.custom-scene-navigation-nav .scene-group-toggle{
  	list-style:none; 
	cursor:pointer; 
	font-weight:600;
	font-size: 1.25rem;
	padding:6px 10px; 
	margin:6px 0 4px;
 	background:#f2f4f7; 
	border-radius:6px; 
	user-select:none;
	color: black;
}
.custom-scene-navigation-nav .scene-group-toggle::after{
  content:"▾"; float:right; transition:transform .2s ease;
}
.custom-scene-navigation-nav .scene-group-toggle[aria-expanded="false"]::after{
  transform:rotate(-90deg);
}

/* Subitems met animatie (stagger) */
.custom-scene-navigation-nav .scene-group-item{
  display:none; padding-left:16px; opacity:0; transform:translateY(-4px);
  transition: opacity .18s ease, transform .18s ease;
  transition-delay: calc(var(--i, 0) * 25ms);
}
.custom-scene-navigation-nav .scene-group-item.is-visible{
  display:list-item; opacity:1; transform:none;
}
.custom-scene-navigation-nav [data-group="Misc"] { 
  display: none !important; 
}

@media (width >= 741px) {
	#wrap_all{ display: flex; height: 95vh; align-items: center; }
	#wrap_all h1{ font-size: 48px; margin-bottom: 0px; }
	.avia-image-container.avia-align-center{ margin-bottom:28px; }
	.content{ padding-bottom: 20px; }

	/* Selecter Settings */
	.av-layout-grid-container{ width: 70%; margin: 0 auto; }
}