/* BuddySocial v11.55 — centrale kleurdoorvoer voor Pimp profiel.
   Laat custom blokkleuren bestaan, maar koppelt kop + inhoud + rand + tekst als één geheel. */
body[data-page="profile"] .classic-profile{
  color:var(--profile-body-text,#26384d);
  font-family:var(--profile-font,Arial,Helvetica,sans-serif);
}
body[data-page="profile"] .classic-profile .profile-namebar{
  background:linear-gradient(90deg,var(--skin-menu,#2f74b5),color-mix(in srgb,var(--skin-menu,#2f74b5) 72%,var(--skin-accent,#e98a00)))!important;
  color:var(--profile-menu-text,#fff)!important;
  border-color:var(--frame-color,#b8cde0)!important;
}
body[data-page="profile"] .classic-profile .profile-namebar h1,
body[data-page="profile"] .classic-profile .profile-namebar h1 span,
body[data-page="profile"] .classic-profile .profile-namebar a{color:var(--profile-menu-text,#fff)!important}

/* Alle niet-los gepimpte profielvakken volgen de algemene profielskin. */
body[data-page="profile"] .classic-profile .retro-box:not(.pimp-controlled-block){
  background-color:var(--profile-surface,#fff);
  color:var(--profile-body-text,#26384d);
  border-color:var(--frame-color,#b8cde0);
}
body[data-page="profile"] .classic-profile .retro-box:not(.pimp-controlled-block)>.retro-box-title{
  background:linear-gradient(90deg,var(--skin-head,#f7a21b),var(--skin-head2,#e98c05))!important;
  color:var(--profile-title-text,#fff)!important;
}

/* Eén profielblok = één palet. Inline custom waarden blijven leidend via de variabelen. */
body[data-page="profile"] .classic-profile .pimp-controlled-block{
  background-color:var(--pimp-block-bg,var(--profile-surface,#fff));
  color:var(--pimp-block-text,var(--profile-body-text,#26384d));
  border-color:var(--pimp-block-border,var(--frame-color,#b8cde0));
}
body[data-page="profile"] .classic-profile .pimp-controlled-block>.retro-box-title{
  background:linear-gradient(90deg,
    var(--pimp-block-border,var(--skin-head,#f7a21b)),
    color-mix(in srgb,var(--pimp-block-border,var(--skin-head2,#e98c05)) 68%,var(--skin-head2,#e98c05)))!important;
  color:var(--pimp-block-text,var(--profile-title-text,#fff))!important;
  border-color:var(--pimp-block-border,var(--frame-color,#b8cde0))!important;
  text-shadow:0 1px 1px color-mix(in srgb,#000 25%,transparent);
}

/* Oude witte binnenlagen drukten de gekozen blokkleur/afbeelding weg. */
body[data-page="profile"] .classic-profile .pimp-controlled-block>.retro-pad,
body[data-page="profile"] .classic-profile .pimp-controlled-block>.friend-grid,
body[data-page="profile"] .classic-profile .pimp-controlled-block>.mini-people,
body[data-page="profile"] .classic-profile .pimp-controlled-block>.profile-actionlist,
body[data-page="profile"] .classic-profile .pimp-controlled-block>.buddy-gadget-stack,
body[data-page="profile"] .classic-profile .pimp-controlled-block>.profile-activity-list{
  background-color:color-mix(in srgb,var(--pimp-block-bg,var(--profile-surface,#fff)) var(--pimp-block-inner-opacity,82%),transparent)!important;
  color:var(--pimp-block-text,var(--profile-body-text,#26384d))!important;
  border-color:color-mix(in srgb,var(--pimp-block-border,var(--frame-color,#b8cde0)) 72%,transparent)!important;
}
body[data-page="profile"] .classic-profile .pimp-controlled-block :is(p,span,b,strong,em,label,td,th,li){
  color:inherit;
}
body[data-page="profile"] .classic-profile .pimp-controlled-block a:not(.blue-btn):not(.orange-btn):not(.danger-btn){
  color:color-mix(in srgb,var(--pimp-block-text,var(--profile-link,#2367a5)) 62%,var(--profile-link,#2367a5))!important;
}
body[data-page="profile"] .classic-profile .pimp-controlled-block small,
body[data-page="profile"] .classic-profile .pimp-controlled-block .retro-empty{
  color:color-mix(in srgb,var(--pimp-block-text,var(--profile-muted,#6d7f91)) 62%,transparent)!important;
}

/* Interne kaarten krijgen een subtiele transparante laag in plaats van hard wit. */
body[data-page="profile"] .classic-profile :is(.hyves-profilecard-infoframe,.visitor-stats-mini>span,.public-profile-stats>span,.profile-activity-row,.blog-snippet,.mini-album,.buzz-item,.www-moment-card,.scrap-item,.post-card){
  background-color:color-mix(in srgb,var(--profile-surface,#fff) 68%,transparent);
  border-color:color-mix(in srgb,var(--frame-color,#b8cde0) 68%,transparent);
  color:var(--profile-body-text,#26384d);
}

/* Tabs, formulieren en tekst volgen de losse algemene kleurkeuzes. */
body[data-page="profile"] .classic-profile :is(.profile-tabs,.profile-tabs a,.profile-subnav,.classic-profile-tabs){
  background-color:var(--profile-subnav,#f3f8fc);
  color:var(--profile-link,#2367a5);
  border-color:var(--frame-color,#b8cde0);
}
body[data-page="profile"] .classic-profile :is(input,textarea,select){
  background-color:color-mix(in srgb,var(--profile-surface,#fff) 92%,transparent);
  color:var(--profile-body-text,#26384d);
  border-color:var(--frame-color,#b8cde0);
}
body[data-page="profile"] .classic-profile a:not(.blue-btn):not(.orange-btn):not(.danger-btn){color:var(--profile-link,#2367a5)}
body[data-page="profile"] .classic-profile :is(small,.muted,.admin-help){color:var(--profile-muted,#6d7f91)}

/* Zorg dat custom achtergrondafbeeldingen/GIF's zichtbaar blijven door de inhoud heen. */
body[data-page="profile"] .classic-profile .pimp-controlled-block[style*="background-image"]>.retro-pad,
body[data-page="profile"] .classic-profile .pimp-controlled-block[style*="background-image"]>.friend-grid,
body[data-page="profile"] .classic-profile .pimp-controlled-block[style*="background-image"]>.mini-people,
body[data-page="profile"] .classic-profile .pimp-controlled-block[style*="background-image"]>.profile-actionlist,
body[data-page="profile"] .classic-profile .pimp-controlled-block[style*="background-image"]>.buddy-gadget-stack{
  backdrop-filter:blur(.5px);
}

@media(max-width:760px){
  body[data-page="profile"] .classic-profile .retro-box-title{line-height:1.25}
}