/* ==========================================================
   BuddySocial v9.95 - FINAL SITE POLISH / STABLE
   Purpose: visual consistency only.
   Does not override user profile/pimp styling or chat.
   ========================================================== */

:root{
  --bs-blue-050:#f4f9fc;
  --bs-blue-100:#e8f3fa;
  --bs-blue-200:#d6e9f5;
  --bs-blue-300:#b9d3e4;
  --bs-blue-500:#3f82b7;
  --bs-blue-700:#245f8b;
  --bs-orange-100:#fff4da;
  --bs-orange-300:#f3cd7b;
  --bs-orange-500:#ef9812;
  --bs-orange-700:#a96400;
  --bs-ink:#294b63;
  --bs-muted:#708494;
  --bs-line:#b7cddd;
  --bs-shadow:0 2px 8px rgba(30,63,88,.08);
}

/* ----------------------------------------------------------
   GLOBAL BASE - exclude user styled profile + pimp + chat
   ---------------------------------------------------------- */
body:not([data-page="profile"]):not([data-page="pimp_profile"]):not([data-page="admin_pimp_profile"]){
  color:var(--bs-ink) !important;
}

body:not([data-page="profile"]):not([data-page="pimp_profile"]):not([data-page="admin_pimp_profile"])
main{
  min-width:0 !important;
}

/* Classic content widths */
body:not([data-page="profile"]):not([data-page="pimp_profile"]):not([data-page="admin_pimp_profile"])
main:not(.pimp-page){
  box-sizing:border-box !important;
}

/* ----------------------------------------------------------
   STANDARD BOXES
   ---------------------------------------------------------- */
body:not([data-page="profile"]):not([data-page="pimp_profile"]):not([data-page="admin_pimp_profile"])
:is(
  .retro-box,
  .classic-page-tools,
  .classic-subpage-head,
  .classic-card,
  .message-compose-panel,
  .message-thread-card,
  .notification-item,
  .friend-directory-card,
  .friend-request-card,
  .discover-friend-card,
  .suggestion-card,
  .best-friend-manage-card,
  .gift-wall-card,
  .gift-preview-item,
  .hyves-album-card,
  .hyves-video-card,
  .poll-pro-card,
  .event-row,
  .question-form,
  .retro-post,
  .message-stat
):not(.friend-chat):not(.friend-chat-window):not(#friend-chat){
  border-color:var(--bs-line) !important;
  box-shadow:var(--bs-shadow) !important;
}

