/* 
 Theme Name:     Bare bones for Divi
 Author:         Divi theme examples
 Author URI:     http://www.divithemeexamples.com 
 Template:       Divi
 Version:        1.0 
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/* Zet GTranslate vlaggen naast elkaar */
.gtranslate_wrapper {
	display: flex !important;
	gap: 5px; /* ruimte tussen vlaggen */
}

/* Zorg dat de links niet breken */
.gtranslate_wrapper a {
	display: inline-flex;
}

/* === GTranslate vlaggen: geen overlay / geen hover-dimming === */
.et-l--header .gtranslate_wrapper a,
.et-l--header .gtranslate_wrapper a:link,
.et-l--header .gtranslate_wrapper a:visited,
.et-l--header .gtranslate_wrapper a:hover,
.et-l--header .gtranslate_wrapper a:focus,
.et-l--header .gtranslate_wrapper a:active{
  opacity: 1 !important;
  filter: none !important;
  background: none !important;
  box-shadow: none !important;
  transition: none !important;
}

/* haal pseudo-overlays van Divi weg (sommige menu-stijlen gebruiken ::after) */
.et-l--header .gtranslate_wrapper a::before,
.et-l--header .gtranslate_wrapper a::after{
  display: none !important;
  content: none !important;
}

/* zorg dat de vlaggen zelf nooit dimmen of grijs worden */
.et-l--header .gtranslate_wrapper img{
  display: block;
  opacity: 1 !important;
  filter: none !important;          /* geen grayscale/brightness */
  mix-blend-mode: normal !important;
  transition: none !important;
}

/* als GTranslate de 'current lang' of andere klassen dimt */
.gtranslate_wrapper .glink.gt-current-lang img,
.gtranslate_wrapper .glink img{
  opacity: 1 !important;
  filter: none !important;
}

/* Hover-effect vlaggen – extra vloeiend en geforceerd */
.gtranslate_wrapper a img {
  display: block;
  transform: scale(1);
  transition-property: transform !important;
  transition-duration: 0.6s !important;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1) !important; /* zachte easing */
  will-change: transform;
}

.gtranslate_wrapper a:hover img {
  transform: scale(1.12); /* subtieler zoomniveau */
}


/* Style login en account aanmaken pginas */
.eliq-auth { max-width: 520px; margin: 40px auto; padding: 0 16px; }
.eliq-auth-card { background: #fff; border: 1px solid #e6e6e6; border-radius: 14px; padding: 22px; box-shadow: 0 8px 24px rgba(0,0,0,.06); }
.eliq-auth-title { margin: 0 0 14px; font-size: 28px; line-height: 1.2; }
.eliq-auth-form label { display:block; margin: 12px 0; font-weight: 600; }
.eliq-auth-form input { width:100%; padding: 10px 12px; border: 1px solid #d9d9d9; border-radius: 10px; }
.eliq-auth-btn, .eliq-auth .button-primary, .eliq-auth #wp-submit {
  display:inline-block; width:100%; padding: 12px 14px; border: 0; border-radius: 12px;
  background: #006a80; color:#fff; font-weight: 700; cursor:pointer;
}
.eliq-auth-links { margin-top: 12px; text-align:center; }
.eliq-auth-links a { text-decoration: underline; }
.eliq-auth-sep { margin: 0 8px; opacity: .6; }
.eliq-auth-errors { background: #fff3f3; border: 1px solid #ffd0d0; padding: 10px 12px; border-radius: 10px; }
.eliq-auth-errors ul { margin: 0; padding-left: 18px; }

/*
#page-container #popup-row { 
  display: none; 
}

#page-container #popup-row.is-open { 
  display: flex; /* of block, als je geen flex wil */
}
*/