/* --- GLOBAL APPLE LIQUID GLASS UI --- */
/* Auto-generated by Site Settings */

.liquid-glass {
    position: relative;
    overflow: hidden;
    background: rgba(0, 27, 56, 1); 
    
    backdrop-filter: brightness(1) blur(0px) url(#displacementFilter);
    -webkit-backdrop-filter: brightness(1) blur(0px) url(#displacementFilter);
    
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.75);
    filter: drop-shadow(-8px -10px 46px rgba(0,0,0,0.5));
    
    border-radius: 24px; 
    transition: all 0.3s ease-in-out;
}

.liquid-glass:hover {
    background: rgba(0, 27, 56, 0.35); 
    backdrop-filter: brightness(1.3) blur(15px) url(#displacementFilter);
    -webkit-backdrop-filter: brightness(1.3) blur(15px) url(#displacementFilter);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 35px 60px -15px rgba(0, 0, 0, 0.85);
    transform: translateY(-2px);
}

.liquid-glass::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit; 
    pointer-events: none;
    -webkit-box-shadow: inset 2px 2px 0px -2px rgba(255, 255, 255, 0.7), 
                        inset 0 0 3px 1px rgba(255, 255, 255, 0.2);
    box-shadow: inset 6px 6px 0px -6px rgba(255, 255, 255, 0.7), 
                inset 0 0 8px 1px rgba(255, 255, 255, 0.2);
}

.glass-content {
    position: relative;
    z-index: 10;
}

.swal2-popup.swal-liquid-glass {
    background: rgba(0, 27, 56, 0.5) !important;
    backdrop-filter: brightness(1) blur(0px) url(#displacementFilter) !important;
    -webkit-backdrop-filter: brightness(1) blur(0px) url(#displacementFilter) !important;
    border-radius: 28px !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    
    box-shadow: inset 6px 6px 0px -6px rgba(255, 255, 255, 0.7), 
                inset 0 0 8px 1px rgba(255, 255, 255, 0.2),
                0 25px 50px -12px rgba(0, 0, 0, 0.75),
                -8px -10px 46px rgba(0,0,0,0.5) !important;
    color: white !important;
}