/* ================================================================
   ÍTSIKA 14G A82 — DIRECT CANONICAL MODAL PRESENTATION

   ZERO LOGO RULES.
   ZERO BRANDING RULES.
   ================================================================ */


/* Shared backdrop */

#modal-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 99990 !important;

    background:
        rgba(0, 9, 22, 0.82) !important;

    backdrop-filter:
        blur(9px) !important;
}


#modal-backdrop[hidden] {
    display: none !important;
}


/* Auth + Subscription are real centered application modals */

#auth-modal,
#subscription-modal {
    position: fixed !important;

    left: 50% !important;
    top: 50% !important;

    transform:
        translate(
            -50%,
            -50%
        ) !important;

    z-index: 100000 !important;

    display: block !important;

    width:
        min(
            92vw,
            720px
        ) !important;

    max-height:
        calc(
            100vh - 48px
        ) !important;

    overflow-y: auto !important;

    box-sizing:
        border-box !important;

    margin: 0 !important;
    padding: 26px !important;

    border:
        1px solid
        rgba(
            90,
            148,
            209,
            0.42
        ) !important;

    border-radius:
        20px !important;

    background:
        linear-gradient(
            145deg,
            #07172a,
            #0a1e35
        ) !important;

    color:
        #f7fbff !important;

    box-shadow:
        0 28px 90px
        rgba(
            0,
            0,
            0,
            0.52
        ) !important;
}


#auth-modal[hidden],
#subscription-modal[hidden] {
    display: none !important;
}


#auth-modal *,
#subscription-modal * {
    box-sizing:
        border-box !important;
}


#auth-modal input {
    display: block !important;

    width: 100% !important;
    min-height: 44px !important;

    margin:
        5px
        0
        13px !important;

    padding:
        10px
        12px !important;

    border:
        1px solid
        rgba(
            115,
            168,
            219,
            0.40
        ) !important;

    border-radius:
        10px !important;

    background:
        #0c223b !important;

    color:
        #ffffff !important;
}


#auth-modal label {
    display: block !important;

    margin-top:
        10px !important;

    color:
        #dbe8f7 !important;
}


#auth-modal button,
#subscription-modal button {
    cursor:
        pointer !important;
}


#close-auth,
#close-subscription {
    position: absolute !important;

    top: 14px !important;
    right: 14px !important;
}


#a82-subscription-grid {
    display: grid !important;

    grid-template-columns:
        repeat(
            3,
            minmax(
                0,
                1fr
            )
        ) !important;

    gap:
        14px !important;

    margin-top:
        16px !important;
}


.a82-plan-card {
    padding:
        18px !important;

    border:
        1px solid
        rgba(
            96,
            153,
            208,
            0.34
        ) !important;

    border-radius:
        14px !important;

    background:
        rgba(
            13,
            39,
            66,
            0.86
        ) !important;
}


.a82-plan-card.current {
    border-color:
        rgba(
            255,
            211,
            73,
            0.82
        ) !important;
}


.a82-plan-card h3 {
    margin:
        0
        0
        8px !important;

    color:
        #ffe36a !important;
}


.a82-plan-price {
    margin-bottom:
        12px !important;

    font-size:
        1.35rem !important;

    font-weight:
        700 !important;
}


.a82-plan-card ul {
    margin:
        0 !important;

    padding-left:
        18px !important;

    line-height:
        1.7 !important;
}


.a82-current {
    display:
        inline-block !important;

    margin-bottom:
        12px !important;

    padding:
        4px
        9px !important;

    border:
        1px solid
        rgba(
            255,
            211,
            73,
            0.70
        ) !important;

    border-radius:
        999px !important;

    color:
        #ffe36a !important;
}


.a82-subscription-actions {
    display: flex !important;

    flex-wrap: wrap !important;

    gap:
        10px !important;

    margin-top:
        18px !important;
}


.a82-subscription-actions a {
    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    min-height:
        42px !important;

    padding:
        9px
        14px !important;

    border-radius:
        10px !important;

    text-decoration:
        none !important;
}


@media (
    max-width: 760px
) {

    #auth-modal,
    #subscription-modal {
        width:
            calc(
                100vw - 24px
            ) !important;

        max-height:
            calc(
                100vh - 24px
            ) !important;

        padding:
            20px !important;
    }


    #a82-subscription-grid {
        grid-template-columns:
            1fr !important;
    }
}


/* END ÍTSIKA 14G A82 */


/* ================================================================
   ÍTSIKA 14G A84 — PREMIUM SUBSCRIPTION GEOMETRY
   IMPORTANT:
   ZERO LOGO SELECTORS.
   ================================================================ */


#subscription-modal {
    width:
        min(
            94vw,
            1040px
        ) !important;

    max-width:
        1040px !important;

    max-height:
        min(
            88vh,
            760px
        ) !important;

    padding:
        24px !important;

    overflow:
        auto !important;
}


#subscription-content {
    width:
        100% !important;
}


#subscription-content > p {
    margin:
        6px
        0
        16px !important;

    font-size:
        0.97rem !important;
}


#a82-subscription-grid {
    display:
        grid !important;

    grid-template-columns:
        repeat(
            3,
            minmax(
                0,
                1fr
            )
        ) !important;

    align-items:
        stretch !important;

    gap:
        16px !important;

    width:
        100% !important;

    margin:
        0 !important;
}


