/* =====================================================
   RUNLAA HOME PAGE
   page-specific only
===================================================== */

.home-page-local{
  position:relative;
}

.home-page-local .hero-wrap{
  position:relative;
}

.home-page-local .hero-card{
  overflow:hidden;
}

.home-page-local .home-topic-grid{
  --bs-gutter-x: 1rem;
  --bs-gutter-y: 1rem;
}

.home-page-local .topic-card-home{
  padding:1.2rem 1rem;
  border-radius:22px;
  text-decoration:none;
}

.home-page-local .topic-icon-home{
  width:64px;
  height:64px;
  min-width:64px;
  min-height:64px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
}

.home-page-local .topic-title-home{
  color:var(--text);
}

.home-page-local .topic-count-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.42rem .8rem;
  border-radius:999px;
  background:var(--panel2);
  color:var(--text);
  font-weight:700;
  font-size:.86rem;
}

.home-page-local .topic-card-more{
  border-style:dashed;
}

@media (max-width: 767.98px){
  .home-page-local .topic-card-home{
    border-radius:18px;
    padding:1rem .85rem;
  }

  .home-page-local .topic-icon-home{
    width:56px;
    height:56px;
    min-width:56px;
    min-height:56px;
    border-radius:16px;
  }
}
/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */


    .hero-wrap{padding:72px 0 28px}
/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */



/* home topic grid */
.col-xl-topic-5{
  width:20%;
}

.topic-card-home{
  padding:20px 16px 18px;
  border-radius:22px;
  justify-content:center;
}

.topic-icon-home{
  width:58px;
  height:58px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg, color-mix(in srgb, var(--panel2) 80%, white 20%), var(--panel2));
  box-shadow:0 10px 24px rgba(0,0,0,.08);
}

.topic-icon-home i{
  font-size:1.25rem;
}

.topic-title-home{
  line-height:1.35;
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.topic-count-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:6px 12px;
  border-radius:999px;
  background:var(--panel2);
  
  color:var(--text);
  font-size:.82rem;
  font-weight:800;
}

.topic-card-more .topic-count-badge{
  color:var(--brand3);
}

.home-topic-grid{
  max-width:1320px;
  margin-inline:auto;
}


/* RUNLAA topic icon gradient */
.topic-icon-home i{
  font-size:1.25rem;
  background:linear-gradient(135deg,#ff9a00,#ff6a00,#ff3c00);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
}
/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */

/* moved to posts-page.css */


/* ===== moved from app.css: home safe group ===== */

/* moved to home-page.css */

    .hero-card,.glass-card{background:linear-gradient(180deg, rgba(255,255,255,.5), rgba(255,255,255,.32));border-radius:var(--radius);box-shadow:var(--shadow)}

    html[data-theme="dark-orange"] .hero-card, html[data-theme="dark-orange"] .glass-card{background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01))}

    .hero-card{padding:30px}

    .chip{display:inline-flex;align-items:center;gap:8px;padding:.45rem .9rem;border-radius:999px;background:var(--chip);color:var(--text);font-size:.95rem}

    .grad-text{background:linear-gradient(135deg,var(--brand1),var(--brand2),var(--brand3));-webkit-background-clip:text;background-clip:text;color:transparent}
/* moved to posts-page.css */

/* =====================================================
   RUNLAA HOME PAGE - BASE CARD SURFACE FIX
   scoped to home only (safe)
===================================================== */

.home-page-local .stat-card,
.home-page-local .side-card,
.home-page-local .topic-card-home,
.home-page-local .social-card{
  background:var(--panel);
  border:1px solid var(--line);
  box-shadow:var(--shadow-soft);
}

.home-page-local .stat-card,
.home-page-local .side-card,
.home-page-local .topic-card-home{
  border-radius:22px;
}

.home-page-local .stat-card{
  padding:22px;
}

.home-page-local .side-card{
  padding:20px;
  height:auto;
}

.home-page-local .social-card{
  border-radius:18px;
}


/* =====================================================
   RUNLAA HOME PAGE - MASONRY FEED
===================================================== */

.home-page-local .home-feed-masonry{
  column-count:2;
  column-gap:1rem;
}

.home-page-local .home-feed-masonry > *{
  break-inside:avoid;
  margin-bottom:1rem;
}

/* tablet */
@media (max-width: 991.98px){
  .home-page-local .home-feed-masonry{
    column-count:2;
  }
}

/* mobile */
@media (max-width: 575.98px){
  .home-page-local .home-feed-masonry{
    column-count:1;
  }
}


/* =====================================================
   RUNLAA HOME PAGE - POST MASONRY
   safe scope: home only
===================================================== */

.home-page-local .home-feed-masonry{
  column-count:2;
  column-gap:1rem;
}

.home-page-local .home-feed-masonry > .home-feed-item{
  break-inside:avoid;
  -webkit-column-break-inside:avoid;
  page-break-inside:avoid;
  display:block;
  width:100%;
  margin:0 0 1rem;
}

.home-page-local .home-feed-masonry > .home-feed-item > *{
  margin-bottom:0 !important;
}

@media (max-width: 575.98px){
  .home-page-local .home-feed-masonry{
    column-count:1;
  }
}