/* ============================================================
   RESPONSIVE — Tablet (min-width: 768px) and (max-width: 991.98px)
   ============================================================ */

@media (min-width: 768px) and (max-width: 991.98px) {

    /* Breadcrumb: slightly smaller */
    .breadcrumb {
        font-size: 0.95rem;
    }

    /* --- Rotation table: horizontal scroll handled by .rotation-scroll --- */
    .rotation-content .simple-title-row,
    .rotation-content .rotation-table {
        min-width: 750px;
    }

    /* Reduce font size in rotation rows for tighter fit */
    .rotation-table {
        font-size: 0.85rem;
    }

    .rotation-table .player-avatar .avatar-box {
        height: 44px;
        width: 44px;
    }

    .rotation-table .player-avatar .nickname {
        font-size: 0.75rem;
    }

    /* --- Deal game sections --- */
    /* Cards section takes full width on tablet when combined with distribution */
    .deal-reloaded-game-box .play-reloaded-game-box {
        flex: 0 0 100%;
        max-width: 100%;
    }

    /* Remove right borders when sections stack */
    .game-bids-box {
        border-right: none;
    }

    /* Trick boxes: 4 per row instead of 5 */
    .trick-box .trick-box-el {
        flex: 1 1 calc(25% - 4px);
        max-width: calc(25% - 4px);
    }

    /* --- Chatroom --- */
    .reloaded-chatroom-box .chatroom .messages {
        height: 180px;
    }

    .tournament-chatroom-box .reloaded-chatroom-box .chatroom .messages {
        height: 400px;
    }

    /* Chatroom 2x2 grid: add bottom margin on first row */
    .reloaded-chatroom-box {
        margin-bottom: 0.5rem;
    }

    /* --- Events table --- */
    .events-box .table-scroll-container {
        max-height: 350px;
    }

    .tournament-events .table-scroll-container {
        max-height: 490px;
    }

    /* --- Pairs page: 2 per row via CSS grid --- */
    #bloc-not-seated-pairs,
    #bloc-registered-pairs {
        display: flex;
        flex-wrap: wrap;
    }

    #bloc-not-seated-pairs > .row,
    #bloc-registered-pairs > .row {
        flex: 0 0 50%;
        max-width: 50%;
    }

    /* --- Leaderboard buttons: smaller text --- */
    .leaderboard-btn {
        font-size: 0.85rem;
        padding-top: 18px;
    }

    /* --- Bridge compass: slightly smaller --- */
    .bridge-container .bridge-compass {
        width: 105px;
        height: 105px;
    }

    .bridge-container .bridge-compass .compass-grid {
        grid-template-columns: repeat(3, 30px);
        grid-template-rows: repeat(3, 30px);
    }

    .bridge-container .bridge-compass .compass-seat {
        width: 30px;
        height: 30px;
    }

    /* --- Call icon: slightly smaller on tablet --- */
    .call-icon-inactive,
    .call-icon-active {
        font-size: 2rem;
    }

    /* --- Ranking deal table --- */
    .ranking-deal-scroll {
        overflow-x: auto;
    }
}