/* Mobile Text Wrapping Fixes for dsn-word-wrapper */

/* Media query per dispositivi mobile e tablet (max-width: 991px) */
@media (max-width: 991px) {
    /* Permetti il wrapping del testo nei contenitori dsn-wrapper */
    [data-dsn-animate="animate"] .dsn-wrapper,
    .dsn-active[data-dsn-animate="animate"] .dsn-wrapper {
        display: inline !important;
        margin-right: 0 !important;
        white-space: normal !important;
    }
    
    /* Assicurati che i dsn-word-wrapper possano andare a capo */
    .dsn-word-wrapper {
        display: inline !important;
        white-space: normal !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        hyphens: auto !important;
    }
    
    /* Aggiungi spazio tra le parole */
    [data-dsn-animate="animate"] .dsn-wrapper:not(:last-child):after,
    .dsn-active[data-dsn-animate="animate"] .dsn-wrapper:not(:last-child):after {
        content: " ";
        white-space: pre;
    }
    
    /* Permetti il wrapping anche per i caratteri singoli se necessario */
    .dsn-chars-wrapper {
        display: inline !important;
        white-space: normal !important;
    }
    
    /* Assicurati che il contenitore padre permetta il wrapping */
    [data-dsn-animate="text"],
    [data-dsn-animate="animate"] {
        white-space: normal !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }
}

/* Media query per dispositivi molto piccoli (max-width: 480px) */
@media (max-width: 991px) {
    /* Regole più aggressive per schermi molto piccoli */
    .dsn-word-wrapper {
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
    }
    
    /* Riduci eventuali padding/margin che potrebbero causare overflow */
    [data-dsn-animate="animate"] .dsn-wrapper {
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* Animazioni più veloci per l'apparizione delle lettere */
.dsn-active[data-dsn-animate="animate"] .dsn-wrapper .dsn-word-wrapper {
    transition: transform 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
}

/* Riduzione dei delay per ogni parola - velocizzazione 50% */
.dsn-active[data-dsn-animate="animate"] .dsn-wrapper:nth-of-type(0) .dsn-word-wrapper {
    transition: opacity 0.15s cubic-bezier(0.68, -0.55, 0.265, 1.55) 100ms, visibility 0.15s 0ms, transform 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0ms !important;
}

.dsn-active[data-dsn-animate="animate"] .dsn-wrapper:nth-of-type(1) .dsn-word-wrapper {
    transition: opacity 0.15s cubic-bezier(0.68, -0.55, 0.265, 1.55) 118ms, visibility 0.15s 22ms, transform 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55) 18ms !important;
}

.dsn-active[data-dsn-animate="animate"] .dsn-wrapper:nth-of-type(2) .dsn-word-wrapper {
    transition: opacity 0.15s cubic-bezier(0.68, -0.55, 0.265, 1.55) 136ms, visibility 0.15s 45ms, transform 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55) 36ms !important;
}

.dsn-active[data-dsn-animate="animate"] .dsn-wrapper:nth-of-type(3) .dsn-word-wrapper {
    transition: opacity 0.15s cubic-bezier(0.68, -0.55, 0.265, 1.55) 154ms, visibility 0.15s 67ms, transform 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55) 54ms !important;
}

.dsn-active[data-dsn-animate="animate"] .dsn-wrapper:nth-of-type(4) .dsn-word-wrapper {
    transition: opacity 0.15s cubic-bezier(0.68, -0.55, 0.265, 1.55) 172ms, visibility 0.15s 90ms, transform 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55) 72ms !important;
}

.dsn-active[data-dsn-animate="animate"] .dsn-wrapper:nth-of-type(5) .dsn-word-wrapper {
    transition: opacity 0.15s cubic-bezier(0.68, -0.55, 0.265, 1.55) 190ms, visibility 0.15s 112ms, transform 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55) 90ms !important;
}

.dsn-active[data-dsn-animate="animate"] .dsn-wrapper:nth-of-type(6) .dsn-word-wrapper {
    transition: opacity 0.15s cubic-bezier(0.68, -0.55, 0.265, 1.55) 208ms, visibility 0.15s 135ms, transform 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55) 108ms !important;
}

.dsn-active[data-dsn-animate="animate"] .dsn-wrapper:nth-of-type(7) .dsn-word-wrapper {
    transition: opacity 0.15s cubic-bezier(0.68, -0.55, 0.265, 1.55) 226ms, visibility 0.15s 157ms, transform 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55) 126ms !important;
}

.dsn-active[data-dsn-animate="animate"] .dsn-wrapper:nth-of-type(8) .dsn-word-wrapper {
    transition: opacity 0.15s cubic-bezier(0.68, -0.55, 0.265, 1.55) 244ms, visibility 0.15s 180ms, transform 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55) 144ms !important;
}

.dsn-active[data-dsn-animate="animate"] .dsn-wrapper:nth-of-type(9) .dsn-word-wrapper {
    transition: opacity 0.15s cubic-bezier(0.68, -0.55, 0.265, 1.55) 262ms, visibility 0.15s 202ms, transform 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55) 162ms !important;
}

.dsn-active[data-dsn-animate="animate"] .dsn-wrapper:nth-of-type(10) .dsn-word-wrapper {
    transition: opacity 0.15s cubic-bezier(0.68, -0.55, 0.265, 1.55) 280ms, visibility 0.15s 225ms, transform 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55) 180ms !important;
}

.dsn-active[data-dsn-animate="animate"] .dsn-wrapper:nth-of-type(11) .dsn-word-wrapper {
    transition: opacity 0.15s cubic-bezier(0.68, -0.55, 0.265, 1.55) 298ms, visibility 0.15s 247ms, transform 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55) 198ms !important;
}

.dsn-active[data-dsn-animate="animate"] .dsn-wrapper:nth-of-type(12) .dsn-word-wrapper {
    transition: opacity 0.15s cubic-bezier(0.68, -0.55, 0.265, 1.55) 316ms, visibility 0.15s 270ms, transform 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55) 216ms !important;
}