/*
 Theme Name: CoverNews Child (Fightstate)
 Template: covernews
 Description: Curated homepage with slot categories and no-duplicate fallback.
 Version: 1.0
*/

/* ===== Fightstate curated home ===== */
#fs-home {
  max-width: 1180px;
  margin: 0 auto;
  padding: 24px 16px 40px;
}
.fs-sec { margin-bottom: 40px; }
.fs-sec-title {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 14px;
  padding-bottom: 8px;
  border-bottom: 2px solid #e41d24; /* Fightstate red accent */
  text-transform: uppercase;
  letter-spacing: .02em;
}

.fs-grid { display: grid; gap: 16px; }

/* Section grids */
.fs-main     .fs-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
.fs-picks    .fs-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
.fs-trending .fs-grid { grid-template-columns: repeat(5, minmax(0,1fr)); }
.fs-featured .fs-grid { grid-template-columns: repeat(5, minmax(0,1fr)); }
.fs-missed   .fs-grid { grid-template-columns: repeat(5, minmax(0,1fr)); }

/* Responsive steps */
@media (max-width: 1200px) {
  .fs-trending .fs-grid,
  .fs-featured .fs-grid,
  .fs-missed   .fs-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
}
@media (max-width: 1024px) {
  .fs-main     .fs-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .fs-picks    .fs-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .fs-trending .fs-grid,
  .fs-featured .fs-grid,
  .fs-missed   .fs-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 768px) {
  .fs-main     .fs-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .fs-picks    .fs-grid { grid-template-columns: 1fr; }
  .fs-trending .fs-grid,
  .fs-featured .fs-grid,
  .fs-missed   .fs-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 520px) {
  .fs-main     .fs-grid,
  .fs-trending .fs-grid,
  .fs-featured .fs-grid,
  .fs-missed   .fs-grid { grid-template-columns: 1fr; }
}

/* Cards */
.fs-card {
  background: #fff;
  border: 1px solid #eeeeee;
  transition: box-shadow .15s ease, transform .05s ease;
}
.fs-card a { text-decoration: none; }
.fs-card .thumb { display:block; background:#f6f6f6; }
.fs-card .thumb img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
}
.fs-card .title {
  font-size: 15px;
  line-height: 1.35;
  font-weight: 700;
  color: #222;
  padding: 10px 12px 12px;
}
.fs-card:hover { box-shadow: 0 6px 18px rgba(0,0,0,.08); transform: translateY(-1px); }

/* Tighten spacing under the main header bar if needed */
body.home #fs-home { margin-top: 6px; }

/* ====== Fightstate – original homepage bands ====== */
#fs-home.fs-wrap { max-width:1180px; margin:0 auto; padding:20px 16px 40px; }
.fs-band { margin-bottom:32px; }

/* section titles */
.fs-sec-title {
  margin:0 0 12px;
  padding-bottom:6px;
  border-bottom:2px solid #e41d24; /* Fightstate accent */
  font-weight:700;
  font-size:16px;
  text-transform:uppercase;
  letter-spacing:.02em;
}

/* ---------- Top band 3-lane layout ---------- */
.fs-hero-grid {
  display:grid;
  grid-template-columns: 2fr 1fr 1fr; /* big left, two-columns of picks, right sidebar list */
  gap:16px;
}

/* Hero left big card */
.fs-hero-card .thumb img { height: 340px; width:100%; object-fit:cover; }

/* Picks (stacked) */
.fs-hero-mid .fs-card + .fs-card { margin-top:16px; }

/* Trending list */
.fs-hero-right .fs-trend-list { display:flex; flex-direction:column; gap:10px; }
.fs-list-item { display:grid; grid-template-columns: 72px 1fr; gap:10px; align-items:center; }
.fs-list-item .li-thumb img { width:72px; height:72px; object-fit:cover; display:block; }
.fs-list-item .li-title { margin:0; font-size:14px; line-height:1.3; font-weight:700; }

/* ---------- Grids below ---------- */
.fs-grid { display:grid; gap:16px; }
.fs-grid-5 { grid-template-columns: repeat(5, minmax(0,1fr)); }

/* Generic cards */
.fs-card { background:#fff; border:1px solid #eee; }
.fs-card .thumb img { width:100%; height: 180px; object-fit:cover; display:block; }
.fs-card .title { margin:0; padding:10px 12px 12px; font-weight:700; font-size:15px; line-height:1.35; }
.fs-ph { background:#f2f2f2; width:100%; height:180px; }
.fs-ph.fs-ph-sm { height:72px; }

/* ---------- Responsive ---------- */
@media (max-width: 1024px){
  .fs-hero-grid { grid-template-columns: 1.6fr 1fr 1fr; }
  .fs-grid-5    { grid-template-columns: repeat(4, minmax(0,1fr)); }
}
@media (max-width: 820px){
  .fs-hero-grid { grid-template-columns: 1fr; }
  .fs-hero-mid .fs-card + .fs-card { margin-top:12px; }
  .fs-grid-5 { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 560px){
  .fs-grid-5 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .fs-list-item { grid-template-columns: 64px 1fr; }
  .fs-card .thumb img { height: 160px; }
}

/* Ensure our grids always apply (even through caches/minifiers) */
#fs-home .fs-hero-grid{display:grid !important;}
#fs-home .fs-grid{display:grid !important;}
#fs-home .fs-card .thumb img{display:block;}