/**
 * DDMP Theme - Starter Variation CSS
 *
 * Visual quente e acolhedor: fundo creme, cards dourados, bordas pretas.
 * Inspirado em landing pages com contraste amarelo/preto.
 */

:root {
  --starter-cream: #FEF3E2;
  --starter-cream-dark: #F5E6CC;
  --starter-gold: #F5C518;
  --starter-gold-dark: #D4A017;
  --starter-gold-hover: #C99A00;
  --starter-black: #1a1a1a;
  --starter-dark: #2d2d2d;
  --starter-text: #1a1a1a;
  --starter-text-muted: #5a5349;
  --starter-white: #ffffff;
  --starter-border: #1a1a1a;
  --starter-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  --starter-radius: 10px;
  --starter-radius-lg: 14px;
}

/* Base - fundo creme */
.ddmp-variation-starter body,
.ddmp-variation-starter .page {
  background-color: var(--starter-cream);
  color: var(--starter-text);
}

/* Typography - home e footer (h1 excluido: hero controla via admin) */
.ddmp-variation-starter .inner.home-starter h2,
.ddmp-variation-starter .inner.home-starter h3,
.ddmp-variation-starter .footer-starter h4 {
  color: var(--starter-black);
  font-weight: 800;
}

/* Links */
.ddmp-variation-starter .inner.home-starter a {
  color: var(--starter-black);
  transition: color 0.2s ease;
}

.ddmp-variation-starter .inner.home-starter a:hover {
  color: var(--starter-gold-dark);
  text-decoration: none;
}

/* Cards na home */
.ddmp-variation-starter .inner.home-starter .card {
  background: var(--starter-gold);
  border: 2px solid var(--starter-black);
  border-radius: var(--starter-radius-lg);
  transition: all 0.2s ease;
}

.ddmp-variation-starter .inner.home-starter .card:hover {
  transform: translateY(-4px);
  box-shadow: 6px 6px 0 var(--starter-black);
}

.ddmp-variation-starter .inner.home-starter .card:not(:first-child):before {
  display: none;
}

.ddmp-variation-starter .inner.home-starter .card-pic {
  border-radius: var(--starter-radius-lg) var(--starter-radius-lg) 0 0;
}

.ddmp-variation-starter .inner.home-starter .card-title {
  color: var(--starter-black);
  font-weight: 800;
}

.ddmp-variation-starter .inner.home-starter .card-text {
  color: var(--starter-text-muted);
}

/* Section Blog */
.ddmp-variation-starter .inner.home-starter .section-blog {
  background: var(--starter-cream);
}

.ddmp-variation-starter .inner.home-starter .section-title {
  color: var(--starter-black);
  font-weight: 800;
}

/* Pagination */
.ddmp-variation-starter .inner.home-starter .nav-links {
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}

.ddmp-variation-starter .inner.home-starter .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 12px;
  border-radius: 8px;
  font-weight: 700;
  color: var(--starter-black);
  background: var(--starter-white);
  border: 2px solid var(--starter-border);
  text-decoration: none;
  transition: all 0.2s ease;
}

.ddmp-variation-starter .inner.home-starter .page-numbers:hover,
.ddmp-variation-starter .inner.home-starter .page-numbers.current {
  background: var(--starter-gold);
  color: var(--starter-black);
  border-color: var(--starter-black);
}

/* Swiper */
.ddmp-variation-starter .swiper-pagination-bullet {
  background: var(--starter-border);
  opacity: 1;
}

.ddmp-variation-starter .swiper-pagination-bullet-active {
  background: var(--starter-gold);
}

.ddmp-variation-starter .swiper-button-prev,
.ddmp-variation-starter .swiper-button-next {
  color: var(--starter-black);
}

/* Related Posts */
.ddmp-variation-starter .inner.home-starter .section-more {
  background: var(--starter-cream-dark);
}

.ddmp-variation-starter .inner.home-starter .section-more .crp_related li {
  background: var(--starter-gold);
  border-radius: var(--starter-radius);
  border: 2px solid var(--starter-black);
  transition: all 0.2s ease;
}

.ddmp-variation-starter .inner.home-starter .section-more .crp_related li:hover {
  transform: translateY(-4px);
  box-shadow: 4px 4px 0 var(--starter-black);
}

.ddmp-variation-starter .inner.home-starter .section-more .crp_title {
  color: var(--starter-black);
  font-weight: 700;
}

.ddmp-variation-starter .inner.home-starter .section-more .crp_title:hover {
  color: var(--starter-gold-dark);
}

/* Selection */
.ddmp-variation-starter ::selection {
  background: var(--starter-gold);
  color: var(--starter-black);
}

/* Focus */
.ddmp-variation-starter *:focus-visible {
  outline: 3px solid var(--starter-gold);
  outline-offset: 2px;
}

/* Responsive */
@media (max-width: 768px) {
  .ddmp-variation-starter .inner.home-starter .card {
    margin-bottom: 20px;
  }
}

/* ---- Footer ---- */
.ddmp-variation-starter .footer-variation .footer-logo img {
  border-radius: 8px;
  border: 2px solid var(--footer-accent);
  padding: 4px;
  background: var(--footer-accent-15);
}

.ddmp-variation-starter .footer-variation .footer-column h4 {
  font-weight: 800;
  border-bottom: 2px solid var(--footer-accent-30);
}