/**
 * Reassurances Widget Responsive Styles
 * Based on Figma design: node-id=477-80
 */

@media (max-width : 1250px) {
    .reassurances-container {
        justify-content : center;
    }
}

/* Tablet (max 1024px) */
@media (max-width : 1024px) {
    .reassurances-widget {
        padding : 18px 50px;
    }

    .reassurances-container {
        flex-wrap       : wrap;
        justify-content : center;
        gap             : 20px;
    }

    .reassurances-item {
        flex      : 1 1 calc(50% - 20px);
        min-width : 200px;
    }

    .reassurances-separator {
        display : none;
    }
}

/* Mobile (max 768px) */
@media (max-width : 768px) {
    .reassurances-widget {
        padding : 18px 20px;
    }

    .reassurances-container {
        flex-direction : column;
        gap            : 0;
    }

    .reassurances-item {
        justify-content : center;
        width           : 100%;
        padding         : 15px 10px;
    }

    .reassurances-text {
        text-align  : left;
        white-space : normal;
    }

    .reassurances-icon {
        width  : 40px;
        height : 40px;
    }

    /* Separator horizontal on mobile */
    .reassurances-separator {
        display : block;
        width   : 35px;
        height  : auto;
        padding : 10px 0;
    }

    .reassurances-separator-line {
        width            : 100%;
        height           : 1px;
        background-color : rgba(255, 255, 255, 0.3);
    }
}

/* Small Mobile (max 480px) */
@media (max-width : 480px) {
    .reassurances-widget {
        padding : 15px 15px;
    }

    .reassurances-text {
        font-size : 14px;
    }

    .reassurances-icon {
        width  : 32px;
        height : 32px;
    }

    .reassurances-item {
        gap     : 8px;
        padding : 12px 8px;
    }

    .reassurances-title {
        font-size : 18px;
    }
}