/*
 Theme Name: Astra Child
 Template: astra
 Text Domain: astra-child
 Description: Child theme for Astra. Keeps custom templates safe from updates.
*/

.chips span{
  display:inline-block;margin:.15rem .35rem .15rem 0;
  padding:.15rem .5rem;border-radius:999px;
  background:#eef;border:1px solid #ccd;font-size:.85rem
}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}
.card{display:block;padding:1rem;border:1px solid #eee;border-radius:10px;text-decoration:none;color:inherit}

/* GCW basics */
.gcw-single .gcw-head { margin: 1rem 0 1.5rem; }
.gcw-cover img { width: 100%; height: auto; border-radius: 12px; }

.chips .chip,
.gcw-archive .chips-line a {
  display:inline-block; background:#1d2430; color:#cfe3ff; border:1px solid #2d3746;
  padding:.25rem .5rem; border-radius:999px; margin:.15rem .25rem 0 0; font-size:.85rem; text-decoration:none;
}

/* Grid cards */
.gcw-grid { display:grid; gap:1rem; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); }
.gcw-grid .card { background:#121417; border:1px solid #232a30; border-radius:12px; overflow:hidden; display:block; text-decoration:none; color:inherit; }
.gcw-grid .thumb img { width:100%; height:auto; display:block; aspect-ratio:16/9; object-fit:cover; }
.gcw-grid .meta { padding:12px 14px; }
.gcw-grid .meta h2 { font-size:1.05rem; margin:.2rem 0 .1rem; }
.gcw-filter { display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; margin:.75rem 0 1.25rem; }
.gcw-filter input, .gcw-filter select, .gcw-filter button { padding:.5rem .6rem; }

/* Infobox */
.gcw-infobox{
  float:right; width:min(320px, 100%); margin:0 0 1rem 1.25rem;
  background:#11161d; border:1px solid #253140; border-radius:12px; padding:12px;
}
.gcw-infobox .ibox-cover img{ width:100%; border-radius:8px; display:block; }
.gcw-infobox .ibox-title{ font-size:1rem; margin:.5rem 0 .25rem; }
.gcw-infobox dl{ margin:0; }
.gcw-infobox dt{ font-weight:600; color:#9ec3ff; margin-top:.4rem; }
.gcw-infobox dd{ margin:0; }
@media (max-width:900px){ .gcw-infobox{ float:none; margin:0 0 1rem 0; width:100%; } }

/* Chips look */
.single-game .chips a,
article.game .chips a {
  display: inline-block;
  padding: 4px 10px;
  margin: 4px 6px 0 0;
  border: 1px solid #2a3440;
  border-radius: 999px;
  text-decoration: none;
  font-size: 0.9rem;
  opacity: .95;
}
.single-game .chips a:hover,
article.game .chips a:hover { opacity: 1; }

/* TOC box */
.gcw-toc { 
  background:#0d1117; 
  border:1px solid #243041; 
  border-radius:10px; 
  padding:12px 14px; 
  margin:0 0 1rem; 
}
.gcw-toc .gcw-toc-title { font-weight:700; margin-bottom:.35rem; }
.gcw-toc ul { list-style: disc; padding-left: 1.25rem; }
.gcw-toc li.sub { margin-left: 1rem; list-style: circle; }