/* public_html/assets/css/dicas.css */

/* Reaproveita o “padrão Produtos” (grid/topbar/sidebar/head/pager) */
html, body { margin: 0 !important; padding: 0 !important; border: 0; }

.site-header { margin-top: 0 !important; top: 0 !important; }
.store { margin-top: 0 !important; background: #fff; padding-bottom: 70px; }

.container {
  width: min(1180px, calc(100% - 24px));
  margin: 0 auto;
}

/* TOP BAR */
.store-top { padding: 20px 0; border-bottom: 1px solid #eee; margin-bottom: 20px; }
.store-top__bar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px; }
.store-top__title { font-size: 24px; font-weight: 600; margin: 0; }

.store-top__search { display: flex; gap: 8px; width: min(400px, 100%); }
.store-input { flex: 1; height: 40px; padding: 0 12px; border: 1px solid #ddd; }
.store-search-btn { height: 40px; padding: 0 15px; background: #111; color: #fff; border: 0; cursor: pointer; }

/* GRID LAYOUT */
.store-grid { display: grid; grid-template-columns: 240px 1fr; gap: 30px; align-items: start; }

/* SIDEBAR */
.sidebar__title { font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 15px; color: #888; }
.cats { display: flex; flex-direction: column; gap: 10px; }
.cats__item { font-size: 15px; color: #444; text-decoration: none; transition: 0.2s; }
.cats__item:hover, .cats__item.is-active { color: #1ea4b5; font-weight: 600; }
.sidebar__clear { display: block; margin-top: 20px; font-size: 13px; color: #f44336; text-decoration: underline; }

/* CATALOG HEAD */
.catalog-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.catalog-meta { font-size: 13px; color: #777; margin: 0; }
.store-select { height: 35px; border: 1px solid #ddd; padding: 0 5px; }

/* ---------- DICAS (cards horizontais) ---------- */
.tips-cards{
  display: grid;
  gap: 16px;
}

.tcard{
  border: 1px solid #eee;
  background: #fff;
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 14px;
  padding: 12px;
  transition: transform 0.25s, box-shadow 0.25s;
}

.tcard:hover{
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.05);
}

.tcard__media{
  display:block;
  background:#f9f9f9;
  overflow:hidden;
  aspect-ratio: 16 / 9;
}

.tcard__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.tcard__body{
  min-width:0;
  display:grid;
  align-content:start;
  gap: 8px;
}

.tcard__meta{
  margin:0;
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  align-items:center;
  font-size: 12px;
  color: #777;
}

.tcard__tag{
  display:inline-flex;
  align-items:center;
  padding: 3px 10px;
  border-radius: 999px;
  background: rgba(30,164,181,0.12);
  color: #1ea4b5;
  font-weight: 700;
}

.tcard__date{ color:#999; }

.tcard__title{
  margin:0;
  font-size: 18px;
  line-height: 1.25;
}

.tcard__title a{
  color: inherit;
  text-decoration:none;
}

.tcard__title a:hover{ color: #1ea4b5; }

.tcard__excerpt{
  margin:0;
  color:#666;
  line-height:1.6;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* Estados */
.tips-state{
  padding: 28px;
  border: 1px solid #eee;
  background: #fff;
  text-align: center;
}
.tips-state--error{ border-color: rgba(191,46,46,.35); }

/* PAGINAÇÃO (mesma do produtos) */
.pager { display: flex; justify-content: center; gap: 8px; margin-top: 40px; }
.pager__a { width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; border: 1px solid #ddd; text-decoration: none; color: #333; }
.pager__a.is-active { background: #111; color: #fff; border-color: #111; }

/* RESPONSIVO */
@media (max-width: 850px) {
  .store-grid { grid-template-columns: 1fr; }
  .sidebar { border-bottom: 1px solid #eee; padding-bottom: 20px; }
}

@media (max-width: 740px){
  .tcard{ grid-template-columns: 1fr; }
}