/* K3PESH tactical override for the shared inspector */

#k3pesh-board ~ * {
    --k3-inspector-accent:
        #ff3f4f;
}


.piece-inspector-tooltip.k3pesh-inspector {

    width:
        330px;

    padding:
        16px 18px;

    background:
        linear-gradient(
            180deg,
            rgba(22, 12, 16, 0.985),
            rgba(7, 8, 12, 0.99)
        );

    border:
        1px solid
        rgba(
            255,
            63,
            79,
            0.82
        );

    box-shadow:
        0 0 22px
            rgba(
                255,
                45,
                65,
                0.25
            ),
        inset 0 0 20px
            rgba(
                255,
                50,
                70,
                0.055
            );
}


.piece-inspector-tooltip.k3pesh-inspector
.piece-inspector-title {

    color:
        #ff626f;

    font-size:
        0.9rem;

    text-shadow:
        0 0 9px
        rgba(
            255,
            55,
            75,
            0.5
        );
}


.piece-inspector-tooltip.k3pesh-inspector
.piece-inspector-subtitle {

    color:
        #f2f5f8;

    font-size:
        0.67rem;

    line-height:
        1.45;
}


.piece-inspector-tooltip.k3pesh-inspector
.piece-inspector-description {

    color:
        rgba(
            225,
            230,
            238,
            0.86
        );

    font-size:
        0.74rem;

    line-height:
        1.55;
}


/* K3 version of the shared toggle */

#tooltips-toggle-btn {

    margin-top:
        10px;

    width:
        100%;

    padding:
        10px;

    border:
        1px solid
        rgba(
            255,
            63,
            79,
            0.68
        );

    background:
        rgba(
            255,
            63,
            79,
            0.07
        );

    color:
        #ff626f;

    font-family:
        inherit;

    font-weight:
        bold;

    letter-spacing:
        0.8px;

    cursor:
        pointer;

    transition:
        border-color 0.15s ease,
        box-shadow 0.15s ease,
        opacity 0.15s ease;
}


#tooltips-toggle-btn:hover {

    border-color:
        #ff3f4f;

    box-shadow:
        0 0 13px
        rgba(
            255,
            63,
            79,
            0.28
        );
}


#tooltips-toggle-btn.tooltips-disabled {

    opacity:
        0.5;
}