/* Soft background, but not washed out */
body:not([data-page="profile"]):not([data-page="pimp_profile"]):not([data-page="admin_pimp_profile"])
:is(
  .retro-box,
  .classic-card,
  .message-compose-panel,
  .message-thread-card,
  .notification-item,
  .friend-directory-card,
  .friend-request-card,
  .discover-friend-card,
  .suggestion-card,
  .best-friend-manage-card,
  .gift-wall-card,
  .gift-preview-item,
  .hyves-album-card,
  .hyves-video-card,
  .poll-pro-card,
  .event-row,
  .question-form,
  .retro-post
):not(.friend-chat):not(.friend-chat-window):not(#friend-chat){
  background:
    linear-gradient(rgba(255,255,255,.89),rgba(255,255,255,.89)),
    var(--site-bg-image,linear-gradient(180deg,#fff,#eef6fb)) center top / cover !important;
}

/* ----------------------------------------------------------
   HEADERS / TITLE BARS
   ---------------------------------------------------------- */
body:not([data-page="profile"]):not([data-page="pimp_profile"]):not([data-page="admin_pimp_profile"])
.retro-box-title{
  min-height:28px !important;
  padding:6px 9px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  background:linear-gradient(180deg,var(--bs-blue-100),var(--bs-blue-200)) !important;
  color:var(--bs-blue-700) !important;
  border-bottom:1px solid #aac6d9 !important;
  font-weight:800 !important;
  box-shadow:none !important;
}

body:not([data-page="profile"]):not([data-page="pimp_profile"]):not([data-page="admin_pimp_profile"])
:is(.news-box,.birthday-box,.site-announcement,.friend-requests-panel) > .retro-box-title{
  background:linear-gradient(180deg,#fff5da,#efd58f) !important;
  color:#865900 !important;
  border-bottom-color:#d8ba68 !important;
}

/* ----------------------------------------------------------
   TYPOGRAPHY / LINKS
   ---------------------------------------------------------- */
body:not([data-page="profile"]):not([data-page="pimp_profile"]):not([data-page="admin_pimp_profile"])
a{
  color:#1f6398;
}

body:not([data-page="profile"]):not([data-page="pimp_profile"]):not([data-page="admin_pimp_profile"])
:is(.retro-box,.classic-card,.retro-post,.notification-item) p{
  line-height:1.45 !important;
}

body:not([data-page="profile"]):not([data-page="pimp_profile"]):not([data-page="admin_pimp_profile"])
small,
body:not([data-page="profile"]):not([data-page="pimp_profile"]):not([data-page="admin_pimp_profile"])
.muted{
  color:var(--bs-muted) !important;
}

/* ----------------------------------------------------------
   BUTTONS
   ---------------------------------------------------------- */
body:not([data-page="profile"]):not([data-page="pimp_profile"]):not([data-page="admin_pimp_profile"])
:is(.blue-btn,.primary-btn,.btn-primary){
  background:linear-gradient(180deg,#4d91c7,#2f6fa8) !important;
  border:1px solid #255b87 !important;
  color:#fff !important;
  box-shadow:0 1px 3px rgba(31,75,111,.15) !important;
}

body:not([data-page="profile"]):not([data-page="pimp_profile"]):not([data-page="admin_pimp_profile"])
:is(.orange-btn,.accent-btn){
  background:linear-gradient(180deg,#ffb642,#e68a07) !important;
  border:1px solid #c67400 !important;
  color:#fff !important;
  box-shadow:0 1px 3px rgba(161,92,0,.15) !important;
}

body:not([data-page="profile"]):not([data-page="pimp_profile"]):not([data-page="admin_pimp_profile"])
:is(.blue-btn,.primary-btn,.btn-primary,.orange-btn,.accent-btn,button){
  border-radius:3px !important;
}

body:not([data-page="profile"]):not([data-page="pimp_profile"]):not([data-page="admin_pimp_profile"])
:is(.blue-btn,.primary-btn,.btn-primary,.orange-btn,.accent-btn):hover{
  filter:brightness(.98) !important;
}

/* ----------------------------------------------------------
   FORMS
   ---------------------------------------------------------- */
body:not([data-page="profile"]):not([data-page="pimp_profile"]):not([data-page="admin_pimp_profile"])
:is(input[type="text"],input[type="email"],input[type="password"],input[type="url"],input[type="number"],select,textarea){
  border:1px solid #aabfce !important;
  background:#fff !important;
  color:#2c4b61 !important;
  border-radius:3px !important;
  box-shadow:inset 0 1px 2px rgba(30,60,82,.04) !important;
}

body:not([data-page="profile"]):not([data-page="pimp_profile"]):not([data-page="admin_pimp_profile"])
:is(input,select,textarea):focus{
  outline:none !important;
  border-color:#4d8fbe !important;
  box-shadow:0 0 0 3px rgba(77,143,190,.11) !important;
}

/* ----------------------------------------------------------
   HOME / FEED
   ---------------------------------------------------------- */
body[data-page="home"] .hyves-home-layout{
  gap:10px !important;
}

body[data-page="home"] .retro-post{
  margin-bottom:9px !important;
  overflow:hidden !important;
}

body[data-page="home"] .retro-posthead{
  background:linear-gradient(180deg,#f8fbfd,#edf4f8) !important;
  border-bottom:1px solid #d3e0e8 !important;
}

body[data-page="home"] .retro-postbody{
  padding:9px !important;
  color:#2d4d63 !important;
}

body[data-page="home"] .retro-actions{
  padding:5px 8px !important;
  background:#f4f8fa !important;
  border-top:1px solid #d9e4eb !important;
}

body[data-page="home"] .retro-comments{
  background:#f7fafc !important;
  border-top:1px solid #dde6ec !important;
}

/* ----------------------------------------------------------
   FRIENDS / PEOPLE CARDS
   ---------------------------------------------------------- */
.friends-directory-grid{
  gap:8px !important;
}

.friend-directory-card,
.friend-request-card,
.discover-friend-card,
.suggestion-card{
  overflow:hidden !important;
}

.friend-directory-card:hover,
.discover-friend-card:hover,
.suggestion-card:hover{
  border-color:#85afd0 !important;
  box-shadow:0 3px 10px rgba(31,65,91,.10) !important;
}

/* ----------------------------------------------------------
   PHOTOS / ALBUMS / VIDEO
   ---------------------------------------------------------- */
.hyves-album-card,
.hyves-video-card{
  overflow:hidden !important;
}

.hyves-album-card img,
.hyves-video-card img{
  display:block !important;
  width:100% !important;
  object-fit:cover !important;
}

.photo-comment-list,
.video-comment-list{
  background:#f7fafc !important;
}

/* ----------------------------------------------------------
   MESSAGES / NOTIFICATIONS
   ---------------------------------------------------------- */
.message-thread-card,
.notification-item{
  margin-bottom:6px !important;
}

.notification-item:hover,
.message-thread-card:hover{
  background:
    linear-gradient(rgba(242,248,252,.94),rgba(242,248,252,.94)),
    var(--site-bg-image,linear-gradient(180deg,#f8fcff,#eef6fa)) center/cover !important;
}

/* ----------------------------------------------------------
   WIE WAT WAAR HORIZONTAL
   ---------------------------------------------------------- */
.profile-www-box{
  overflow:hidden !important;
}

.www-moments-rail{
  gap:8px !important;
  padding:3px 3px 9px !important;
}

.www-moment-card{
  border-radius:3px !important;
  box-shadow:0 2px 7px rgba(31,65,91,.08) !important;
}

.www-moment-card:hover{
  border-color:#8eb3cc !important;
}

.www-moment-head{
  min-height:25px !important;
}

.www-moments-hint{
  padding-right:3px !important;
}

/* ----------------------------------------------------------
   STATUS HISTORY
   ---------------------------------------------------------- */
.status-history-list{
  width:100% !important;
  max-width:100% !important;
}

.status-history-row{
  border-radius:3px !important;
}

/* ----------------------------------------------------------
   FOOTER
   ---------------------------------------------------------- */
.retro-footer{
  border-top:1px solid #bfd0dc !important;
  background:rgba(245,250,253,.93) !important;
  color:#627b8c !important;
}

.retro-footer a{
  color:#59788e !important;
}

/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */
@media(max-width:760px){
  body:not([data-page="profile"]):not([data-page="pimp_profile"]):not([data-page="admin_pimp_profile"])
  .retro-box{
    box-shadow:0 1px 5px rgba(30,63,88,.06) !important;
  }

  body[data-page="home"] .hyves-home-layout{
    gap:7px !important;
  }

  body[data-page="home"] .retro-postbody{
    padding:7px !important;
  }

  .friends-directory-grid{
    gap:6px !important;
  }

  .www-moment-card,
  .status-history-list .status-history-row{
    border-radius:2px !important;
  }

  .retro-footer{
    padding-bottom:calc(74px + env(safe-area-inset-bottom,0px)) !important;
  }
}

/* ----------------------------------------------------------
   HARD EXCLUSIONS
   ---------------------------------------------------------- */
/* User profile custom skin must remain controlled by Pimp */
body[data-page="profile"] .profile-layout,
body[data-page="profile"] .pimp-controlled-block{
  /* no global visual override here */
}

/* Pimp pages keep their dedicated classic editor styling */
body[data-page="pimp_profile"] main.pimp-page,
body[data-page="admin_pimp_profile"] main.pimp-page{
  /* dedicated styles remain authoritative */
}

/* Chat remains untouched */
#friend-chat,
#friend-chat *,
.friend-chat-window,
.friend-chat-window *{
  /* intentionally excluded */
}
