/* ==========================================================================
   RADIO PLATFORM – SHARE STATION UI v1.0
   ========================================================================== */


/*
|--------------------------------------------------------------------------
| Share rezultat
|--------------------------------------------------------------------------
*/

.share-station-toast {
    position: fixed;

    left: 50%;
    bottom: 94px;

    z-index: 99980;

    display: flex;

    align-items: center;
    justify-content: center;

    min-height: 44px;

    max-width:
        calc(100vw - 32px);

    padding:
        0
        18px;

    border:
        1px solid
        rgba(148, 163, 184, 0.22);

    border-radius:
        999px;

    color:
        var(--public-text);

    background:
        rgba(255, 255, 255, 0.96);

    box-shadow:
        0 14px 42px
        rgba(15, 23, 42, 0.16);

    backdrop-filter:
        blur(18px);

    -webkit-backdrop-filter:
        blur(18px);

    font-size:
        12.5px;

    font-weight:
        800;

    white-space:
        nowrap;

    pointer-events: none;

    opacity: 0;

    visibility: hidden;

    transform:
        translate(
            -50%,
            12px
        );

    transition:
        opacity 180ms ease,
        transform 180ms ease,
        visibility 180ms ease;
}


.share-station-toast.is-visible {
    opacity: 1;

    visibility: visible;

    transform:
        translate(
            -50%,
            0
        );
}


/*
|--------------------------------------------------------------------------
| Success
|--------------------------------------------------------------------------
*/

.share-station-toast[
    data-state="success"
] {
    border-color:
        rgba(35, 185, 118, 0.22);
}


/*
|--------------------------------------------------------------------------
| Error
|--------------------------------------------------------------------------
*/

.share-station-toast[
    data-state="error"
] {
    color:
        #c45862;

    border-color:
        rgba(214, 75, 87, 0.22);
}


/*
|--------------------------------------------------------------------------
| Dark
|--------------------------------------------------------------------------
*/

html[data-theme="dark"]
.share-station-toast {

    color:
        #dce8f5;

    background:
        rgba(12, 25, 41, 0.97);

    border-color:
        rgba(125, 190, 255, 0.16);

    box-shadow:
        0 18px 50px
        rgba(0, 0, 0, 0.42);
}


html[data-theme="dark"]
.share-station-toast[
    data-state="success"
] {
    color:
        #73e2ad;

    border-color:
        rgba(73, 211, 143, 0.20);
}


html[data-theme="dark"]
.share-station-toast[
    data-state="error"
] {
    color:
        #ef929b;
}


/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 600px) {

    .share-station-toast {
        bottom:
            86px;

        min-height:
            42px;

        padding:
            0
            15px;

        font-size:
            12px;
    }

}


@media (prefers-reduced-motion: reduce) {

    .share-station-toast {
        transition:
            none;
    }

}