/* WELOOMA V50 — compact accessible tab navigation */
.layout.v50-tabbed{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.layout.v50-tabbed[hidden]{display:none!important}
.v50-tabs{display:flex;flex-wrap:wrap;gap:9px;padding:12px;background:#fffdfb;border:1px solid #e5d5ca;border-radius:17px;box-shadow:0 8px 25px #57432e13}
.v50-tabs .v50-tab{border:1px solid #d6bba9;border-radius:999px;background:#fff;color:#315349;font-size:14px;padding:11px 15px;min-height:44px;white-space:normal}
.v50-tabs .v50-tab[aria-selected="true"]{background:#a95139;color:#fff;border-color:#a95139}
.v50-tabs .v50-tab:hover{background:#efd9cb;color:#703b2b}
.v50-tabs .v50-tab[aria-selected="true"]:hover{background:#97452e;color:white}
.v50-tabpanel[hidden],.layout.v50-tabbed>.side[hidden],.layout.v50-tabbed>.formpanel[hidden]{display:none!important}
.v50-tabpanel{min-width:0}
.layout.v50-tabbed .formpanel{padding:26px;min-width:0}
.v50-form-actions{border-top:1px solid #e5d5ca;margin-top:25px;padding-top:20px}
.layout.v50-tabbed .side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.layout.v50-tabbed .side .preview{grid-column:1/-1}
.layout.v50-tabbed .v49-extra{margin:10px 0 5px}
.layout.v50-tabbed .formpanel>.v50-tabpanel>h2:not(:first-child){margin-top:28px;padding-top:16px;border-top:1px solid #e4d9cf}
.v50-photo-save{margin:12px 0 0;background:#ad543b;color:white}
.v50-profile-search{background:#fffdfb;border:1px solid #e6d6c9;border-radius:16px;padding:18px;display:grid;gap:8px}
.v50-profile-search label{font-size:16px;font-weight:800;color:#25473c}
.v50-profile-search span{font-size:13px;color:#576e63}
.v50-search-row{display:flex;flex-wrap:wrap;gap:8px}
.v50-search-row input{flex:1;min-width:180px;border:1px solid #9fb6aa;border-radius:9px;padding:10px;font:inherit}
.v50-profile-search p{margin:0;font-size:13px;color:#935038}
.v50-tabs :focus-visible,.v50-profile-search :focus-visible{outline:3px solid #9e4228;outline-offset:3px}
@media(max-width:760px){.layout.v50-tabbed .side{grid-template-columns:minmax(0,1fr)}.layout.v50-tabbed .formpanel{padding:18px}.v50-tabs{padding:9px}.v50-tabs .v50-tab{flex:1 1 145px}}

/* WELOOMA V57 — vijf HORIZONTALE profieltabbladen, geen pill-knoppen.
 * De bestaande V50 ARIA-tabs blijven functioneren; uitsluitend de opmaak
 * en de volgorde van het lidzoekblok onder de profielinhoud veranderen.
 */
.layout.v50-tabbed{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:0;
  align-items:start;
}
.layout.v50-tabbed>.v50-tabs{
  grid-column:1;
  grid-row:1;
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-items:flex-end;
  gap:3px;
  min-width:0;
  padding:8px 7px 0;
  margin:0 0 -1px;
  background:transparent;
  border:0;
  border-bottom:1px solid #d9c7b8;
  border-radius:0;
  box-shadow:none;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:thin;
  scrollbar-color:#bd9b86 transparent;
  position:relative;
  z-index:2;
}
.layout.v50-tabbed>.v50-tabs>.v50-tab{
  appearance:none;
  display:flex;
  justify-content:center;
  align-items:center;
  flex:1 0 auto;
  min-width:max-content;
  min-height:49px;
  margin:0 0 -1px;
  padding:11px 13px 10px;
  border:1px solid #d5bbaa;
  border-bottom:1px solid #d9c7b8;
  border-radius:12px 12px 0 0;
  box-shadow:inset 0 -3px 0 #e7d2c4;
  background:#eee4da;
  color:#36564d;
  font:700 13px/1.25 system-ui,Segoe UI,sans-serif;
  white-space:nowrap;
  text-align:center;
  cursor:pointer;
  transition:background-color .15s,color .15s;
}
.layout.v50-tabbed>.v50-tabs>.v50-tab[aria-selected="true"],
.layout.v50-tabbed>.v50-tabs>.v50-tab[aria-selected="true"]:hover{
  background:#fffdfb;
  color:#974b32;
  border-color:#d9c7b8;
  border-top:3px solid #ae5238;
  border-bottom:1px solid #fffdfb;
  padding-top:9px;
  box-shadow:none;
  position:relative;
  z-index:2;
}
.layout.v50-tabbed>.v50-tabs>.v50-tab:not([aria-selected="true"]):hover{
  background:#f7eee8;
  color:#264c3f;
}
.layout.v50-tabbed>.v50-tabs>.v50-tab:focus-visible{
  outline:3px solid #a64a29;
  outline-offset:-3px;
  z-index:3;
}
.layout.v50-tabbed>.formpanel,
.layout.v50-tabbed>.side{
  grid-column:1;
  grid-row:2;
  margin:0;
  border:1px solid #d9c7b8;
  border-radius:0 14px 14px 14px;
  background:#fffdfb;
}
.layout.v50-tabbed>.v50-profile-search{
  grid-column:1;
  grid-row:3;
  margin-top:20px;
}
@media(max-width:820px){
  .layout.v50-tabbed>.v50-tabs{justify-content:flex-start;padding-inline:4px;}
  .layout.v50-tabbed>.v50-tabs>.v50-tab{flex:0 0 auto;padding-inline:15px;}
}
@media(prefers-reduced-motion:reduce){
  .layout.v50-tabbed>.v50-tabs>.v50-tab{transition:none;}
}
