/* SEO PILOT — Analyse-Modul-Seiten mit seo/{sku}.json */

@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Inter:wght@300;400;500&display=swap");

.product-seo .gold-divider {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(216, 180, 101, 0.45), transparent);
}

.product-seo .font-cinzel {
  font-family: Cinzel, Georgia, serif;
}

.product-seo .font-inter {
  font-family: Inter, system-ui, sans-serif;
}

.product-seo-highlights,
.product-seo-related ul {
  list-style-type: disc;
}

.product-seo-highlights li,
.product-seo-related li {
  display: list-item;
}

.product-seo-highlights li::marker {
  color: rgba(216, 180, 101, 0.55);
}

.product-seo-faq details {
  transition: border-color 0.2s ease;
}

.product-seo-faq details[open] {
  border-color: rgba(216, 180, 101, 0.35);
}

.product-seo-faq summary {
  list-style: none;
}

.product-seo-faq summary::-webkit-details-marker {
  display: none;
}

.product-seo-faq summary::after {
  content: "+";
  float: right;
  color: rgba(216, 180, 101, 0.7);
  font-family: Cinzel, serif;
}

.product-seo-faq details[open] summary::after {
  content: "−";
}

.product-seo-related a {
  color: rgba(216, 180, 101, 0.85);
  text-decoration: none;
  border-bottom: 1px solid rgba(216, 180, 101, 0.25);
  transition: color 0.2s ease, border-color 0.2s ease;
}

.product-seo-related a:hover {
  color: #e8c878;
  border-color: rgba(216, 180, 101, 0.55);
}