/* =============================================
   ADSENSE.CSS — Espaços de publicidade
   JurisBrasil © 2026
   ============================================= */

/* ---- SLOT GENÉRICO ---- */
.ad-slot {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 20px auto;
}
.ad-slot-label {
  font-size: .68rem;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 4px;
  opacity: .7;
}

/* ---- BANNER TOPO (728x90 leaderboard) ---- */
.ad-leaderboard {
  max-width: 728px;
  height: 90px;
  background: var(--card-bg);
  border: 1px dashed var(--border);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: var(--text-muted);
  font-size: .8rem;
}
.ad-leaderboard i { font-size: 1.5rem; opacity: .4; }

/* ---- BANNER HORIZONTAL (320x50 mobile / 728x90 desktop) ---- */
.ad-horizontal {
  width: 100%;
  max-width: 728px;
  height: 90px;
  background: var(--card-bg);
  border: 1px dashed var(--border);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: var(--text-muted);
  font-size: .8rem;
}
@media(max-width:600px){
  .ad-horizontal { height: 50px; font-size: .72rem; }
}

/* ---- BANNER LATERAL (300x250 ou 160x600) ---- */
.ad-sidebar-rect {
  width: 300px;
  height: 250px;
  background: var(--card-bg);
  border: 1px dashed var(--border);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--text-muted);
  font-size: .8rem;
  text-align: center;
}
.ad-sidebar-rect i { font-size: 2rem; opacity: .4; }

/* ---- BANNER IN-CONTENT (336x280 ou responsivo) ---- */
.ad-in-content {
  width: 100%;
  max-width: 336px;
  height: 280px;
  background: var(--card-bg);
  border: 1px dashed var(--border);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--text-muted);
  font-size: .8rem;
  text-align: center;
  margin: 0 auto;
}
.ad-in-content i { font-size: 2rem; opacity: .4; }

/* ---- BANNER ENTRE RESULTADOS (native/in-feed) ---- */
.ad-infeed {
  grid-column: 1 / -1;
  width: 100%;
  background: var(--card-bg);
  border: 1px dashed var(--border);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: var(--text-muted);
  font-size: .8rem;
  padding: 20px;
  text-align: center;
}
.ad-infeed i { font-size: 1.5rem; opacity: .4; }

/* ---- BADGE "PATROCINADO" ---- */
.ad-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #fff8e1;
  border: 1px solid #ffe082;
  color: #f57f17;
  border-radius: 4px;
  font-size: .68rem;
  font-weight: 600;
  padding: 2px 6px;
  text-transform: uppercase;
  letter-spacing: .05em;
}
[data-theme="dark"] .ad-badge {
  background: #332900;
  border-color: #664d00;
  color: #ffd54f;
}

/* ---- FAIXA ANTES DO FOOTER ---- */
.ad-footer-banner {
  background: var(--card-bg);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  padding: 16px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: var(--text-muted);
  font-size: .8rem;
  margin-bottom: 0;
}
.ad-footer-banner i { font-size: 1.5rem; opacity: .4; }

/* ---- RESPONSIVO ---- */
@media(max-width:600px){
  .ad-sidebar-rect { width: 100%; max-width: 320px; height: 200px; }
  .ad-in-content   { max-width: 320px; height: 250px; }
}