/**
 * banners.css — RevisaCursos (v3.5)
 * Banner de anúncio real (gerenciado em Banners) e o slot vazio que só quem
 * está logado enxerga.
 *
 * As regras base de .ad-banner (raio, altura, overflow, img cover) continuam
 * em hero.css — aqui só entra o que é novo.
 */

/* Banner real: a imagem é o anúncio. Nada de overlay escuro por cima — o que
   o anunciante pagou tem que aparecer. A única sobreposição é a etiqueta. */
.ad-banner--real {
  display: block;
  background: hsl(var(--secondary));
  transition: opacity 0.2s ease;
}

.ad-banner--real:hover { opacity: 0.94; }

.ad-banner--real img { display: block; }

/* A etiqueta "Publicidade". Pequena, mas legível — é ela que separa anúncio
   de conteúdo, para o leitor e para o CDC. Nunca escondê-la. */
.ad-banner__chip {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  padding: 0.15rem 0.5rem;
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #fff;
  background: hsl(var(--brand-dark) / 0.75);
  backdrop-filter: blur(4px);
  border-radius: 9999px;
}

/* Slot vazio — visível só para quem pode editar (ver inc/banners.php). */
.ad-banner--vazio {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.125rem;
  text-align: center;
  border: 1px dashed hsl(var(--border));
  background: hsl(var(--secondary));
  color: hsl(var(--muted-foreground));
  transition: border-color 0.15s ease, color 0.15s ease;
}

.ad-banner--vazio:hover {
  border-color: hsl(var(--primary));
  color: hsl(var(--primary));
}

.ad-banner--vazio .ad-banner__label {
  font-size: 0.625rem;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  opacity: 0.75;
}

.ad-banner--vazio .ad-banner__title {
  font-family: "Sora", sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.ad-banner--vazio .ad-banner__sub {
  font-size: 0.75rem;
  opacity: 0.8;
  padding: 0 1rem;
}

/* Na sidebar da review o container do tema adiciona padding lateral que aqui
   não faz sentido — o card já é a coluna inteira. */
.review-sidebar .ad-banner-wrap { padding: 0; }
.review-sidebar .ad-banner-wrap .container { padding: 0; max-width: none; }