/* ==========================================================
   /ui/css/base/ljh-modal.css
   LJH MODAL SYSTEM
   ----------------------------------------------------------
   Ansvar:
   - Modal overlay och glasruta
   - Öppen/stängd state
   ----------------------------------------------------------
   Används av: ljh-modal.js
   Prefix: .aqua-modal
========================================================== */


/* ==========================================================
   MODAL WRAPPER
========================================================== */

.aqua-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(5,10,25,0.65);
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition: opacity 0.25s ease;
}

.aqua-modal.open {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}


/* ==========================================================
   GLASRUTA
========================================================== */

.aqua-modal-glass {
    width: 90%;
    max-width: 860px;
    max-height: 85vh;
    overflow-y: auto;
    border-radius: 24px;
    padding: 2.2rem 2.4rem;
    background: rgba(15,23,42,0.85);
    backdrop-filter: blur(18px) saturate(160%);
    -webkit-backdrop-filter: blur(18px) saturate(160%);
    border: 1px solid rgba(255,255,255,0.18);
    box-shadow:
        inset 0 0 32px rgba(255,255,255,0.12),
        0 28px 60px rgba(0,0,0,0.65);
}


/* ==========================================================
   HJÄLPKLASS
========================================================== */

.modal-hidden { display: none; }