/* ==========================================================
   BuddySocial v10.50 - PUBLIC HOME FULL PREMIUM POLISH
   Trekt de hele niet-ingelogde homepagina in dezelfde strakke
   stijl als het vernieuwde videoblok.
   ========================================================== */

.public-home-body .public-home-stage{
  position:relative !important;
  overflow:hidden !important;
}

.public-home-body .public-home-stage::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  z-index:0 !important;
  background:
    radial-gradient(circle at 8% 12%,rgba(255,213,107,.18),transparent 20%),
    radial-gradient(circle at 88% 18%,rgba(104,194,245,.16),transparent 22%),
    radial-gradient(circle at 80% 82%,rgba(255,182,208,.12),transparent 18%),
    linear-gradient(180deg,rgba(245,251,255,.14),rgba(255,250,235,.10)) !important;
}

.public-home-body .public-home{
  position:relative !important;
  z-index:1 !important;
}

.public-home-body .hyves-home-toolbar{
  margin:10px 0 12px !important;
  padding:9px 11px !important;
  border:1px solid #bfd6e5 !important;
  border-radius:11px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(241,248,252,.96)) !important;
  box-shadow:0 4px 12px rgba(32,75,103,.05) !important;
}

.public-home-body .hyves-home-shell{
  gap:14px !important;
  align-items:start !important;
}

.public-home-body .classic-home-box{
  position:relative !important;
  overflow:hidden !important;
  margin-bottom:14px !important;
  border:1px solid #b9d2e2 !important;
  border-radius:14px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(247,251,253,.96)) !important;
  box-shadow:
    0 7px 18px rgba(31,76,106,.07),
    inset 0 1px 0 rgba(255,255,255,.88) !important;
}

.public-home-body .classic-home-box::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 6% 8%,rgba(255,224,133,.08),transparent 19%),
    radial-gradient(circle at 93% 15%,rgba(124,203,248,.08),transparent 22%) !important;
}

.public-home-body .classic-home-box > *{
  position:relative !important;
  z-index:1 !important;
}

