/*
 * BeaMiiLocal - Home posts/feed
 * Version: 2.1.0
 * A quiet social-feed card, not a dashboard widget.
 */

.app--home .beamii-home__section--posts{
  --beamii-post-ink:#17324d;
  --beamii-post-muted:#687d90;
  --beamii-post-blue:#2187b8;
}

.app--home .beamii-home__sectionshell--posts{
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}

.app--home .beamii-home__posts-list{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:min(88vw, 420px);
  gap:12px;
  width:100%;
  margin:0;
  padding:2px 2px 10px;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}

.app--home .beamii-home__posts-list::-webkit-scrollbar{
  display:none;
}

.app--home .beamii-home__post-card{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:9px;
  min-width:0;
  margin:0;
  padding:13px;
  overflow:hidden;
  border:1px solid rgba(27,65,94,.08);
  border-radius:18px;
  background:#fff;
  color:var(--beamii-post-ink);
  box-shadow:0 7px 18px rgba(20,50,73,.07);
  scroll-snap-align:start;
}

.app--home .beamii-home__post-card::before{
  content:none;
}

.app--home .beamii-home__post-card .beamii-post-card__top{
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  align-items:center;
  gap:9px;
  min-width:0;
}

.app--home .beamii-home__post-card .beamii-post-card__avatar{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  overflow:hidden;
  border:1px solid rgba(27,65,94,.08);
  border-radius:13px;
  background:#f3f8fa;
  color:var(--beamii-post-blue);
}

.app--home .beamii-home__post-card .beamii-post-card__avatar img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:3px;
  background:#fff;
}

.app--home .beamii-home__post-card .beamii-post-card__badge{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:22px;
  max-width:100%;
  padding:0 8px;
  border:0;
  border-radius:999px;
  background:#eef5f8;
  color:#35546c;
  font-size:.65rem;
  line-height:1;
  font-weight:850;
  white-space:nowrap;
}

.app--home .beamii-home__post-card .beamii-post-card__meta{
  display:-webkit-box;
  margin-top:3px;
  overflow:hidden;
  color:#718496;
  font-size:.67rem;
  line-height:1.3;
  font-weight:650;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

/* The home subtitle already explains favorite/local relevance. */
.app--home .beamii-home__post-signals{
  display:none;
}

.app--home .beamii-home__post-card .beamii-post-card__title{
  margin:1px 0 0;
  color:#17324d;
  font-size:1.02rem;
  line-height:1.2;
  font-weight:900;
  letter-spacing:-.015em;
}

.app--home .beamii-home__post-card .beamii-post-card__excerpt{
  display:-webkit-box;
  margin:0;
  overflow:hidden;
  color:#5d7387;
  font-size:.78rem;
  line-height:1.46;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}

.app--home .beamii-home__post-card .beamii-post-card__media{
  display:block;
  width:100%;
  aspect-ratio:16 / 9;
  margin:1px 0 0;
  overflow:hidden;
  border-radius:15px;
  background:#edf3f6;
}

.app--home .beamii-home__post-card .beamii-post-card__media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.app--home .beamii-home__post-card .beamii-post-card__cta,
.app--home .beamii-home__favorite-posts-more{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:34px;
  padding:0 12px;
  border:1px solid #cfe8f3;
  border-radius:999px;
  background:#f2f9fc;
  color:#174e6d;
  box-shadow:none;
  font-size:.70rem;
  line-height:1;
  font-weight:900;
  text-decoration:none;
}

.app--home .beamii-home__post-card .beamii-post-card__cta{
  align-self:flex-start;
  margin-top:auto;
}

.app--home .beamii-home__favorite-posts-actions{
  display:flex;
  justify-content:center;
  margin:2px 0 0;
}

.app--home .beamii-home__posts-empty{
  width:100%;
  min-height:0;
  margin:0;
  padding:18px;
  border:1px solid rgba(31,131,181,.12);
  border-radius:18px;
  background:rgba(255,255,255,.80);
  box-shadow:none;
}

@media (max-width:390px){
  .app--home .beamii-home__posts-list{
    grid-auto-columns:calc(100vw - 54px);
  }
}

@media (min-width:760px){
  .app--home .beamii-home__posts-list{
    grid-auto-columns:390px;
  }
}