/*
 * responsive-fix.css
 * Correctifs responsive pour combattreladepression.com
 * Ajouté Phase 10 - Mars 2026
 * Ne PAS modifier style.css
 */

/* Tables responsive : wrapper scrollable sur mobile */
table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
}

/* Figures responsive */
figure {
    margin: 20px 0;
    max-width: 100%;
}

figure img {
    width: 100%;
    height: auto;
    border-radius: 6px;
}

figcaption {
    font-size: 0.85em;
    color: #718096;
    margin-top: 8px;
    font-style: italic;
    text-align: center;
}

/* Blockquotes responsive */
blockquote {
    max-width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* Summary box responsive */
div[style*="border-left:4px solid #3b82f6"],
div[style*="border-left: 4px solid #3b82f6"] {
    max-width: 100%;
    box-sizing: border-box;
}

/* Emergency box (3114) responsive */
div[style*="background:#fff3cd"],
div[style*="background: #fff3cd"] {
    max-width: 100%;
    box-sizing: border-box;
}

@media only screen and (max-width: 768px) {
    /* Tables: ensure readability */
    table {
        font-size: 0.9em;
    }

    td, th {
        padding: 6px 8px !important;
        word-break: break-word;
    }

    /* Inline-styled boxes */
    div[style*="padding:20px"],
    div[style*="padding: 20px"],
    div[style*="padding:15px"],
    div[style*="padding: 15px"] {
        padding: 12px !important;
    }

    /* Images with inline width=800 */
    img[width="800"] {
        width: 100% !important;
        height: auto !important;
    }
}

@media only screen and (max-width: 480px) {
    /* Even smaller tables */
    table {
        font-size: 0.82em;
    }

    td, th {
        padding: 4px 6px !important;
    }

    /* Smaller summary/emergency boxes */
    div[style*="border-left:4px"],
    div[style*="border-left: 4px"] {
        border-left-width: 3px !important;
        padding: 10px !important;
    }

    /* Blockquotes */
    blockquote {
        margin: 10px 0 !important;
        padding: 8px 12px !important;
    }

    /* Figures */
    figure {
        margin: 15px 0;
    }

    figcaption {
        font-size: 0.8em;
    }
}