/* =======================================================
   BODY
   ======================================================= */
html, body { max-width: 100%; overflow-x: hidden; }
*, *::before, *::after { box-sizing: border-box; }
html, body {
    overflow-x: hidden;
}
body{
    background-color: var(--color-secondary-950);
}
body:not(.has-smooth-scroll).disable-page-scroll {
    overflow-y: scroll;
    position: fixed;
    top: var(--scrollTop, 0);
}
.body-dashboard{
    background-color: var(--color-third-100);
}
.body-builder{
    background-color: var(--color-secondary-900);
    position: relative;
}
.primary-background{
    background-color: var(--color-primary-500);
}
.secondary-background{
    background-color: var(--color-secondary-950);
}
.third-background{
    background-color: var(--color-accent-1);
}
.fourth-background{
    background-color: var(--color-third);
}
.fifth-background{
    background-color: var(--color-gray-200);
}
.sixth-background{
    background-color: var(--da-decidere);
}
.background-ridal-blue {
    background: radial-gradient(circle at 50% -400%, rgba(19, 110, 245, 1) 0%, rgba(19, 110, 245, 0.6) 70%, rgba(19, 110, 245, 0) 84%);
}
.background-linear-gray{
    background: radial-gradient(
    circle at 50% -400%,
    rgba(19, 110, 245, 1) 0%,        /* blu vivo al centro */
    rgba(19, 110, 245, 0.55) 55%,    /* blu medio */
    rgba(19, 110, 245, 0.25) 75%,    /* blu-grigio più scuro */
    rgba(10, 20, 40, 0.9) 90%        /* tono blu-grigio scuro finale */
  );
}
.background-shadow{
    background: linear-gradient(270deg, #000 60%, #0000 100%);
}
.no-background{
    background-color:unset;
}

/* Larghezze */
.width-content {
    width: max-content;
}
.height-content{
    height: max-content;
}
.margin-auto{
    margin:auto;
}
.margin-0{
    margin:0px;
}

/* =======================================================
   SEZIONI RIUTILIZZABILI
   ======================================================= */
/* ===================================
   UTILITIES — Section Wrapper
   Gestione spazi verticali coerenti
   =================================== */

/* Prima sezione: extra spazio sopra per header sticky */
.section-wrapper-first {
  padding-top: calc(var(--space-32) + 90px);
  padding-bottom: var(--space-32);
  padding-inline: 0;
}

.section-wrapper {
  padding-block: var(--space-32);
  padding-inline: 0;
}

.section-wrapper-xs {
  padding-block: var(--space-3);
  padding-inline: 0;
}

.section-wrapper-sm {
  padding-block: var(--space-6);
  padding-inline: 0;
}

.section-wrapper-md {
  padding-block: var(--space-16);
  padding-inline: 0;
}

.section-wrapper-lg {
  padding-block: var(--space-40);
  padding-inline: 0;
}

.section-wrapper-xl {
  padding-block: var(--space-64);
  padding-inline: 0;
}
.cursor-pointer{
    cursor:pointer;
}
.no-cursor{
    cursor: not-allowed;
}
.white-space{
    white-space: nowrap;
}
/* =======================================================
   MOBILE
   ======================================================= */
   /* ✅ XL monitor (1536px e oltre) */
@media (min-width: 1536px) {
}
/* ✅ Desktop (1280px e oltre) */
@media (min-width: 1280px) {
}
/* ✅ Laptop (1024px - 1279px) */
@media (max-width: 1279px) {

}
/* ✅ Tablet (768px - 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
}
/* ✅ Mobile (fino a 767px) */
@media (max-width: 767px) {
}