/* ==========================================================================
   DEBAT-Z Kanzenshuu Skin — Responsive
   --------------------------------------------------------------------------
   Stratégie :
   - >= 980px : layout 4 colonnes Kanzenshuu (titre / sujets / messages / last)
   - 720-979px : on conserve la grille mais on rétrécit la dernière colonne
   - 540-719px : passage 2 colonnes (titre + last-post empilé)
   - < 540px  : pile complète, chaque ligne devient une carte
   ========================================================================== */


/* ----------------- TABLET LARGE ----------------- */
@media (max-width: 979px) {

    .kz-skin .bbp-forums-list > li.bbp-header,
    .kz-skin .bbp-forums > .bbp-header,
    .kz-skin .bbp-topics > .bbp-header,
    .kz-skin li.bbp-body,
    .kz-skin .bbp-forums > ul,
    .kz-skin .bbp-topics > ul {
        grid-template-columns: 1fr 60px 60px 230px;
    }

    .kz-skin .bbp-topic-freshness-link {
        max-width: 190px;
    }

    .kz-skin .bbp-replies > ul.reply,
    .kz-skin .bbp-lead-topic > ul.topic,
    .kz-skin div.reply,
    .kz-skin div.topic {
        grid-template-columns: 140px 1fr;
    }

    .kz-skin .bbp-reply-author .bbp-author-avatar img,
    .kz-skin .bbp-topic-author .bbp-author-avatar img {
        width: 70px;
        height: 70px;
    }
}


/* ----------------- TABLET / SMALL LAPTOP ----------------- */
@media (max-width: 719px) {

    .kz-skin .bbp-forums-list > li.bbp-header,
    .kz-skin .bbp-forums > .bbp-header,
    .kz-skin .bbp-topics > .bbp-header {
        grid-template-columns: 1fr 200px;
    }

    /* On masque les en-têtes "SUJETS" et "MESSAGES" sur petit écran */
    .kz-skin .bbp-header .bbp-forum-topic-count,
    .kz-skin .bbp-header .bbp-forum-reply-count,
    .kz-skin .bbp-header .bbp-topic-voice-count,
    .kz-skin .bbp-header .bbp-topic-reply-count {
        display: none;
    }

    .kz-skin li.bbp-body,
    .kz-skin .bbp-forums > ul,
    .kz-skin .bbp-topics > ul {
        grid-template-columns: 1fr 200px;
        row-gap: 4px;
        padding: 8px 0;
    }

    /* Compteurs : on les inline sous le titre */
    .kz-skin .bbp-forum-topic-count,
    .kz-skin .bbp-forum-reply-count,
    .kz-skin .bbp-topic-voice-count,
    .kz-skin .bbp-topic-reply-count {
        grid-column: 1;
        text-align: left;
        font-size: var(--kz-fs-tiny);
        color: var(--kz-text-dim);
        padding: 0 var(--kz-row-pad-x);
        margin-top: 2px;
    }

    .kz-skin .bbp-forum-topic-count::before {
        content: "Sujets : ";
    }
    .kz-skin .bbp-forum-reply-count::before {
        content: "Messages : ";
    }
    .kz-skin .bbp-topic-voice-count::before {
        content: "Participants : ";
    }
    .kz-skin .bbp-topic-reply-count::before {
        content: "Réponses : ";
    }
}


/* ----------------- MOBILE ----------------- */
@media (max-width: 539px) {

    .kz-skin .bbp-forums-list > li.bbp-header,
    .kz-skin .bbp-forums > .bbp-header,
    .kz-skin .bbp-topics > .bbp-header {
        grid-template-columns: 1fr;
        text-align: left;
    }

    .kz-skin .bbp-header .bbp-forum-info,
    .kz-skin .bbp-header .bbp-topic-title {
        font-size: var(--kz-fs-section);
    }

    .kz-skin .bbp-header .bbp-forum-freshness,
    .kz-skin .bbp-header .bbp-topic-freshness,
    .kz-skin .bbp-header .bbp-forum-topic-count,
    .kz-skin .bbp-header .bbp-forum-reply-count,
    .kz-skin .bbp-header .bbp-topic-voice-count,
    .kz-skin .bbp-header .bbp-topic-reply-count {
        display: none;
    }

    .kz-skin li.bbp-body,
    .kz-skin .bbp-forums > ul,
    .kz-skin .bbp-topics > ul {
        grid-template-columns: 1fr;
        padding: 10px 6px;
        gap: 4px;
    }

    .kz-skin .bbp-forum-info,
    .kz-skin .bbp-topic-title {
        padding-left: 44px;
    }

    .kz-skin .bbp-forum-info::before,
    .kz-skin .bbp-topic-title::before {
        left: 6px;
        width: 24px;
        height: 24px;
    }

    .kz-skin .bbp-forum-freshness,
    .kz-skin .bbp-topic-freshness {
        margin-top: 4px;
        padding-left: 44px;
        font-size: var(--kz-fs-tiny);
    }

    /* Vue post : on empile auteur au-dessus du contenu */
    .kz-skin .bbp-replies > ul.reply,
    .kz-skin .bbp-lead-topic > ul.topic,
    .kz-skin div.reply,
    .kz-skin div.topic {
        grid-template-columns: 1fr;
    }

    .kz-skin .bbp-reply-author,
    .kz-skin .bbp-topic-author {
        display: flex;
        align-items: center;
        gap: 10px;
        text-align: left;
        padding: 8px 12px;
        border-right: 0;
        border-bottom: 1px solid var(--kz-row-border);
    }

    .kz-skin .bbp-reply-author .bbp-author-avatar img,
    .kz-skin .bbp-topic-author .bbp-author-avatar img {
        width: 44px;
        height: 44px;
        margin: 0;
    }

    .kz-skin .bbp-reply-author .bbp-author-name,
    .kz-skin .bbp-topic-author .bbp-author-name {
        margin: 0;
    }

    .kz-skin .bbp-pagination {
        flex-direction: column;
        align-items: flex-start;
    }
}


/* ----------------- TRES PETIT MOBILE ----------------- */
@media (max-width: 359px) {

    .kz-skin {
        font-size: 11px;
    }

    .kz-skin .bbp-forum-title,
    .kz-skin .bbp-topic-permalink {
        font-size: 12px;
    }
}