/* BuddySocial v11.52 — Pimp WOW polish
   Verbindt kop, inhoud, rand en FX tot één rustig profielblok zonder bestaande instellingen te verwijderen. */

body[data-page="profile"] .classic-profile [data-pimp-block]{
  --bs-wow-radius:clamp(9px,var(--pimp-radius,11px),18px);
  overflow:hidden;
  border-width:1px!important;
  border-style:solid!important;
  border-radius:var(--bs-wow-radius)!important;
  box-shadow:0 3px 12px rgba(18,42,62,.10),0 1px 2px rgba(18,42,62,.08);
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
  background-clip:padding-box;
}
body[data-page="profile"] .classic-profile [data-pimp-block]:hover{
  transform:translateY(-1px);
  box-shadow:0 7px 22px rgba(18,42,62,.14),0 2px 5px rgba(18,42,62,.08);
}
body[data-page="profile"] .classic-profile [data-pimp-block]>*{position:relative;z-index:2}
body[data-page="profile"] .classic-profile [data-pimp-block]>.retro-box-title{
  position:relative;
  overflow:hidden;
  border:0!important;
  border-bottom:1px solid color-mix(in srgb,var(--bs-block-fx1,#b8cde0) 58%,transparent)!important;
  background:
    linear-gradient(135deg,
      color-mix(in srgb,var(--bs-block-fx1,#2f74b5) 90%,#101820 10%),
      color-mix(in srgb,var(--bs-block-fx2,#f39a16) 72%,var(--bs-block-fx1,#2f74b5) 28%))!important;
  color:var(--profile-title-text,#fff)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.28);
  font-weight:800;
  letter-spacing:.01em;
  padding-top:9px!important;
  padding-bottom:9px!important;
}
body[data-page="profile"] .classic-profile [data-pimp-block]>.retro-box-title::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(110deg,rgba(255,255,255,.18),transparent 28%,transparent 72%,rgba(255,255,255,.08));
  opacity:.7;
}
body[data-page="profile"] .classic-profile [data-pimp-block]>.retro-pad,
body[data-page="profile"] .classic-profile [data-pimp-block]>.friend-grid,
body[data-page="profile"] .classic-profile [data-pimp-block]>.mini-people,
body[data-page="profile"] .classic-profile [data-pimp-block]>.profile-actionlist,
body[data-page="profile"] .classic-profile [data-pimp-block]>.buddy-gadget-stack{
  position:relative;
  z-index:2;
  backdrop-filter:blur(2px) saturate(1.04);
  -webkit-backdrop-filter:blur(2px) saturate(1.04);
}
body[data-page="profile"] .classic-profile [data-pimp-block] a{
  transition:color .16s ease,text-shadow .16s ease,transform .16s ease;
}
body[data-page="profile"] .classic-profile [data-pimp-block] a:hover{
  text-shadow:0 0 8px color-mix(in srgb,var(--bs-block-fx2,#f39a16) 30%,transparent);
}

/* FX overlays blijven altijd achter de inhoud en worden zachter aan de randen. */
body[data-page="profile"] .classic-profile [data-pimp-block]::before,
body[data-page="profile"] .classic-profile [data-pimp-block]::after{
  border-radius:inherit;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),rgba(0,0,0,.72));
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),rgba(0,0,0,.72));
}

/* Vloeiendere bestaande animaties. Zelfde namen = veilige override zonder PHP-wijziging. */
@keyframes bsBlockRgbBorder{
  0%{border-color:#ff4b55;box-shadow:0 0 0 1px rgba(255,75,85,.24),0 0 calc(5px + 10px*var(--bs-block-fx-strength)) rgba(255,75,85,.18)}
  17%{border-color:#ffb84d;box-shadow:0 0 0 1px rgba(255,184,77,.22),0 0 calc(5px + 10px*var(--bs-block-fx-strength)) rgba(255,184,77,.16)}
  34%{border-color:#50d890;box-shadow:0 0 0 1px rgba(80,216,144,.22),0 0 calc(5px + 10px*var(--bs-block-fx-strength)) rgba(80,216,144,.16)}
  51%{border-color:#4ddcf6;box-shadow:0 0 0 1px rgba(77,220,246,.24),0 0 calc(6px + 12px*var(--bs-block-fx-strength)) rgba(77,220,246,.20)}
  68%{border-color:#6f8cff;box-shadow:0 0 0 1px rgba(111,140,255,.22),0 0 calc(5px + 10px*var(--bs-block-fx-strength)) rgba(111,140,255,.17)}
  84%{border-color:#d86cff;box-shadow:0 0 0 1px rgba(216,108,255,.22),0 0 calc(5px + 10px*var(--bs-block-fx-strength)) rgba(216,108,255,.17)}
  100%{border-color:#ff4b55;box-shadow:0 0 0 1px rgba(255,75,85,.24),0 0 calc(5px + 10px*var(--bs-block-fx-strength)) rgba(255,75,85,.18)}
}
@keyframes bsBlockRgbGlow{
  0%,100%{box-shadow:0 3px 12px rgba(18,42,62,.10),0 0 calc(8px + 16px*var(--bs-block-fx-strength)) rgba(255,75,120,.25)}
  25%{box-shadow:0 3px 12px rgba(18,42,62,.10),0 0 calc(8px + 16px*var(--bs-block-fx-strength)) rgba(77,220,246,.28)}
  50%{box-shadow:0 3px 12px rgba(18,42,62,.10),0 0 calc(8px + 16px*var(--bs-block-fx-strength)) rgba(80,216,144,.24)}
  75%{box-shadow:0 3px 12px rgba(18,42,62,.10),0 0 calc(8px + 16px*var(--bs-block-fx-strength)) rgba(175,100,255,.27)}
}
@keyframes bsBlockPulse{
  0%,100%{box-shadow:0 3px 12px rgba(18,42,62,.10),0 0 0 1px color-mix(in srgb,var(--bs-block-fx1) 48%,transparent)}
  50%{box-shadow:0 5px 18px rgba(18,42,62,.12),0 0 calc(8px + 14px*var(--bs-block-fx-strength)) color-mix(in srgb,var(--bs-block-fx2) 42%,transparent)}
}
@keyframes bsBlockNeon{
  0%,100%{box-shadow:0 3px 12px rgba(0,0,0,.16),0 0 6px color-mix(in srgb,var(--bs-block-fx1) 52%,transparent),0 0 calc(10px + 14px*var(--bs-block-fx-strength)) color-mix(in srgb,var(--bs-block-fx1) 32%,transparent)}
  50%{box-shadow:0 3px 12px rgba(0,0,0,.16),0 0 7px color-mix(in srgb,var(--bs-block-fx2) 55%,transparent),0 0 calc(11px + 16px*var(--bs-block-fx-strength)) color-mix(in srgb,var(--bs-block-fx2) 34%,transparent)}
}
@keyframes bsBlockGlitter{
  0%{background-position:0 0,0 0,0 0,0 0}
  50%{background-position:17px 34px,-24px 48px,41px -20px,-29px 58px}
  100%{background-position:34px 68px,-48px 96px,82px -41px,-58px 116px}
}
@keyframes bsBlockSparkle{
  0%,100%{transform:translate3d(-4%,6%,0) rotate(-1deg);opacity:.72}
  50%{transform:translate3d(4%,-4%,0) rotate(1deg);opacity:1}
}
@keyframes bsBlockAurora{
  0%,100%{transform:translate3d(-9%,2%,0) rotate(-2deg) scale(1.02)}
  50%{transform:translate3d(9%,-3%,0) rotate(2deg) scale(1.06)}
}
@keyframes bsBlockShine{
  0%,35%{left:-55%;opacity:0}
  45%{opacity:.5}
  68%{left:125%;opacity:.25}
  100%{left:125%;opacity:0}
}
@keyframes bsBlockHolo{
  0%{background-position:0% 50%;filter:hue-rotate(0deg) saturate(1.05)}
  50%{background-position:100% 50%;filter:hue-rotate(38deg) saturate(1.18)}
  100%{background-position:0% 50%;filter:hue-rotate(0deg) saturate(1.05)}
}

/* Pimp editor zelf ook iets chiquer, zodat presets duidelijker voelen. */
body[data-page="pimp_profile"] .pimp-combo-studio{
  border-color:#aac9df;
  background:linear-gradient(180deg,#fbfdff 0%,#eef6fc 100%);
  box-shadow:0 8px 26px rgba(40,84,118,.08);
}
body[data-page="pimp_profile"] .pimp-combo-btn{
  border-color:#c4d7e5;
  border-radius:12px;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset;
}
body[data-page="pimp_profile"] .pimp-combo-btn i{
  height:22px;
  border-radius:8px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.38),0 2px 6px rgba(30,65,95,.10);
}
body[data-page="pimp_profile"] .pimp-combo-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(34,82,119,.14);
}
body[data-page="pimp_profile"] .pimp-combo-btn.is-applied{
  border-color:#55a7d8;
  box-shadow:0 0 0 3px rgba(85,167,216,.17),0 8px 18px rgba(34,82,119,.12);
}
body[data-page="pimp_profile"] .block-box-fx-controls{
  border-color:#d8cdea;
  background:linear-gradient(180deg,#fdfbff,#f7f3fc);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
body[data-page="pimp_profile"] .block-fx-quick button,
body[data-page="pimp_profile"] .pimp-quick-fx button{
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease;
}
body[data-page="pimp_profile"] .block-fx-quick button:hover,
body[data-page="pimp_profile"] .pimp-quick-fx button:hover{
  transform:translateY(-1px);
  box-shadow:0 4px 9px rgba(34,82,119,.10);
}

/* Mobiel: geen zware hover-transforms en effecten iets rustiger. */
@media(max-width:720px){
  body[data-page="profile"] .classic-profile [data-pimp-block]:hover{transform:none}
  body[data-page="profile"] .classic-profile [data-pimp-block]{box-shadow:0 2px 9px rgba(18,42,62,.09)}
  body[data-page="profile"] .classic-profile [data-pimp-block]>.retro-box-title{padding-top:8px!important;padding-bottom:8px!important}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="profile"] .classic-profile [data-pimp-block],
  body[data-page="profile"] .classic-profile [data-pimp-block]::before,
  body[data-page="profile"] .classic-profile [data-pimp-block]::after{animation:none!important;transition:none!important}
}