.a82-plan-card {
    min-width:
        0 !important;

    min-height:
        320px !important;

    padding:
        20px !important;

    border-radius:
        16px !important;

    overflow:
        visible !important;
}


.a82-plan-card h3 {
    margin:
        0
        0
        8px !important;

    font-size:
        1.15rem !important;
}


.a82-plan-price {
    margin:
        8px
        0
        4px !important;

    font-size:
        1.55rem !important;

    line-height:
        1.15 !important;
}


.a82-plan-card ul {
    margin:
        16px
        0
        0 !important;

    padding-left:
        20px !important;

    line-height:
        1.55 !important;
}


.a82-plan-card li {
    margin:
        4px
        0 !important;
}


.a82-current {
    margin:
        0
        0
        8px !important;

    white-space:
        nowrap !important;
}


.a82-subscription-actions {
    margin-top:
        18px !important;
}


@media (
    max-width: 820px
) {

    #subscription-modal {
        width:
            calc(
                100vw - 24px
            ) !important;

        max-height:
            calc(
                100vh - 24px
            ) !important;
    }


    #a82-subscription-grid {
        grid-template-columns:
            1fr !important;
    }


    .a82-plan-card {
        min-height:
            auto !important;
    }

}


/* END ÍTSIKA 14G A84 */

/* ================================================================
   ÍTSIKA 14G A86 — FINAL AUTH + SUBSCRIPTION GEOMETRY
   NO LOGO RULES.
   ================================================================ */

html body #auth-modal[hidden],
html body #subscription-modal[hidden],
html body #modal-backdrop[hidden] {
    display: none !important;
}

html body #modal-backdrop:not([hidden]) {
    display: block !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 99990 !important;
    background: rgba(0, 8, 20, 0.78) !important;
    backdrop-filter: blur(7px) !important;
}

html body #auth-modal {
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 100000 !important;

    width: min(460px, calc(100vw - 32px)) !important;
    max-width: 460px !important;
    max-height: calc(100vh - 40px) !important;

    overflow-y: auto !important;

    margin: 0 !important;
    padding: 24px !important;

    background: #071a2e !important;
    border: 1px solid #315476 !important;
    border-radius: 18px !important;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.48) !important;
}

html body #auth-modal:not([hidden]) {
    display: block !important;
}

html body #auth-modal form {
    width: 100% !important;
    margin: 0 !important;
}

html body #auth-modal label {
    display: block !important;
    width: 100% !important;
}

html body #auth-modal input {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    min-height: 44px !important;
    margin: 5px 0 12px !important;
}

html body #auth-modal button {
    cursor: pointer !important;
}


/* Subscription: premium desktop width without tall skinny cards. */

html body #subscription-modal {
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 100000 !important;

    width: min(900px, calc(100vw - 40px)) !important;
    max-width: 900px !important;
    max-height: calc(100vh - 40px) !important;

    overflow-y: auto !important;

    margin: 0 !important;
    padding: 24px !important;

    background: #071a2e !important;
    border: 1px solid #315476 !important;
    border-radius: 18px !important;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.48) !important;
}

html body #subscription-modal:not([hidden]) {
    display: block !important;
}

html body #subscription-content {
    width: 100% !important;
}

html body #a82-subscription-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
    width: 100% !important;
    align-items: stretch !important;
}

html body #a82-subscription-grid > * {
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
}

html body .a82-plan-card {
    padding: 18px !important;
}

html body .a82-plan-card ul {
    padding-left: 18px !important;
    margin-bottom: 0 !important;
}

html body .a82-plan-card li {
    margin-bottom: 5px !important;
    line-height: 1.4 !important;
}

@media (max-width: 760px) {

    html body #subscription-modal {
        width: calc(100vw - 24px) !important;
        max-height: calc(100vh - 24px) !important;
    }

    html body #a82-subscription-grid {
        grid-template-columns: 1fr !important;
    }
}

/* END ÍTSIKA 14G A86 */

/* ITSIKA_BLOCK6Y_SUBSCRIPTION_SCROLL_AUTHORITY */
html body #subscription-modal {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-gutter: stable !important;
}

html body #subscription-content {
    min-height: 0 !important;
    overflow: visible !important;
}

html body #a82-subscription-grid {
    grid-template-areas: "free pro ultra" !important;
}

html body #a82-subscription-grid > :nth-child(1) {
    grid-area: free !important;
}

html body #a82-subscription-grid > :nth-child(2) {
    grid-area: pro !important;
}

html body #a82-subscription-grid > :nth-child(3) {
    grid-area: ultra !important;
}

@media (max-width: 760px) {
    html body #subscription-modal {
        top: 12px !important;
        bottom: 12px !important;
        transform: translateX(-50%) !important;
        width: calc(100vw - 24px) !important;
        height: auto !important;
        max-height: none !important;
        padding: 18px !important;
    }

    html body #a82-subscription-grid {
        grid-template-columns:
            minmax(0, 1fr) !important;
        grid-template-areas:
            "free"
            "pro"
            "ultra" !important;
        gap: 16px !important;
    }

    html body .a82-plan-card {
        width: 100% !important;
        min-width: 0 !important;
    }
}
/* END ITSIKA_BLOCK6Y_SUBSCRIPTION_SCROLL_AUTHORITY */