/* ========================================
   KissBooK Rencontres — Nouvelles fonctionnalites
   Journal, Amis, Mur, Appels Jitsi
   ======================================== */

/* Dos de couverture */
.kbg-cover-back {
    background: linear-gradient(135deg, #2d1b4e 0%, #4a1942 50%, #1a0a2e 100%) !important;
}

/* Modal Appel */
#kbr-call-modal {
    z-index: 1000000;
}

/* Boutons humeur (journal) */
.kbr-mood-btn:hover {
    border-color: #f59e0b !important;
    background: #fef3c7 !important;
    transform: scale(1.15);
}

/* Boutons profil viewer */
#kbr-viewer-friend-btn,
#kbr-viewer-call-video-btn,
#kbr-viewer-call-audio-btn {
    transition: background 0.2s, transform 0.1s;
    color: white;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 600;
}

#kbr-viewer-friend-btn:hover,
#kbr-viewer-call-video-btn:hover,
#kbr-viewer-call-audio-btn:hover {
    filter: brightness(1.12);
    transform: scale(1.04);
}

#kbr-viewer-friend-btn:disabled,
#kbr-viewer-call-video-btn:disabled,
#kbr-viewer-call-audio-btn:disabled {
    opacity: 0.55;
    cursor: not-allowed;
    transform: none;
}

/* Details/summary dans le viewer */
details summary::-webkit-details-marker {
    display: none;
}

details summary::marker {
    display: none;
}

details summary {
    list-style: none;
}

/* Scrollbars pour nouvelles pages */
#kbr-diary-entries::-webkit-scrollbar,
#kbr-friends-list::-webkit-scrollbar,
#kbr-friend-requests-list::-webkit-scrollbar,
#kbr-wall-my-posts::-webkit-scrollbar,
#kbr-viewer-wall::-webkit-scrollbar {
    width: 4px;
}

#kbr-diary-entries::-webkit-scrollbar-thumb,
#kbr-friends-list::-webkit-scrollbar-thumb,
#kbr-friend-requests-list::-webkit-scrollbar-thumb,
#kbr-wall-my-posts::-webkit-scrollbar-thumb,
#kbr-viewer-wall::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

/* ---- MOBILE ---- */
@media (max-width: 600px) {

    #kbr-diary-content,
    #kbr-wall-content {
        min-height: 80px !important;
        font-size: 0.8rem !important;
    }

    #kbr-wall-my-posts {
        max-height: 150px !important;
    }

    #kbr-friends-list,
    #kbr-friend-requests-list {
        max-height: 330px !important;
    }

    #kbr-diary-entries {
        max-height: 380px !important;
    }

    /* Call modal plein ecran sur mobile */
    #kbr-call-modal>div {
        width: 100vw !important;
        height: 100vh !important;
        border-radius: 0 !important;
        max-width: none !important;
    }

    /* Boutons profil compacts sur mobile */
    #kbr-viewer-friend-btn,
    #kbr-viewer-call-video-btn,
    #kbr-viewer-call-audio-btn {
        font-size: 0.7rem !important;
        padding: 5px 7px !important;
    }

    /* Parametres appels: labels plus compacts */
    .kbg-page.level-7 label {
        padding: 7px !important;
        font-size: 0.82rem !important;
    }
}