/* ==========================================================
   BuddySocial v9.70 - HOOFDBANNER EXACT RESTORE
   Gebaseerd op de werkende v9.56 bannerregels.
   Alleen hoofdbanner.
   ========================================================== */

.retro-top{
  position:relative !important;
  overflow:hidden !important;
  background:
    linear-gradient(90deg,rgba(255,194,70,.78),rgba(255,239,186,.50) 42%,rgba(255,180,54,.72)),
    url("../images/buddysocial-warm-banner-dogs.png") center/cover no-repeat !important;
  border-bottom:1px solid #d6800d !important;
  box-shadow:
    inset 0 -1px rgba(255,255,255,.65),
    0 2px 8px rgba(102,63,11,.16) !important;
}

.retro-top::after{
  content:"" !important;
  position:absolute !important;
  inset:auto 0 0 0 !important;
  height:4px !important;
  background:linear-gradient(90deg,#ff9f1c,#ffd35c,#ff8c20,#ffd35c,#ff9f1c) !important;
  pointer-events:none !important;
}

.retro-topin{
  position:relative !important;
  z-index:3 !important;
}

/* Zelfde zichtbaarheid als de oude werkende banner */
.retro-brand,
.retro-brand>span{
  color:#fff !important;
  text-shadow:0 2px 2px rgba(106,58,0,.45) !important;
}

.retro-brand small{
  color:#5e3c0d !important;
  text-shadow:0 1px rgba(255,255,255,.55) !important;
  font-weight:700 !important;
}

.account-mini{
  color:#493518 !important;
  background:rgba(255,250,228,.88) !important;
  border:1px solid rgba(198,128,24,.48) !important;
  box-shadow:0 2px 7px rgba(102,63,11,.12) !important;
}

.account-mini a{
  color:#72501a !important;
  font-weight:700 !important;
}

/* Ingelogd accountblok leesbaar boven de banner */
.retro-top .account-hub,
.retro-top .account-hub-user{
  position:relative !important;
  z-index:4 !important;
}

.retro-top .account-hub-user{
  background:rgba(255,250,228,.86) !important;
  border:1px solid rgba(198,128,24,.40) !important;
  box-shadow:0 2px 7px rgba(102,63,11,.10) !important;
}

.retro-top .account-hub-user,
.retro-top .account-hub-user a,
.retro-top .account-hub-user b,
.retro-top .account-status-label{
  color:#5b421b !important;
}

/* Bestaande emoji/banana-laag mag zichtbaar blijven */
.retro-top-emoji-rain{
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  pointer-events:none !important;
}

/* voorkom dat algemene block/achtergrond CSS de hoofdbanner wit maakt */
body:not([data-page="profile"]):not([data-page="pimp_profile"]) .retro-top{
  background:
    linear-gradient(90deg,rgba(255,194,70,.78),rgba(255,239,186,.50) 42%,rgba(255,180,54,.72)),
    url("../images/buddysocial-warm-banner-dogs.png") center/cover no-repeat !important;
}

/* mobiel zoals de oude patch */
@media(max-width:760px){
  .retro-top{
    background-position:center top !important;
    background-size:cover !important;
  }
}