/* HIT.Morphling2.Products admin styles */

.pr-editable {
    position: relative;
    display: inline-block;
}

.pr-fade-target {
    transition: opacity .18s ease, filter .18s ease;
}

.pr-editable:hover .pr-fade-target {
    opacity: .5;
    cursor: pointer;
}

/* Edit badge (matches Feature Panel style) */
.pr-edit-badge {
    position: absolute !important;
    top: .5rem;
    right: .5rem;
    width: 40px;
    height: 40px;
    border-radius: 9999px;
    background: rgba(0,0,0,.55);
    border: 2px solid #fff;
    color: #fff;
    display: grid !important;
    place-items: center;
    line-height: 0;
    padding: 0;
    opacity: 0 !important;
    transform: scale(.95);
    transition: opacity .18s ease, transform .18s ease, background .18s ease;
    pointer-events: none !important;
    z-index: 50;
    cursor: pointer;
}

.pr-editable:hover .pr-edit-badge {
    opacity: 1 !important;
    transform: scale(1);
    pointer-events: auto !important;
}

.pr-edit-badge:hover {
    background: #f2c200;
}

.pr-edit-badge i {
    font-size: 22px;
    transform: translateY(1px);
}

.pr-inline-input {
    width: 100%;
    font-size: inherit;
    font-weight: inherit;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 10px;
    padding: .55rem .75rem;
    outline: none;
}

    .pr-inline-input:focus {
        border-color: rgba(242,194,0,.85);
        box-shadow: 0 0 0 .2rem rgba(242,194,0,.25);
    }

/* While editing the content, hide the edit button */
.pr-editing-text > .pr-edit-badge {
    display: none !important;
}

/* CKEditor floating toolbar positioning */
.cke_float {
    position: absolute !important;
    box-sizing: border-box !important;
    width: auto !important;
    max-width: none !important;
    z-index: 99999;
}

/* Toast */
.pr-toast {
    position: fixed;
    left: 50%;
    bottom: 24px;
    transform: translateX(-50%) translateY(20px);
    background: rgba(0,0,0,.85);
    color: #fff;
    padding: 10px 18px;
    border-radius: 8px;
    font-size: 14px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease, transform .2s ease;
    z-index: 100000;
}

    .pr-toast.show {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }

    .pr-toast.error {
        background: #b00020;
    }