/*
 Theme Name: Cream Magazine Child
 Theme URI: https://tremdedados.com.br/
 Description: Tema filho do Cream Magazine
 Author: Daddo Moreira  Trem de Dados
 Template: cream-magazine
 Version: 1.0.0
*/

/* Importa o CSS do tema pai */
@import url("../cream-magazine/style.css");

/* === Trem de Dados — Destaques (grid/cards) === */
.trd-highlights { margin: 26px 0; }
.trd-highlights .trd-grid { display:grid; gap:18px; }
.trd-highlights .trd-grid[data-cols="1"]{ grid-template-columns: 1fr; }
.trd-highlights .trd-grid[data-cols="2"]{ grid-template-columns: repeat(2,1fr); }
.trd-highlights .trd-grid[data-cols="3"]{ grid-template-columns: repeat(3,1fr); }
.trd-highlights .trd-grid[data-cols="4"]{ grid-template-columns: repeat(4,1fr); }

.trd-card { background:#fff; border:1px solid #eee; border-radius:8px; overflow:hidden; display:flex; flex-direction:column; min-height:200px; }
.trd-card-link{ color:inherit; text-decoration:none; display:flex; flex-direction:column; height:100%; }
.trd-card-thumb { background-size:cover; background-position:center; width:100%; height:140px; }
.trd-card-body { padding:12px; flex:1; display:flex; flex-direction:column; justify-content:space-between; }
.trd-card-title { font-size:16px; margin:0 0 6px; font-weight:700; color:#0a2340; }
.trd-card-sub { font-size:13px; color:#666; }

.trd-highlights-cats .trd-cats-grid { display:grid; grid-template-columns: repeat(auto-fit,minmax(200px,1fr)); gap:18px; }
.trd-cat-card { border-radius:8px; overflow:hidden; border:1px solid #eee; background:#fff; }
.trd-cat-thumb { width:100%; height:120px; background-size:cover; background-position:center; }
.trd-cat-body { padding:10px; }
.trd-cat-title { margin:0; font-size:16px; font-weight:700; }
.trd-cat-count { font-size:13px; color:#666; margin-top:6px; }

/* responsivo */
@media (max-width:800px){
  .trd-highlights .trd-grid[data-cols="3"]{ grid-template-columns: repeat(2,1fr); }
  .trd-highlights .trd-grid[data-cols="2"]{ grid-template-columns: repeat(1,1fr); }
}

/* GRID geral */
.td-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 20px;
  margin: 40px 0;
}

/* CARD */
.td-card {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 3px 10px rgba(0,0,0,0.15);
  transition: transform .3s;
}
.td-card:hover {
  transform: scale(1.03);
}

/* Imagem */
.td-thumb {
  width: 100%;
  height: 150px;
  background-size: cover;
  background-position: center;
}

/* Título */
.td-title {
  font-size: 16px;
  text-align: center;
  padding: 10px;
  color: #222;
}

/* Categorias */
.td-cat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px,1fr));
  gap: 20px;
  margin: 30px 0;
}
.td-cat-item {
  padding: 15px;
  text-align: center;
  border: 2px solid #bbb;
  border-radius: 10px;
  background: white;
  transition: all .3s;
}
.td-cat-item:hover {
  border-color: black;
  transform: scale(1.05);
}
.td-cat-name {
  font-weight: bold;
}