/* Melina Smart Artwork Lighting v2.0 */

.jdc-art-configurator.mg-smart-lighting [data-art] {
    position: relative;
    isolation: isolate;
    box-shadow:
        2px 5px 8px rgba(0,0,0,var(--mg-shadow-a,.25)),
        8px 15px 25px rgba(0,0,0,var(--mg-shadow-b,.18)) !important;
}

.jdc-art-configurator.mg-smart-lighting [data-art] > img {
    filter:
        brightness(var(--mg-brightness,1))
        saturate(.98)
        sepia(var(--mg-warmth,0)) !important;
}

.jdc-art-configurator.mg-smart-lighting [data-art]::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    border-radius: 1px;
    background:
        radial-gradient(
            ellipse at 50% -15%,
            rgba(255,230,188,var(--mg-glow,.08)),
            transparent 70%
        ),
        linear-gradient(
            180deg,
            rgba(255,240,208,.035),
            transparent 55%,
            rgba(0,0,0,.075)
        );
    box-shadow: inset 0 0 12px rgba(0,0,0,.09);
}

.mg-light-panel {
    position: fixed;
    right: 22px;
    bottom: 24px;
    width: min(290px, calc(100vw - 44px));
    max-height: 80vh;
    overflow-y: auto;
    z-index: 2147483000;
    padding: 16px;
    background: #211d25;
    color: white;
    border: 1px solid #c7a978;
    border-radius: 12px;
    box-shadow: 0 12px 36px rgba(0,0,0,.45);
    font: 13px Arial,sans-serif;
}

.mg-light-panel h3 {
    margin: 0 0 10px;
    font-size: 15px;
    color: #f1d6a5;
}

.mg-light-panel label {
    display: block;
    margin: 12px 0 4px;
}

.mg-light-panel input[type="range"] {
    display: block;
    width: 100%;
}

.mg-light-panel button {
    padding: 8px 12px;
    cursor: pointer;
    border: 1px solid #c7a978;
    border-radius: 6px;
    background: #c7a978;
    color: #211d25;
}

.mg-light-panel button:disabled {
    opacity: .6;
}

.mg-light-panel .mg-light-status {
    margin-top: 9px;
    font-size: 12px;
}

.mg-light-panel .mg-light-actions {
    display: flex;
    gap: 8px;
    margin-top: 15px;
}