/* ==========================================================
   BuddySocial v9.71 - HOMEPAGE COLOR TUNE ONLY
   Alleen de ingelogde homepagina / hyves-home-layout
   ========================================================== */

/* Hoofdcanvas iets rustiger en beter afgestemd */
body[data-page="home"] .hyves-home-layout{
  color:#294d68 !important;
}

/* Algemene homeblokken */
body[data-page="home"] .hyves-home-layout .retro-box{
  background:
    linear-gradient(rgba(255,255,255,.90),rgba(255,255,255,.90)),
    var(--site-bg-image, linear-gradient(180deg,#f8fcff,#eef6fb)) center center / cover no-repeat !important;
  border:1px solid #bdd1df !important;
  box-shadow:0 2px 8px rgba(31,63,88,.08) !important;
}

/* Home titelbalken: zacht goud/oranje zoals de site */
body[data-page="home"] .hyves-home-layout .retro-box-title{
  background:
    linear-gradient(180deg,#fff7df,#f4e1aa) !important;
  color:#8a5a0b !important;
  border-bottom:1px solid #dbc67f !important;
  text-shadow:0 1px rgba(255,255,255,.50) !important;
}

/* Linkerkolom menu */
body[data-page="home"] .hyves-home-left .retro-sidemenu{
  background:rgba(255,255,255,.72) !important;
}

body[data-page="home"] .hyves-home-left .retro-sidemenu a{
  color:#225e90 !important;
  border-bottom:1px solid #dce8ef !important;
}

body[data-page="home"] .hyves-home-left .retro-sidemenu a:hover{
  background:#eef7fd !important;
  color:#174e7b !important;
}

/* Profielkaart links */
body[data-page="home"] .hyves-home-left .profile-card,
body[data-page="home"] .hyves-home-left .mini-profile-card,
body[data-page="home"] .hyves-home-left .retro-box:first-child{
  background:
    linear-gradient(rgba(255,255,255,.86),rgba(255,255,255,.86)),
    var(--site-bg-image, linear-gradient(180deg,#f8fcff,#eef6fb)) center center / cover no-repeat !important;
}

/* Nieuwsblok */
body[data-page="home"] .hyves-home-layout > section > .retro-box:first-child{
  border-color:#c7d8e3 !important;
}

body[data-page="home"] .hyves-home-layout > section > .retro-box:first-child .retro-box-title{
  background:linear-gradient(180deg,#fff5d9,#f0dc99) !important;
  color:#8b5a05 !important;
  border-bottom:1px solid #d9c27e !important;
}

/* Berichten van jou en je vrienden */
body[data-page="home"] .hyves-home-layout > section > .retro-box:nth-child(2){
  border-color:#b8cedd !important;
}

body[data-page="home"] .hyves-home-layout > section > .retro-box:nth-child(2) .retro-box-title{
  background:linear-gradient(180deg,#e8f5ff,#d3e9f7) !important;
  color:#285b80 !important;
  border-bottom:1px solid #b9cfde !important;
}

/* Wat gebeurt er bij je vrienden / story / extra boxen */
body[data-page="home"] .hyves-home-layout .friend-activity-box,
body[data-page="home"] .hyves-home-layout .story-day{
  background:
    linear-gradient(rgba(255,255,255,.90),rgba(255,255,255,.90)),
    var(--site-bg-image, linear-gradient(180deg,#fdfefe,#eff7fb)) center center / cover no-repeat !important;
  border-color:#c8d7e1 !important;
}

body[data-page="home"] .hyves-home-layout .story-day h3{
  color:#b26d00 !important;
}

/* Posts */
body[data-page="home"] .hyves-home-layout .retro-post{
  background:
    linear-gradient(rgba(255,255,255,.95),rgba(255,255,255,.95)),
    var(--site-bg-image, linear-gradient(180deg,#fff,#f4f8fb)) center center / cover no-repeat !important;
  border:1px solid #c6d8e5 !important;
}

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

body[data-page="home"] .hyves-home-layout .retro-postbody{
  color:#27465d !important;
}

body[data-page="home"] .hyves-home-layout .retro-postbody a{
  color:#20639b !important;
}

body[data-page="home"] .hyves-home-layout .retro-actions{
  background:linear-gradient(180deg,#f8fbfd,#eef5f9) !important;
  border-top:1px solid #dce7ee !important;
}

body[data-page="home"] .hyves-home-layout .retro-comments{
  background:linear-gradient(180deg,#f6fafc,#edf5f8) !important;
  border-top:1px solid #dbe6ed !important;
}

/* Reageerveld rustiger */
body[data-page="home"] .hyves-home-layout textarea,
body[data-page="home"] .hyves-home-layout input[type="text"]{
  background:#fff !important;
  border:1px solid #b8ccdb !important;
  color:#2c4a61 !important;
}

/* Rechterkolom blokken */
body[data-page="home"] .hyves-home-right > .retro-box{
  background:
    linear-gradient(rgba(255,255,255,.88),rgba(255,255,255,.88)),
    var(--site-bg-image, linear-gradient(180deg,#f8fcff,#eef6fb)) center center / cover no-repeat !important;
  border:1px solid #bed2df !important;
}

body[data-page="home"] .hyves-home-right > .retro-box .retro-box-title{
  background:linear-gradient(180deg,#eaf6ff,#d7ebf8) !important;
  color:#2a5f84 !important;
  border-bottom:1px solid #bed2df !important;
}

/* Mini personen kaarten rechterkolom */
body[data-page="home"] .hyves-home-right .mini-person-card{
  border:1px solid transparent !important;
  border-radius:4px !important;
  color:#1f5f96 !important;
}

body[data-page="home"] .hyves-home-right .mini-person-card:hover{
  background:#f3f8fc !important;
  border-color:#d8e5ee !important;
}

body[data-page="home"] .hyves-home-right .mini-person-meta b{
  color:#145d98 !important;
}

body[data-page="home"] .hyves-home-right .mini-person-meta small{
  color:#7a8e9f !important;
}

/* Verjaardagen en lijsten */
body[data-page="home"] .hyves-home-right .birthday-row{
  border-bottom:1px dotted #cad8e2 !important;
}

body[data-page="home"] .hyves-home-right .birthday-row a,
body[data-page="home"] .hyves-home-right .online-all-link{
  color:#205f93 !important;
}

/* Knoppen op homepagina iets meer in buddy-stijl */
body[data-page="home"] .hyves-home-layout .blue-btn{
  background:linear-gradient(180deg,#4f93ca,#2f6fa8) !important;
  border-color:#245784 !important;
  color:#fff !important;
}

body[data-page="home"] .hyves-home-layout .blue-btn:hover{
  filter:brightness(1.03) !important;
}

body[data-page="home"] .hyves-home-layout .orange-btn,
body[data-page="home"] .hyves-home-layout button[type="submit"]{
  background:linear-gradient(180deg,#ffb53f,#eb8f09) !important;
  border-color:#c97500 !important;
  color:#fff !important;
}

/* Verwijderknop iets subtieler */
body[data-page="home"] .hyves-home-layout .danger-btn,
body[data-page="home"] .hyves-home-layout .btn-danger{
  background:#fff6f3 !important;
  border-color:#e3beb3 !important;
  color:#bb4e31 !important;
}

/* Scrollbar in activity blok afgestemd */
body[data-page="home"] .hyves-home-layout .friend-activity-scroll::-webkit-scrollbar-track{
  background:#eef4f8 !important;
}
body[data-page="home"] .hyves-home-layout .friend-activity-scroll::-webkit-scrollbar-thumb{
  background:#9eb8cc !important;
  border:2px solid #eef4f8 !important;
}

/* Mobiel behoudt zelfde sfeer */
@media(max-width:900px){
  body[data-page="home"] .hyves-home-layout .retro-box,
  body[data-page="home"] .hyves-home-right > .retro-box{
    background-size:cover !important;
  }
}