/*
 * BeaMiiLocal Home Posts
 * Dedicated last-loaded homepage contract for the unified feed.
 * Keeps favorites + local posts visually one component and avoids stale
 * generic card rules taking over in production.
 */

.app--home .beamii-home__section--posts{
  --beamii-post-ink:#17324d;
  --beamii-post-muted:#687b8f;
  --beamii-post-blue:#1f83b5;
  --beamii-post-blue-soft:#e9f6fb;
  --beamii-post-pink:#a52663;
  --beamii-post-pink-soft:#fcecf4;
  margin-top:0 !important;
  padding-top:2px !important;
}

.app--home .beamii-home__section--posts .beamii-home-section-tools{
  z-index:6;
}

.app--home .beamii-home__posts-heading{
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
  min-width:0 !important;
  margin:0 0 10px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.app--home .beamii-home__posts-heading-icon{
  display:grid !important;
  place-items:center !important;
  flex:0 0 38px !important;
  width:38px !important;
  height:38px !important;
  margin:0 !important;
  border:1px solid rgba(31,131,181,.12) !important;
  border-radius:13px !important;
  background:linear-gradient(145deg,#edf8fc,#dff2fa) !important;
  color:var(--beamii-post-blue) !important;
  box-shadow:0 7px 18px rgba(31,131,181,.10) !important;
  font-size:15px !important;
}

.app--home .beamii-home__posts-heading-icon i{
  display:block !important;
  color:inherit !important;
  font-size:15px !important;
  line-height:1 !important;
}

.app--home .beamii-home__posts-heading-copy{
  flex:1 1 auto !important;
  min-width:0 !important;
}

.app--home .beamii-home__posts-heading .beamii-home__sectiontitle{
  margin:0 !important;
  color:var(--beamii-post-ink) !important;
  font-size:1.28rem !important;
  line-height:1.08 !important;
  font-weight:950 !important;
  letter-spacing:-.025em !important;
}

.app--home .beamii-home__posts-heading .beamii-home__sectionsub{
  display:block !important;
  margin:4px 0 0 !important;
  color:#6b8095 !important;
  font-size:.75rem !important;
  line-height:1.35 !important;
  font-weight:500 !important;
}

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

.app--home .beamii-home__posts-list{
  box-sizing:border-box !important;
  display:grid !important;
  grid-auto-flow:column !important;
  grid-template-columns:none !important;
  grid-auto-columns:minmax(286px, calc(100vw - 40px)) !important;
  gap:12px !important;
  overflow-x:auto !important;
  overflow-y:visible !important;
  width:auto !important;
  margin:0 -2px !important;
  padding:2px 2px 12px !important;
  scroll-snap-type:x mandatory !important;
  scroll-padding-inline:2px !important;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}

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

.app--home .beamii-home__post-card{
  box-sizing:border-box !important;
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:10px !important;
  min-width:0 !important;
  min-height:100% !important;
  margin:0 !important;
  padding:14px !important;
  overflow:hidden !important;
  border:1px solid rgba(28,65,94,.085) !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,#fff 0%,#fff 78%,#fbfdfe 100%) !important;
  box-shadow:0 11px 28px rgba(20,50,73,.105) !important;
  color:var(--beamii-post-ink) !important;
  scroll-snap-align:start !important;
  isolation:isolate;
}

.app--home .beamii-home__post-card::before{
  content:"" !important;
  position:absolute !important;
  z-index:0 !important;
  top:0 !important;
  left:18px !important;
  right:18px !important;
  height:3px !important;
  border-radius:0 0 999px 999px !important;
  background:linear-gradient(90deg,#1f83b5,#48b8dc) !important;
  opacity:.82 !important;
}

.app--home .beamii-home__post-card > *{
  position:relative;
  z-index:1;
}

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

.app--home .beamii-home__post-card .beamii-post-card__avatar{
  display:grid !important;
  place-items:center !important;
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  overflow:hidden !important;
  margin:0 !important;
  border:1px solid rgba(28,65,94,.07) !important;
  border-radius:14px !important;
  background:#f3f8fa !important;
  color:var(--beamii-post-blue) !important;
  box-shadow:0 5px 14px rgba(20,50,73,.07) !important;
}

.app--home .beamii-home__post-card .beamii-post-card__avatar img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  padding:3px !important;
  box-sizing:border-box !important;
  background:#fff !important;
}

.app--home .beamii-home__post-card .beamii-post-card__source{
  min-width:0 !important;
}

.app--home .beamii-home__post-card .beamii-post-card__badge{
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  min-height:23px !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 9px !important;
  border-radius:999px !important;
  background:#f0f4f7 !important;
  color:#38546d !important;
  font-size:.67rem !important;
  line-height:1 !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}

.app--home .beamii-home__post-card .beamii-post-card__badge i{
  color:var(--beamii-post-blue) !important;
  font-size:.69rem !important;
}

.app--home .beamii-home__post-card .beamii-post-card__meta{
  display:-webkit-box !important;
  margin:4px 0 0 !important;
  overflow:hidden !important;
  color:#6d8195 !important;
  font-size:.68rem !important;
  line-height:1.3 !important;
  font-weight:750 !important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.app--home .beamii-home__post-signals{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  min-height:25px !important;
  margin:0 !important;
}

.app--home .beamii-home__post-signal{
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  min-height:25px !important;
  margin:0 !important;
  padding:0 9px !important;
  border:1px solid transparent !important;
  border-radius:999px !important;
  font-size:.67rem !important;
  line-height:1 !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}

.app--home .beamii-home__post-signal i{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:1em !important;
  height:1em !important;
  font-size:.68rem !important;
  line-height:1 !important;
}

.app--home .beamii-home__post-signal--favorite{
  border-color:#f6d7e7 !important;
  background:var(--beamii-post-pink-soft) !important;
  color:var(--beamii-post-pink) !important;
}

.app--home .beamii-home__post-signal--local{
  border-color:#d4edf7 !important;
  background:var(--beamii-post-blue-soft) !important;
  color:#176b95 !important;
}

.app--home .beamii-home__post-card .beamii-post-card__title{
  margin:0 !important;
  color:#112f49 !important;
  font-size:1.02rem !important;
  line-height:1.2 !important;
  font-weight:950 !important;
  letter-spacing:-.015em !important;
}

.app--home .beamii-home__post-card .beamii-post-card__excerpt{
  display:-webkit-box !important;
  margin:0 !important;
  overflow:hidden !important;
  color:#556c81 !important;
  font-size:.78rem !important;
  line-height:1.5 !important;
  font-weight:450 !important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}

.app--home .beamii-home__post-card .beamii-post-card__media{
  display:block !important;
  width:100% !important;
  max-height:none !important;
  aspect-ratio:16 / 9 !important;
  margin:1px 0 0 !important;
  overflow:hidden !important;
  border:1px solid rgba(28,65,94,.075) !important;
  border-radius:17px !important;
  background:#eef4f7 !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35) !important;
  text-decoration:none !important;
}

.app--home .beamii-home__post-card .beamii-post-card__media img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  object-fit:cover !important;
  background:transparent !important;
}

.app--home .beamii-home__post-card .beamii-post-card__cta{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:flex-start !important;
  gap:8px !important;
  min-height:36px !important;
  margin-top:auto !important;
  padding:0 13px !important;
  border:1px solid #cde9f4 !important;
  border-radius:999px !important;
  background:#e9f7fc !important;
  color:#174d6d !important;
  box-shadow:none !important;
  font-size:.71rem !important;
  line-height:1 !important;
  font-weight:950 !important;
  text-decoration:none !important;
}

.app--home .beamii-home__post-card .beamii-post-card__cta i{
  color:#1f83b5 !important;
  font-size:.7rem !important;
}

.app--home .beamii-home__posts-empty{
  width:min(100%, 360px) !important;
  min-height:150px !important;
  margin:0 !important;
  border:1px dashed rgba(31,131,181,.24) !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.78) !important;
  box-shadow:0 8px 22px rgba(20,50,73,.055) !important;
}

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

.app--home .beamii-home__favorite-posts-more{
  min-height:38px !important;
  padding:0 15px !important;
  border:1px solid #cde9f4 !important;
  border-radius:999px !important;
  background:#e9f7fc !important;
  color:#174d6d !important;
  box-shadow:none !important;
}

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

  .app--home .beamii-home__post-card{
    padding:13px !important;
    border-radius:20px !important;
  }

  .app--home .beamii-home__posts-heading-icon{
    flex-basis:36px !important;
    width:36px !important;
    height:36px !important;
  }
}

@media (min-width:600px){
  .app--home .beamii-home__posts-list{
    grid-auto-columns:340px !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .app--home .beamii-home__post-card,
  .app--home .beamii-home__post-card *{
    scroll-behavior:auto !important;
    transition:none !important;
  }
}