/* FoutFM Toolbar v1.1.1 */
:root{
    --fftb-right-desktop:25px;
    --fftb-bottom-desktop:90px;
    --fftb-right-mobile:12px;
    --fftb-bottom-mobile:70px;
}
.foutfm-toolbar{
    position:fixed !important;
    right:var(--fftb-right-desktop) !important;
    bottom:var(--fftb-bottom-desktop) !important;
    display:flex !important;
    flex-direction:column !important;
    gap:15px !important;
    z-index:99999 !important;
    margin:0 !important;
    padding:0 !important;
}
.foutfm-toolbar .foutfm-toolbar-button{
    width:52px !important;
    height:52px !important;
    flex:0 0 52px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:50% !important;
    background:rgba(87,21,72,.92) !important;
    color:#fff !important;
    text-decoration:none !important;
    line-height:1 !important;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    box-shadow:0 4px 15px rgba(0,0,0,.30) !important;
    cursor:pointer !important;
    transition:transform .25s ease,background .25s ease,box-shadow .25s ease !important;
}
.foutfm-toolbar .foutfm-toolbar-button:hover,
.foutfm-toolbar .foutfm-toolbar-button:focus-visible{
    transform:scale(1.15);
    background:#a72b8b !important;
    box-shadow:0 7px 20px rgba(0,0,0,.35),0 0 18px rgba(167,43,139,.40) !important;
    outline:none;
}
.foutfm-toolbar .foutfm-toolbar-button svg{
    width:24px !important;
    height:24px !important;
    display:block !important;
    fill:currentColor !important;
    color:#fff !important;
    pointer-events:none;
}
.foutfm-toolbar-overlay[hidden]{display:none !important}
.foutfm-toolbar-overlay{
    position:fixed;
    inset:0;
    z-index:1000000;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
}
.foutfm-toolbar-backdrop{
    position:absolute;
    inset:0;
    background:rgba(25,5,22,.82);
    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);
}
.foutfm-toolbar-dialog{
    position:relative;
    z-index:2;
    width:min(620px,100%);
    padding:38px;
    box-sizing:border-box;
    color:#fff;
    text-align:center;
    border:1px solid rgba(255,255,255,.20);
    border-radius:24px;
    background:
        radial-gradient(circle at top right,rgba(167,43,139,.75),transparent 45%),
        linear-gradient(145deg,#571548,#25091f);
    box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 35px rgba(167,43,139,.35);
}
.foutfm-toolbar-close{
    position:absolute;
    top:12px;
    right:16px;
    width:42px;
    height:42px;
    padding:0;
    border:0;
    border-radius:50%;
    background:rgba(255,255,255,.10);
    color:#fff;
    font-size:34px;
    line-height:38px;
    cursor:pointer;
}
.foutfm-toolbar-close:hover{background:rgba(255,255,255,.20)}
.foutfm-toolbar-kicker{
    display:inline-block;
    margin-bottom:8px;
    font-size:13px;
    font-weight:900;
    letter-spacing:2px;
}
.foutfm-toolbar-dialog h2{
    margin:0 0 10px !important;
    color:#fff !important;
    font-size:clamp(27px,5vw,40px) !important;
    font-weight:900 !important;
    line-height:1.08 !important;
}
.foutfm-toolbar-dialog > p{
    max-width:500px;
    margin:0 auto 24px !important;
    color:rgba(255,255,255,.84);
    font-size:16px;
    line-height:1.55;
}
.foutfm-toolbar-search-form{
    display:flex;
    gap:8px;
    padding:7px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:15px;
    background:rgba(255,255,255,.08);
}
.foutfm-toolbar-search-form input{
    width:100%;
    min-width:0;
    height:50px;
    padding:0 15px;
    border:0;
    border-radius:11px;
    background:#fff;
    color:#24101f;
    font-size:16px;
    outline:none;
}
.foutfm-toolbar-search-form button{
    min-width:120px;
    padding:0 22px;
    border:0;
    border-radius:11px;
    background:linear-gradient(135deg,#a72b8b,#571548);
    color:#fff;
    font-size:16px;
    font-weight:800;
    cursor:pointer;
}
.foutfm-toolbar-suggestions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-top:18px;
}
.foutfm-toolbar-suggestions span{color:rgba(255,255,255,.70);font-size:14px}
.foutfm-toolbar-suggestions button{
    padding:7px 12px;
    border:1px solid rgba(255,255,255,.28);
    border-radius:999px;
    background:rgba(255,255,255,.10);
    color:#fff;
    font-size:13px;
    font-weight:700;
    cursor:pointer;
}
.foutfm-toolbar-suggestions button:hover{background:rgba(255,255,255,.22)}
.foutfm-toolbar-share-preview{
    margin:0 0 18px;
    padding:16px;
    text-align:left;
    border-radius:16px;
    background:rgba(255,255,255,.09);
    border:1px solid rgba(255,255,255,.15);
}
.foutfm-toolbar-share-preview span,
.foutfm-toolbar-share-preview small{
    display:block;
    color:rgba(255,255,255,.72);
}
.foutfm-toolbar-share-preview strong{
    display:block;
    margin:4px 0;
    font-size:18px;
}
.foutfm-toolbar-share-actions{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
}
.foutfm-toolbar-share-action{
    min-height:82px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:12px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:16px;
    background:rgba(255,255,255,.08);
    color:#fff !important;
    text-decoration:none !important;
    cursor:pointer;
    font:inherit;
}
.foutfm-toolbar-share-action:hover{background:rgba(255,255,255,.16)}
.foutfm-toolbar-share-action b{font-size:24px}
.foutfm-toolbar-native-share{
    margin-top:12px;
    width:100%;
    min-height:46px;
    border:0;
    border-radius:13px;
    background:#a72b8b;
    color:#fff;
    font-weight:800;
    cursor:pointer;
}
.foutfm-toolbar-inline-share{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:13px 19px;
    border:0;
    border-radius:999px;
    background:linear-gradient(135deg,#a72b8b,#571548);
    color:#fff;
    font-weight:800;
    cursor:pointer;
    box-shadow:0 7px 20px rgba(87,21,72,.22);
}
.foutfm-toolbar-inline-share--compact{padding:9px 14px;font-size:14px}
body.foutfm-toolbar-modal-open{overflow:hidden}

@media (max-width:768px){
    .foutfm-toolbar{
        right:var(--fftb-right-mobile) !important;
        bottom:var(--fftb-bottom-mobile) !important;
        gap:12px !important;
    }
    .foutfm-toolbar .foutfm-toolbar-button{
        width:46px !important;
        height:46px !important;
        flex-basis:46px !important;
    }
    .foutfm-toolbar .foutfm-toolbar-button svg{
        width:21px !important;
        height:21px !important;
    }
    .foutfm-toolbar-overlay{padding:12px}
    .foutfm-toolbar-dialog{padding:42px 18px 26px;border-radius:20px}
    .foutfm-toolbar-search-form{display:block}
    .foutfm-toolbar-search-form input{height:50px;text-align:center}
    .foutfm-toolbar-search-form button{width:100%;height:48px;margin-top:7px}
    .foutfm-toolbar-suggestions span{width:100%}
    .foutfm-toolbar-share-actions{grid-template-columns:1fr}
    .foutfm-toolbar-share-action{min-height:56px;flex-direction:row}
}

/* LIVE PLAY/PAUZE v1.0.1 */
.foutfm-toolbar-live{position:relative}
.foutfm-toolbar-live-pause{display:none}
.foutfm-toolbar-live.is-playing .foutfm-toolbar-live-play{display:none}
.foutfm-toolbar-live.is-playing .foutfm-toolbar-live-pause{display:block}
.foutfm-toolbar-live.is-playing{
    background:#a72b8b !important;
    box-shadow:0 7px 20px rgba(0,0,0,.35),0 0 22px rgba(167,43,139,.68) !important;
}
.foutfm-toolbar-live.is-loading{opacity:.72}
.foutfm-toolbar-live.is-loading svg{animation:foutfmToolbarLivePulse .8s ease-in-out infinite alternate}
@keyframes foutfmToolbarLivePulse{from{transform:scale(.82)}to{transform:scale(1.12)}}


/* WHATSAPP – opvallend groen v1.0.3 */
.foutfm-toolbar .foutfm-toolbar-whatsapp{
    background:#25D366 !important;
    color:#ffffff !important;
    box-shadow:0 4px 15px rgba(37,211,102,.38),0 0 14px rgba(37,211,102,.22) !important;
}
.foutfm-toolbar .foutfm-toolbar-whatsapp:hover,
.foutfm-toolbar .foutfm-toolbar-whatsapp:focus-visible{
    background:#1ebe5d !important;
    box-shadow:0 7px 20px rgba(0,0,0,.30),0 0 22px rgba(37,211,102,.62) !important;
}