/**
 * CS Repair — estrutura do rolo contínuo (todos os temas).
 * Não redefine cores/tipografia dos temas — só empilhamento e transição suave.
 */

body.cs-shell-public #content:has(.public-scroll-sec) {
  display: block;
  width: 100%;
}

body.cs-shell-public .public-scroll-sec {
  display: block;
  width: 100%;
  /* Mais ar entre secções → leitura contínua, menos «corte» */
  padding: clamp(36px, 5.5vw, 72px) 0;
  margin: 0;
  border: 0;
  scroll-margin-top: calc(var(--clean-header-h, var(--fut-nav-h, var(--cs-topbar-h, 64px))) + 8px);
}

/* Separador suave (gradiente) em vez de linha dura */
body.cs-shell-public .public-scroll-sec + .public-scroll-sec {
  border-top: none;
  position: relative;
}

body.cs-shell-public .public-scroll-sec + .public-scroll-sec::before {
  content: '';
  display: block;
  height: 1px;
  max-width: min(640px, 72%);
  margin: 0 auto clamp(20px, 3.5vw, 40px);
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(15, 43, 88, 0.14) 22%,
    rgba(15, 43, 88, 0.18) 50%,
    rgba(15, 43, 88, 0.14) 78%,
    transparent 100%
  );
  pointer-events: none;
}

body.cs-shell-public.public-tema-escuro .public-scroll-sec + .public-scroll-sec::before,
body.cs-shell-public.public-tema-futurista .public-scroll-sec + .public-scroll-sec::before {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.12) 22%,
    rgba(255, 255, 255, 0.18) 50%,
    rgba(255, 255, 255, 0.12) 78%,
    transparent 100%
  );
}

body.cs-shell-public .public-scroll-sec__body {
  width: 100%;
  min-height: 0;
}

body.cs-shell-public .public-scroll-sec__loading {
  margin: 0;
  opacity: 0.75;
  font-size: 0.95rem;
}

/* Enquanto o Blog carrega: reservar altura para não «desaparecer» no rolo */
body.cs-shell-public #public-sec-blog .public-scroll-sec__body--blog-loading,
body.cs-shell-public #public-sec-blog .public-scroll-sec__body:has(.blog-loading) {
  min-height: min(52vh, 520px);
}

body.cs-shell-public #public-sec-blog .blog-page {
  min-height: 12rem;
}