/* PureSuite — Critical CSS (cleaned): perf-fixes only (light theme removed) */

/* perf-fixes.css
   Small, safe tweaks to reduce CLS and avoid layout jumps when overlays appear.
*/

html{
  /* Keep a stable gutter so content doesn't shift when scrollbars appear/disappear */
  scrollbar-gutter: stable both-edges;
  overflow-y: scroll; /* fallback for browsers without scrollbar-gutter */
}

/* Keep images responsive by default; more specific rules can override. */
img{
  max-width: 100%;
  height: auto;
}

/* When PureSuite modal is open, lock scroll without shifting layout */
body.ps-modal-open{
  overflow: hidden;
  padding-right: var(--ps-scrollbar-width, 0px);
}

/* Desktop: riserva spazio fisso per l'ad 728x90 (anti-CLS) */
@media (min-width: 901px){
  .brand-ad-slot{
    height: 90px;
    min-height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; /* evita micro espansioni */
  }

  /* assicura che il box dell'ad sia "block" */
  .brand-ad-slot ins.adsbygoogle{
    display: block;
  }
}

/* Anti-CLS: evita animazioni che spostano il layout al primo paint */
.container.animate-in{
  animation: fadeIn .22s ease both !important;
}
@keyframes fadeIn{
  from{opacity:0}
  to{opacity:1}
}