/* ==========================================================================

OMEGA HAVLÍKOVI - CENTRÁLNÍ NOTIFIKAČNÍ VRSTVA

VERZE 1.0: OMEGA-PROTOKOL

Společná viditelná oznámení nad modály pro Admin, Portál vlastníka a veřejný web.

========================================================================== */

#omega-notify-layer.om-notify-layer {

    position: fixed !important;

    top: max(68px, calc(env(safe-area-inset-top) + 12px)) !important;

    left: 50% !important;

    transform: translateX(-50%) !important;

    z-index: 2147483000 !important;

    width: min(640px, calc(100vw - 24px)) !important;

    display: flex !important;

    flex-direction: column !important;

    gap: 10px !important;

    pointer-events: none !important;

}

#omega-notify-layer > .om-notify,

#omega-notify-layer > .om-notify-legacy {

    position: relative !important;

    width: 100% !important;

    max-width: 640px !important;

    min-height: 52px !important;

    margin: 0 !important;

    padding: 13px 48px 13px 16px !important;

    display: flex !important;

    align-items: center !important;

    gap: 12px !important;

    border: 1px solid rgba(255,255,255,.20) !important;

    border-radius: 12px !important;

    background: rgba(3,29,20,.98) !important;

    color: #fff !important;

    box-shadow: 0 14px 35px rgba(0,0,0,.48), 0 0 20px rgba(255,255,255,.05) !important;

    backdrop-filter: blur(12px) !important;

    -webkit-backdrop-filter: blur(12px) !important;

    pointer-events: auto !important;

    opacity: 1 !important;

    transform: translateY(0) !important;

    transition: opacity .22s ease, transform .22s ease !important;

}

#omega-notify-layer > .om-notify-success { border-color: rgba(46,204,113,.82) !important; box-shadow: 0 14px 35px rgba(0,0,0,.48), 0 0 18px rgba(46,204,113,.22) !important; }

#omega-notify-layer > .om-notify-error { border-color: rgba(255,65,95,.88) !important; box-shadow: 0 14px 35px rgba(0,0,0,.48), 0 0 18px rgba(255,65,95,.22) !important; }

#omega-notify-layer > .om-notify-warning { border-color: rgba(255,193,7,.90) !important; box-shadow: 0 14px 35px rgba(0,0,0,.48), 0 0 18px rgba(255,193,7,.22) !important; }

#omega-notify-layer > .om-notify-info { border-color: rgba(13,202,240,.86) !important; box-shadow: 0 14px 35px rgba(0,0,0,.48), 0 0 18px rgba(13,202,240,.20) !important; }

#omega-notify-layer .om-notify-icon { flex: 0 0 auto !important; font-size: 1.25rem !important; }

#omega-notify-layer .om-notify-success .om-notify-icon { color: #2ecc71 !important; }

#omega-notify-layer .om-notify-error .om-notify-icon { color: #ff415f !important; }

#omega-notify-layer .om-notify-warning .om-notify-icon { color: #ffc107 !important; }

#omega-notify-layer .om-notify-info .om-notify-icon { color: #0dcaf0 !important; }

#omega-notify-layer .om-notify-text { flex: 1 1 auto !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 2px !important; color: #fff !important; font-size: .93rem !important; line-height: 1.35 !important; text-align: left !important; }

#omega-notify-layer .om-notify-title { color: #fff !important; font-weight: 800 !important; }

#omega-notify-layer .om-notify-close,

#omega-notify-layer .btn-close {

    position: absolute !important;

    top: 50% !important;

    right: 14px !important;

    transform: translateY(-50%) !important;

    width: 28px !important;

    height: 28px !important;

    margin: 0 !important;

    padding: 0 !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    border: 1px solid rgba(255,255,255,.24) !important;

    border-radius: 50% !important;

    background: rgba(0,0,0,.22) !important;

    color: #fff !important;

    opacity: .9 !important;

    filter: none !important;

}

#omega-notify-layer .om-notify-close:hover,

#omega-notify-layer .om-notify-close:focus,

#omega-notify-layer .btn-close:hover,

#omega-notify-layer .btn-close:focus { opacity: 1 !important; border-color: rgba(255,255,255,.60) !important; box-shadow: 0 0 0 3px rgba(255,255,255,.08) !important; }

#omega-notify-layer > .om-notify-legacy i:first-child { flex: 0 0 auto !important; }

#omega-notify-layer > .om-notify-legacy.om-notify-success i:first-child { color: #2ecc71 !important; }

#omega-notify-layer > .om-notify-legacy.om-notify-error i:first-child { color: #ff415f !important; }

#omega-notify-layer > .om-notify-legacy.om-notify-warning i:first-child { color: #ffc107 !important; }

#omega-notify-layer > .om-notify-legacy.om-notify-info i:first-child { color: #0dcaf0 !important; }

#omega-notify-layer > .om-notify-closing { opacity: 0 !important; transform: translateY(-10px) !important; pointer-events: none !important; }

@media (max-width: 575.98px) {

    #omega-notify-layer.om-notify-layer { top: max(62px, calc(env(safe-area-inset-top) + 8px)) !important; width: calc(100vw - 16px) !important; }

    #omega-notify-layer > .om-notify,

    #omega-notify-layer > .om-notify-legacy { min-height: 48px !important; padding: 11px 44px 11px 13px !important; border-radius: 10px !important; }

    #omega-notify-layer .om-notify-text { font-size: .86rem !important; }

    #omega-notify-layer .om-notify-close,

    #omega-notify-layer .btn-close { right: 10px !important; }

}

@media (prefers-reduced-motion: reduce) {

    #omega-notify-layer > .om-notify,

    #omega-notify-layer > .om-notify-legacy { transition: none !important; }

}