/* W3SEO Tu Vi Sao Seed - Frontend styles
   Palette: white + gold (no background fills) */

:root{
  --w3tv-gold:#d4af37;
  --w3tv-gold-soft:rgba(212,175,55,.85);
  --w3tv-gold-line:rgba(212,175,55,.28);
  --w3tv-white:#ffffff;
  --w3tv-white-soft:rgba(255,255,255,.86);
}

/* Ensure readability on dark themes */
.w3tuvi-wrap,
.w3tuvi-wrap *{
  color:var(--w3tv-white);
}

.w3tuvi-wrap a{
  color:var(--w3tv-gold);
  text-decoration:none;
}
.w3tuvi-wrap a:hover{ text-decoration:underline; }

/* Optional: neutralize theme cards if they add heavy backgrounds */
.w3tuvi-wrap.tt-card,
.w3tuvi-wrap.w3tv-star.tt-card{
  background:transparent !important;
}

/* Lead text */
.w3tuvi-wrap .w3tv-lead{
  margin:6px 0 0;
  line-height:1.7;
  color:var(--w3tv-white-soft);
}

/* Headings */
.w3tuvi-wrap h2,
.w3tuvi-wrap h3{
  color:var(--w3tv-gold);
}
.w3tuvi-wrap h2{ margin-top:22px; }
.w3tuvi-wrap h3{ margin-top:16px; }

/* KV (Tính chất / Nhóm sao / Ngũ hành / Slug) */
.w3tv-kv{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:12px 0 8px;
}
.w3tv-kv > div{
  border:1px solid rgba(212,175,55,.35);
  border-radius:14px;
  padding:10px 12px;
}
.w3tv-kv span{
  display:block;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--w3tv-gold-soft);
}
.w3tv-kv b{
  display:block;
  margin-top:6px;
  font-weight:700;
  color:var(--w3tv-white);
}

/* Lists */
.w3tv-list{ padding-left:18px; }
.w3tv-list li{ margin:6px 0; line-height:1.65; }

/* Grid cards (12 cung / danh sách sao) */
.w3tv-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:12px;
}
.w3tv-card,
.w3tuvi-card{
  border:1px solid var(--w3tv-gold-line);
  border-radius:16px;
  padding:12px 14px;
}
.w3tv-card h3,
.w3tuvi-card h3{
  margin:0 0 6px;
  font-size:16px;
  color:var(--w3tv-gold);
}
.w3tv-card p,
.w3tuvi-card p{
  margin:0;
  color:var(--w3tv-white-soft);
  line-height:1.65;
}

/* Tags */
.w3tv-tags span{
  display:inline-block;
  border:1px solid rgba(212,175,55,.35);
  border-radius:999px;
  padding:6px 10px;
  margin:6px 6px 0 0;
  color:var(--w3tv-gold);
  font-size:13px;
}

/* FAQ blocks */
.w3tv-faq__it{
  border:1px solid rgba(212,175,55,.25);
  border-radius:16px;
  padding:12px 14px;
  margin:10px 0;
}
.w3tv-faq__it h3{
  margin:0 0 8px;
  font-size:16px;
  color:var(--w3tv-gold);
}

/* Hub search (if present) */
.w3tv-search input{
  width:100%;
  padding:12px 12px;
  border:1px solid rgba(212,175,55,.35);
  border-radius:12px;
  outline:0;
  background:transparent;
  color:var(--w3tv-white);
}
.w3tv-search input::placeholder{ color:rgba(255,255,255,.65); }
.w3tv-search input:focus{ border-color:rgba(212,175,55,.75); }

@media (max-width: 900px){
  .w3tv-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 640px){
  .w3tv-kv{ grid-template-columns:1fr; }
  .w3tv-grid{ grid-template-columns:1fr; }
}