/* JN Woo Elements — Delivery Popup CSS v3.0.0 */
.jnw-popup-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:99998;display:flex;align-items:flex-end;justify-content:center;opacity:0;animation:jnwFadeInBackdrop .25s ease forwards}
@media(min-width:768px){.jnw-popup-backdrop{align-items:center}}
@keyframes jnwFadeInBackdrop{to{opacity:1}}

/* FIX (Bug #2): Editor preview mode — render inline/static instead of a
   fixed fullscreen overlay so the widget is visible and stylable directly
   in the Elementor canvas without needing to trigger it via JS. */
.jnw-popup-backdrop.jnw-popup-editor-preview{
    position:static;
    inset:auto;
    background:transparent;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px 0;
    opacity:1;
    animation:none;
}
.jnw-popup-backdrop.jnw-popup-editor-preview .jnw-popup-box{
    transform:none;
    animation:none;
    box-shadow:0 4px 24px rgba(0,0,0,.12);
}
.jnw-popup-backdrop.jnw-popup-editor-preview .jnw-popup-proceed{
    cursor:not-allowed;
    opacity:.85;
}
.jnw-popup-box{background:#fff;width:100%;max-width:480px;border-radius:16px 16px 0 0;padding:28px 24px;position:relative;transform:translateY(100%);animation:jnwSlideUpBox .3s ease forwards;max-height:90vh;overflow-y:auto}
@media(min-width:768px){.jnw-popup-box{border-radius:16px;transform:scale(.95);animation:jnwScaleInBox .25s ease forwards}}
@keyframes jnwSlideUpBox{to{transform:translateY(0)}}
@keyframes jnwScaleInBox{to{transform:scale(1)}}
.jnw-popup-close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;color:#888;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .15s,color .15s}
.jnw-popup-close:hover{background:#f5f5f5;color:#1a1a1a}
.jnw-popup-title{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 20px}
.jnw-popup-note{font-size:13px;color:#888;line-height:1.6;margin:-12px 0 16px}
.jnw-popup-note p{margin:0 0 8px}
.jnw-popup-note p:last-child{margin-bottom:0}
.jnw-delivery-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}
.jnw-delivery-option{display:flex;align-items:center;gap:14px;padding:16px;background:#f8f8f8;border-radius:10px;border:1.5px solid transparent;cursor:pointer;transition:all .2s ease}
.jnw-delivery-option:hover{border-color:#ddd;background:#f2f2f2}
.jnw-delivery-option.is-selected{border-color:#CF753F;background:#fff8f4}
.jnw-delivery-option__radio{width:20px;height:20px;border-radius:50%;border:2px solid #ddd;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .2s}
.jnw-delivery-option.is-selected .jnw-delivery-option__radio{border-color:#CF753F}
.jnw-radio-dot{width:10px;height:10px;border-radius:50%;background:#CF753F;opacity:0;transform:scale(0);transition:all .2s ease}
.jnw-delivery-option.is-selected .jnw-radio-dot{opacity:1;transform:scale(1)}
.jnw-delivery-option__info{flex:1;display:flex;flex-direction:column;gap:3px}
.jnw-delivery-option__label{font-size:14px;font-weight:600;color:#1a1a1a}
.jnw-delivery-option__days{font-size:12px;color:#888}
.jnw-delivery-option__price{font-size:12px;font-weight:600;background:#CF753F;color:#fff;padding:3px 10px;border-radius:999px;white-space:nowrap;flex-shrink:0}
.jnw-popup-validation{font-size:13px;color:#B42318;background:#FEF3F2;border:1px solid #FDA29B;border-radius:6px;padding:10px 14px;margin:0 0 16px;text-align:center;box-sizing:border-box}
.jnw-popup-proceed{width:100%;padding:16px 24px;background:#1a1a1a;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box}
.jnw-popup-proceed:hover{background:#333}
.jnw-popup-proceed:disabled{background:#ccc;cursor:wait}
.jnw-popup-spinner svg{animation:jnwSpin .8s linear infinite}
@keyframes jnwSpin{to{transform:rotate(360deg)}}
@media(max-width:480px){.jnw-popup-box{padding:24px 16px}}