.public-home-body .classic-home-title{
  min-height:42px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  padding:8px 12px !important;
  border-bottom:1px solid #abc8da !important;
  background:linear-gradient(180deg,#dcecf7 0%,#c8dfef 100%) !important;
  color:#245a7e !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75) !important;
}

.public-home-body .classic-home-title > span:first-child{
  color:#245a7e !important;
  font-weight:900 !important;
}

.public-home-body .classic-home-title small,
.public-home-body .classic-home-title a{
  color:#4f7894 !important;
  font-weight:800 !important;
}

.public-home-body .hyves-feature-body,
.public-home-body .guest-home-feature-grid,
.public-home-body .guest-home-quickstart,
.public-home-body .guest-home-privacy-row,
.public-home-body .hyves-media-grid,
.public-home-body .hyves-activity-list{
  padding:12px !important;
}

/* Feature / news card */
.public-home-body .hyves-feature-body{
  gap:14px !important;
}

.public-home-body .hyves-feature-copy{
  min-width:0 !important;
  padding:2px !important;
}

.public-home-body .hyves-feature-copy h1{
  margin:5px 0 8px !important;
  color:#234f70 !important;
  font-size:clamp(24px,2.1vw,34px) !important;
  line-height:1.12 !important;
}

.public-home-body .hyves-feature-copy p{
  color:#456276 !important;
  line-height:1.55 !important;
}

.public-home-body .hyves-feature-date{
  display:inline-flex !important;
  padding:3px 7px !important;
  border-radius:999px !important;
  background:#eef6fb !important;
  color:#6b8191 !important;
  font-weight:800 !important;
}

.public-home-body .hyves-feature-links{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
  margin-top:10px !important;
}

.public-home-body .hyves-feature-links a{
  display:inline-flex !important;
  align-items:center !important;
  min-height:34px !important;
  padding:0 10px !important;
  border:1px solid #bad2e1 !important;
  border-radius:9px !important;
  background:linear-gradient(180deg,#ffffff,#f3f8fb) !important;
  color:#275f87 !important;
  text-decoration:none !important;
  font-weight:800 !important;
}

.public-home-body .hyves-feature-links a:first-child{
  border-color:#e2b35d !important;
  background:linear-gradient(180deg,#fff8e5,#ffedbb) !important;
  color:#795307 !important;
}

.public-home-body .hyves-feature-side{
  padding:10px !important;
  border:1px solid #cfdfE9 !important;
  border-radius:12px !important;
  background:linear-gradient(180deg,#fbfdff,#f2f8fc) !important;
}

.public-home-body .hyves-feature-member,
.public-home-body .hyves-feature-mini{
  border-radius:10px !important;
}

/* Feature choices */
.public-home-body .guest-home-feature-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
}

.public-home-body .guest-home-feature-grid > *{
  border:1px solid #c7dbe8 !important;
  border-radius:12px !important;
  background:linear-gradient(180deg,#fff,#f7fbfd) !important;
  box-shadow:0 4px 11px rgba(36,80,109,.05) !important;
}

.public-home-body .guest-home-quickstart{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
}

.public-home-body .guest-home-quickstart > *{
  border-radius:12px !important;
  border:1px solid #d5e3ec !important;
  background:#ffffff !important;
}

/* Privacy cards */
.public-home-body .guest-home-privacy-row{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
}

.public-home-body .guest-home-privacy-row > *{
  border:1px solid #c8dce8 !important;
  border-radius:12px !important;
  background:linear-gradient(180deg,#ffffff,#f6fafc) !important;
  box-shadow:0 3px 10px rgba(31,77,107,.04) !important;
}

/* Media containers, including photo/blog/video areas */
.public-home-body .hyves-media-box{
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(243,249,252,.97)) !important;
}

.public-home-body .hyves-photo-grid,
.public-home-body .hyves-blog-list,
.public-home-body .hyves-video-grid{
  margin:0 !important;
}

/* Photos */
.public-home-body .hyves-photo-grid a{
  overflow:hidden !important;
  border:1px solid #bcd4e2 !important;
  border-radius:10px !important;
  background:#fff !important;
  box-shadow:0 4px 10px rgba(35,78,106,.06) !important;
  transition:transform .18s ease, box-shadow .18s ease !important;
}

.public-home-body .hyves-photo-grid a:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 8px 16px rgba(35,78,106,.10) !important;
}

.public-home-body .hyves-photo-grid img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

/* Blogs */
.public-home-body .hyves-blog-list a{
  display:block !important;
  margin:0 12px 9px !important;
  padding:10px 11px !important;
  border:1px solid #d2e1ea !important;
  border-radius:10px !important;
  background:linear-gradient(180deg,#fff,#f8fbfd) !important;
  text-decoration:none !important;
}

.public-home-body .hyves-blog-list a b{
  color:#255d81 !important;
}

.public-home-body .hyves-blog-list a small{
  color:#748896 !important;
}

/* Activity */
.public-home-body .hyves-activity-box{
  background:linear-gradient(180deg,#fbfdff,#f4f9fc) !important;
}

/* Signup / banners */
.public-home-body .hyves-signup-box{
  border-color:#e0bd72 !important;
  background:
    radial-gradient(circle at 10% 20%,rgba(255,214,91,.16),transparent 20%),
    linear-gradient(180deg,#fffdf5,#fff6dc) !important;
}

.public-home-body .hyves-banner-box{
  background:linear-gradient(180deg,#ffffff,#f9fbfd) !important;
}

/* Right-side guest cards */
.public-home-body .hyves-home-side .classic-home-box,
.public-home-body .hyves-side-column .classic-home-box,
.public-home-body aside .classic-home-box{
  border-radius:12px !important;
}

/* Whole-page final gloss */
.public-home-body .classic-home-box:hover{
  border-color:#aacadd !important;
}

/* Buttons on guest home */
.public-home-body .orange-btn,
.public-home-body .blue-btn,
.public-home-body button{
  border-radius:9px !important;
}

/* ==========================================================
   NON-REGISTERED DESKTOP MENU:
   KEEP TEXT WHITE — desktop only.
   Mobile/tablet colors are intentionally NOT changed.
   ========================================================== */
@media (min-width:1101px){
  .public-home-body .retro-nav .main-nav-links > a,
  .public-home-body .retro-nav .main-nav-links > a:visited,
  .public-home-body .retro-nav .main-nav-links > a:hover,
  .public-home-body .retro-nav .main-nav-links > a.active,
  .public-home-body .retro-nav .nav-login-link,
  .public-home-body .retro-nav .nav-register-link{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    text-shadow:0 1px 1px rgba(0,0,0,.22) !important;
  }

  .public-home-body .retro-nav .main-nav-links > a *,
  .public-home-body .retro-nav .nav-login-link *,
  .public-home-body .retro-nav .nav-register-link *{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
  }

  .public-home-body .retro-nav .main-nav-links > a.active{
    background:rgba(255,255,255,.10) !important;
  }
}

/* Tablet */
@media (min-width:701px) and (max-width:1100px){
  .public-home-body .guest-home-feature-grid,
  .public-home-body .guest-home-quickstart,
  .public-home-body .guest-home-privacy-row{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* Mobile */
@media (max-width:700px){
  .public-home-body .hyves-home-toolbar{
    padding:8px !important;
  }

  .public-home-body .classic-home-box{
    border-radius:11px !important;
    margin-bottom:10px !important;
  }

  .public-home-body .classic-home-title{
    min-height:38px !important;
    padding:7px 9px !important;
  }

  .public-home-body .guest-home-feature-grid,
  .public-home-body .guest-home-quickstart,
  .public-home-body .guest-home-privacy-row{
    grid-template-columns:1fr !important;
    gap:8px !important;
    padding:9px !important;
  }

  .public-home-body .hyves-feature-body{
    padding:9px !important;
  }

  .public-home-body .hyves-feature-copy h1{
    font-size:23px !important;
  }

  /* Explicitly preserve mobile/tablet menu readability from v10.42/10.43 */
  .public-home-body .retro-nav .main-nav-links > a,
  .public-home-body .retro-nav .nav-login-link,
  .public-home-body .retro-nav .nav-register-link{
    color:#183f5d !important;
    -webkit-text-fill-color:#183f5d !important;
    text-shadow:none !important;
  }
}