/*
 Theme Name: blocksy-child
 Theme URI: https://chatroomz.be
 Description: Child theme for Blocksy
 Author: David
 Template: blocksy
 Version: 1.0
*/

/*Better messages avatar*/
.bp-messages-wrap img.avatar[src*="bp-better-messages-websocket/assets/images/avatar.png"] {
    content: url('/wp-content/themes/blocksy-child/images/avatar.png');
}






/* CHATROOMZ chat bubbles

/* Andere gebruikers – jouw gekozen paars (#b88cff) */
.bm-message:not(.my) .bm-message-content {
    background: linear-gradient(
        135deg,
        rgba(184, 140, 255, 0.45),   /* #b88cff */
        rgba(160, 110, 255, 0.35)
    ) !important;
    color: #fff7ff !important;
    border-radius: 16px !important;
    padding: 12px 16px !important;
    border: 1px solid rgba(210, 180, 255, 0.55) !important;
    box-shadow: 0 0 16px rgba(184, 140, 255, 0.55) !important;
    backdrop-filter: blur(8px);
}

/* Jouw berichten – jouw gekozen lime (#b3ff1a) */
.bm-message.my .bm-message-content {
    background: linear-gradient(
        135deg,
        rgba(179, 255, 26, 0.55),   /* #b3ff1a */
        rgba(160, 255, 40, 0.40)
    ) !important;
    color: #243300 !important; /* warm donkergroen voor perfect contrast */
    border-radius: 16px !important;
    padding: 12px 16px !important;
    border: 1px solid rgba(200, 255, 80, 0.65) !important;
    box-shadow: 0 0 18px rgba(200, 255, 80, 0.65) !important;
    backdrop-filter: blur(8px);
}

/* Extra spacing */
.bm-message {
    margin-bottom: 10px !important;
}

/* Container van de GIF / thumbnail */
.bm-message .bpbm-gif {
    border-radius: 16px !important;   /* zelfde ronding als je bubbles */
    overflow: hidden !important;
}

/* De afbeelding binnenin */
.bm-message .bpbm-gif img {
    border-radius: 16px !important;
    display: block !important;
}

/* Play‑overlay (het driehoek‑icoon) */
.bm-message .bpbm-gif-play {
    border-radius: 16px !important;
    overflow: hidden !important;
}






/* Witte tekst met strakke paarse neon-outline */
.retro-button,
.ct-button {
    color: #ffffff !important; /* witte letters */
    font-weight: 900;

    /* Strakke neon-outline */
    text-shadow:
        0 0 2px #b300ff,
        0 0 4px #b300ff,
        0 0 6px #b300ff,
        0 0 10px #b300ff,
        0 0 15px #b300ff;

    background: transparent !important;
    border: none !important;
}
.bm-bubble-button svg {
    color: #ffffff !important;
    fill: currentColor !important;

    filter:
        drop-shadow(0 0 1px #b300ff)
        drop-shadow(0 0 2px #b300ff)
        drop-shadow(0 0 3px #b300ff)
        drop-shadow(0 0 5px #b300ff)
        drop-shadow(0 0 8px #b300ff);
}