/* ============================================================
   ZISTO THEME — pages.css
   Stiluri pentru paginile generate de zisto-bridge:
   produs, compare, categorie, merchant, brand, query
   ============================================================ */

/* ── Container general pagini Zisto ── */
.zisto-main {
  padding-top: 32px;
}

.zisto-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px 60px;
}

/* ── Hero pagina (categorie, merchant, brand) ── */
.z-page-hero {
  background: var(--z-grad-hero);
  color: #fff;
  padding: 36px 0;
  margin-bottom: 32px;
}
.z-page-hero h1 {
  color: #fff;
  font-size: clamp(1.4rem, 3.5vw, 2rem);
  margin-bottom: 8px;
}
.z-page-hero p { color: rgba(255,255,255,.8); font-size: .9rem; }

/* ── PRODUS ── */
.zisto-product__header {
  margin-bottom: 20px;
}

.zisto-product__h1 {
  font-size: clamp(1.3rem, 3vw, 1.9rem);
  font-weight: 800;
  margin-bottom: 10px;
}

.zisto-product__badges {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.zisto-product__offer {
  background: var(--z-bg-white);
  border: 2px solid var(--z-border);
  border-radius: var(--z-radius);
  padding: 20px;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.zisto-product__price {
  font-size: 1.8rem;
  font-weight: 800;
  color: var(--z-primary);
}

/* Butoane produs */
.zisto-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 11px 22px;
  border-radius: var(--z-radius-pill);
  font-weight: 700;
  font-size: .9rem;
  transition: all var(--z-dur) var(--z-ease);
  white-space: nowrap;
}
.zisto-btn:hover { transform: translateY(-1px); }

.zisto-btn--primary {
  background: var(--z-primary);
  color: #fff;
  box-shadow: 0 4px 16px rgba(108,92,231,.3);
}
.zisto-btn--primary:hover { background: var(--z-primary-dark); color: #fff; }

.zisto-btn--compare {
  background: var(--z-bg);
  color: var(--z-primary);
  border: 2px solid var(--z-border);
}
.zisto-btn--compare:hover { border-color: var(--z-primary-light); }

.zisto-btn--secondary {
  background: var(--z-bg);
  color: var(--z-text);
  border: 1px solid var(--z-border);
  font-size: .82rem;
  padding: 8px 16px;
}
.zisto-btn--secondary:hover { border-color: var(--z-primary-light); color: var(--z-primary); }

/* Content editorial */
.zisto-product__content {
  margin-bottom: 32px;
  font-size: .95rem;
  line-height: 1.75;
  color: var(--z-text);
}
.zisto-product__content h2 {
  font-size: 1.15rem;
  margin: 28px 0 10px;
}
.zisto-product__content p { margin-bottom: 12px; }

/* Verdict */
.zisto-product__verdict {
  background: linear-gradient(135deg, #f3f0ff 0%, #fff 100%);
  border-left: 4px solid var(--z-primary);
  border-radius: 0 var(--z-radius) var(--z-radius) 0;
  padding: 20px;
  margin-bottom: 32px;
}
.zisto-product__verdict h2 {
  color: var(--z-primary);
  font-size: 1rem;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

/* Produse similare */
.zisto-product__similar h2 {
  margin-bottom: 16px;
  font-size: 1.1rem;
}

/* ── COMPARE ── */
.zisto-compare__table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 24px;
}
.zisto-compare__table th,
.zisto-compare__table td {
  padding: 12px 16px;
  text-align: left;
  border-bottom: 1px solid var(--z-border);
  font-size: .9rem;
}
.zisto-compare__table th {
  background: var(--z-bg);
  font-weight: 700;
  font-size: .8rem;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--z-text-muted);
}
.zisto-compare__table tr:hover td { background: var(--z-bg); }
.zisto-compare__best-offer { color: var(--z-primary); font-weight: 800; }

/* ── CATEGORIE / TAXONOMY ── */
.zisto-taxonomy__header {
  margin-bottom: 28px;
}
.zisto-taxonomy__count {
  font-size: .85rem;
  color: var(--z-text-muted);
  margin-top: 6px;
}

/* ── QUERY PAGES ── */
.zisto-query__results { margin-bottom: 32px; }
.zisto-query__intent-tip {
  background: var(--z-border-light);
  border-radius: var(--z-radius-sm);
  padding: 12px 16px;
  font-size: .88rem;
  color: var(--z-text-muted);
  margin-bottom: 20px;
}

/* ── 404 ZISTO ── */
.zisto-404 {
  text-align: center;
  padding: 80px 20px;
}
.zisto-404 p {
  font-size: 1.05rem;
  color: var(--z-text-muted);
  margin-bottom: 16px;
}

/* ── RESPONSIVE ── */
@media (max-width: 640px) {
  .zisto-product__offer { flex-direction: column; align-items: flex-start; }
  .zisto-compare__table { font-size: .82rem; }
  .zisto-compare__table th, .zisto-compare__table td { padding: 9px 10px; }
}