/* Kunstzicht Header — reusable hero styling
 * Gebruik op een WPBakery parallax row: kz-hero-title-row
 * Titel: kz-hero-title (optioneel; h1 binnen de row wordt ook gestyled)
 */

.kz-hero-title-row{
  --gold:#d9b56f;
  --champagne:#f1deb5;
  --wine:#56192d;
  --ink:#08080a;
  position:relative!important;
  overflow:hidden!important;
  background-size:cover!important;
  background-position:center!important;
  background-attachment:fixed!important;
}
.kz-hero-title-row:before{
  content:"";
  position:absolute;
  inset:28px;
  pointer-events:none;
  border:1px solid rgba(217,181,111,.18);
  background:linear-gradient(90deg,transparent 49.9%,rgba(217,181,111,.08) 50%,transparent 50.1%),linear-gradient(0deg,transparent 49.9%,rgba(217,181,111,.07) 50%,transparent 50.1%);
}
.kz-hero-title-row .parallax_content{position:relative;z-index:1}
.kz-hero-title-row .parallax_section_inner_margin{max-width:1080px;margin:auto;padding:clamp(90px,10vw,145px) clamp(18px,4vw,48px) clamp(54px,7vw,100px)}
.kz-hero-title-row h1,.kz-hero-title-row .kz-hero-title{
  max-width:900px;
  margin:0 0 22px!important;
  font-size:clamp(30px,3.7vw,52px)!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
  background:linear-gradient(105deg,#fff,var(--champagne) 60%,#fff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
  text-shadow:0 8px 32px rgba(0,0,0,.45);
}
.kz-hero-title-row h1:after,.kz-hero-title-row .kz-hero-title:after{
  content:"";
  display:block;
  width:min(240px,52vw);
  height:1px;
  margin-top:24px;
  background:linear-gradient(90deg,var(--gold),rgba(217,181,111,.12),transparent);
  box-shadow:0 0 15px rgba(217,181,111,.22);
}
.kz-hero-title-row .icon_text_icon{display:none!important}
.kz-hero-title-row .icon_text_holder{
  position:relative;
  max-width:760px;
  margin:42px 0 18px;
  padding:0 0 12px 42px;
  border:0;
  border-bottom:1px solid rgba(217,181,111,.30);
  background:none!important;
}
.kz-hero-title-row .icon_text_holder:before{
  content:"";
  position:absolute;
  left:0;
  top:3px;
  width:18px;
  height:18px;
  border:1px solid var(--gold);
  background:rgba(8,8,10,.72);
  transform:rotate(45deg);
  box-shadow:0 0 18px rgba(217,181,111,.32);
}
.kz-hero-title-row .icon_text_holder:after{
  content:"";
  position:absolute;
  left:10px;
  bottom:-1px;
  width:150px;
  height:2px;
  background:linear-gradient(90deg,var(--gold),transparent);
}
.kz-hero-title-row .icon_text_inner,.kz-hero-title-row .icon_text_inner h5{color:#fff!important;font-size:15px!important;letter-spacing:.12em!important}

/* Optionele tekst/glass content in de hero */
.kz-hero-title-row .wpb_text_column{
  position:relative;
  overflow:visible;
  margin:0 0 22px;
  padding:clamp(24px,3vw,38px);
  border:1px solid rgba(217,181,111,.31);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(12,12,15,.76),rgba(43,28,27,.44));
  box-shadow:0 24px 66px rgba(0,0,0,.42);
  -webkit-backdrop-filter:blur(9px) saturate(120%);
  backdrop-filter:blur(9px) saturate(120%);
}
.kz-hero-title-row .wpb_text_column:before{content:"";position:absolute;left:-8px;top:28px;width:1px;height:56px;background:linear-gradient(var(--gold),transparent);opacity:.7}
.kz-hero-title-row .wpb_text_column p,.kz-hero-title-row .wpb_text_column .entry-content,.kz-hero-title-row .wpb_text_column .wpb_wrapper{color:#eeeae3;line-height:1.8}

@media(max-width:850px){
  .kz-hero-title-row{background-attachment:scroll!important}
  .kz-hero-title-row .parallax_section_inner_margin{padding-top:64px}
}
@media(max-width:600px){
  .kz-hero-title-row:before{inset:10px}
  .kz-hero-title-row .parallax_section_inner_margin{padding:40px 14px 62px}
  .kz-hero-title-row h1,.kz-hero-title-row .kz-hero-title{font-size:34px!important}
  .kz-hero-title-row .wpb_text_column{padding:22px 18px}
  .kz-hero-title-row .wpb_text_column:before{display:none}
}