/* ZaxSignals 1.8.11 clean transparent iOS mobile footer */
@media (max-width: 900px) {
    .ibc-shell {
        --ibc-mobile-footer-clearance: calc(108px + env(safe-area-inset-bottom)) !important;
        --ibc-footer-brand: rgb(var(--brand-rgb, 240, 185, 11));
        --ibc-footer-brand-soft: rgba(var(--brand-rgb, 240, 185, 11), 0.14);
        --ibc-footer-brand-line: rgba(var(--brand-rgb, 240, 185, 11), 0.28);
        --ibc-footer-ink: #617080;
        --ibc-footer-muted: #8d99a8;
        --ibc-footer-glass: rgba(255, 255, 255, 0.70);
        --ibc-footer-glass-line: rgba(255, 255, 255, 0.72);
        --ibc-footer-icon-bg: rgba(255, 255, 255, 0.64);
        --ibc-footer-icon-line: rgba(255, 255, 255, 0.82);
        --ibc-footer-sheet: rgba(255, 255, 255, 0.78);
    }

    .ibc-shell:not(.ibc-light) {
        --ibc-footer-ink: #b8c3d2;
        --ibc-footer-muted: #8390a2;
        --ibc-footer-glass: rgba(12, 18, 28, 0.76);
        --ibc-footer-glass-line: rgba(255, 255, 255, 0.12);
        --ibc-footer-icon-bg: rgba(28, 38, 54, 0.72);
        --ibc-footer-icon-line: rgba(255, 255, 255, 0.12);
        --ibc-footer-sheet: rgba(12, 18, 28, 0.86);
    }

    .ibc-shell .ibc-page,
    .ibc-shell .ibc-user-content,
    .ibc-shell .ibc-admin-content {
        padding-bottom: var(--ibc-mobile-footer-clearance) !important;
        scroll-padding-bottom: var(--ibc-mobile-footer-clearance) !important;
    }

    .ibc-shell .ibc-mobile-footer,
    .ibc-shell .ibc-admin-mobile-footer {
        position: fixed !important;
        left: max(10px, env(safe-area-inset-left)) !important;
        right: max(10px, env(safe-area-inset-right)) !important;
        bottom: calc(8px + env(safe-area-inset-bottom)) !important;
        z-index: 99999 !important;
        display: grid !important;
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        align-items: center !important;
        gap: 4px !important;
        min-height: 88px !important;
        padding: 8px !important;
        border: 1px solid var(--ibc-footer-glass-line) !important;
        border-radius: 28px !important;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.36), rgba(255, 255, 255, 0.10)),
            var(--ibc-footer-glass) !important;
        box-shadow:
            0 16px 42px rgba(15, 23, 42, 0.18),
            inset 0 1px 0 rgba(255, 255, 255, 0.52) !important;
        backdrop-filter: blur(26px) saturate(175%) !important;
        -webkit-backdrop-filter: blur(26px) saturate(175%) !important;
        overflow: visible !important;
    }

    .ibc-shell:not(.ibc-light) .ibc-mobile-footer,
    .ibc-shell:not(.ibc-light) .ibc-admin-mobile-footer {
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.018)),
            var(--ibc-footer-glass) !important;
        box-shadow:
            0 18px 48px rgba(0, 0, 0, 0.44),
            inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    }

    .ibc-shell .ibc-mobile-footer::before,
    .ibc-shell .ibc-mobile-footer::after,
    .ibc-shell .ibc-admin-mobile-footer::before,
    .ibc-shell .ibc-admin-mobile-footer::after {
        content: none !important;
        display: none !important;
    }

    .ibc-shell .ibc-mobile-footer :is(a, button),
    .ibc-shell .ibc-admin-mobile-footer :is(a, button) {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 72px !important;
        padding: 4px 1px 2px !important;
        gap: 4px !important;
        border: 0 !important;
        border-radius: 20px !important;
        background: transparent !important;
        box-shadow: none !important;
        color: var(--ibc-footer-ink) !important;
        text-decoration: none !important;
        appearance: none !important;
        -webkit-appearance: none !important;
        transform: none !important;
        overflow: visible !important;
        transition: color 170ms ease, transform 180ms ease !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    .ibc-shell .ibc-mobile-footer :is(a, button)::before,
    .ibc-shell .ibc-mobile-footer :is(a, button)::after,
    .ibc-shell .ibc-admin-mobile-footer :is(a, button)::before,
    .ibc-shell .ibc-admin-mobile-footer :is(a, button)::after,
    .ibc-shell .ibc-mobile-more-panel a::before,
    .ibc-shell .ibc-mobile-more-panel a::after {
        content: none !important;
        display: none !important;
    }

    .ibc-shell .ibc-mobile-footer :is(a, button):is(.is-active, :hover, :focus, :active),
    .ibc-shell .ibc-admin-mobile-footer :is(a, button):is(.is-active, :hover, :focus, :active) {
        background: transparent !important;
        box-shadow: none !important;
        color: var(--ibc-footer-brand) !important;
        outline: 0 !important;
        transform: translateY(-2px) !important;
    }

    .ibc-shell .ibc-silk-footer-icon {
        display: block !important;
        box-sizing: border-box !important;
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;
        margin: 0 !important;
        padding: 6px !important;
        border: 1px solid var(--ibc-footer-icon-line) !important;
        border-radius: 16px !important;
        color: currentColor !important;
        background:
            linear-gradient(145deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.08)),
            var(--ibc-footer-icon-bg) !important;
        box-shadow:
            0 8px 18px rgba(15, 23, 42, 0.14),
            inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
        filter: none !important;
        transform: none !important;
        transition: border-color 170ms ease, background 170ms ease, color 170ms ease !important;
    }

    .ibc-shell:not(.ibc-light) .ibc-silk-footer-icon {
        box-shadow:
            0 9px 18px rgba(0, 0, 0, 0.30),
            inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    }

    .ibc-shell .ibc-mobile-footer :is(a, button):is(.is-active, :hover, :focus, :active) .ibc-silk-footer-icon,
    .ibc-shell .ibc-admin-mobile-footer :is(a, button):is(.is-active, :hover, :focus, :active) .ibc-silk-footer-icon {
        border-color: var(--ibc-footer-brand-line) !important;
        background:
            linear-gradient(145deg, rgba(255, 255, 255, 0.36), rgba(255, 255, 255, 0.09)),
            var(--ibc-footer-brand-soft) !important;
        color: var(--ibc-footer-brand) !important;
        box-shadow:
            0 9px 20px rgba(var(--brand-rgb, 240, 185, 11), 0.16),
            inset 0 1px 0 rgba(255, 255, 255, 0.44) !important;
        transform: none !important;
    }

    .ibc-shell .ibc-silk-footer-icon .ibc-silk-plate {
        fill: transparent !important;
        stroke: transparent !important;
    }

    .ibc-shell .ibc-silk-footer-icon .ibc-silk-shine,
    .ibc-shell .ibc-silk-footer-icon .ibc-silk-facet {
        fill: transparent !important;
        stroke: transparent !important;
    }

    .ibc-shell .ibc-silk-footer-icon .ibc-silk-line {
        fill: none !important;
        stroke: currentColor !important;
        stroke-width: 2.35 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
    }

    .ibc-shell .ibc-silk-footer-icon .ibc-silk-mark,
    .ibc-shell .ibc-silk-footer-icon .ibc-silk-dot {
        fill: currentColor !important;
        stroke: none !important;
        filter: none !important;
    }

    .ibc-shell .ibc-mobile-footer :is(a, button) > span,
    .ibc-shell .ibc-admin-mobile-footer :is(a, button) > span {
        display: block !important;
        width: 100% !important;
        max-width: 60px !important;
        min-height: 14px !important;
        margin: 0 !important;
        color: currentColor !important;
        font-size: 10.8px !important;
        line-height: 1.06 !important;
        font-weight: 850 !important;
        letter-spacing: 0 !important;
        text-align: center !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    .ibc-shell .ibc-mobile-footer :is(a, button):is(.is-active, :hover) > span,
    .ibc-shell .ibc-admin-mobile-footer :is(a, button):is(.is-active, :hover) > span {
        color: var(--ibc-footer-brand) !important;
        font-weight: 950 !important;
    }

    .ibc-shell .ibc-mobile-more-menu {
        position: fixed !important;
        left: max(10px, env(safe-area-inset-left)) !important;
        right: max(10px, env(safe-area-inset-right)) !important;
        bottom: calc(98px + env(safe-area-inset-bottom)) !important;
        z-index: 100000 !important;
        grid-column: 1 / -1 !important;
        pointer-events: none !important;
        animation: ibcFooterSheetIn 150ms ease-out both !important;
    }

    .ibc-shell .ibc-mobile-more-menu[hidden] {
        display: none !important;
    }

    .ibc-shell .ibc-mobile-more-panel {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
        padding: 10px !important;
        border: 1px solid var(--ibc-footer-glass-line) !important;
        border-radius: 24px !important;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.30), rgba(255, 255, 255, 0.08)),
            var(--ibc-footer-sheet) !important;
        box-shadow:
            0 20px 54px rgba(15, 23, 42, 0.20),
            inset 0 1px 0 rgba(255, 255, 255, 0.46) !important;
        backdrop-filter: blur(28px) saturate(170%) !important;
        -webkit-backdrop-filter: blur(28px) saturate(170%) !important;
        pointer-events: auto !important;
    }

    .ibc-shell:not(.ibc-light) .ibc-mobile-more-panel {
        box-shadow:
            0 22px 60px rgba(0, 0, 0, 0.46),
            inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    }

    .ibc-shell .ibc-mobile-more-panel a {
        display: grid !important;
        grid-template-columns: 58px minmax(0, 1fr) !important;
        align-items: center !important;
        min-height: 72px !important;
        padding: 8px 9px !important;
        gap: 10px !important;
        border: 0 !important;
        border-radius: 18px !important;
        background: rgba(255, 255, 255, 0.24) !important;
        box-shadow: none !important;
        color: var(--ibc-footer-ink) !important;
        text-decoration: none !important;
        transform: none !important;
    }

    .ibc-shell:not(.ibc-light) .ibc-mobile-more-panel a {
        background: rgba(255, 255, 255, 0.04) !important;
    }

    .ibc-shell .ibc-mobile-more-panel a:is(.is-active, :hover, :focus, :active) {
        background: rgba(var(--brand-rgb, 240, 185, 11), 0.08) !important;
        color: var(--ibc-footer-brand) !important;
        box-shadow: none !important;
        outline: 0 !important;
    }

    .ibc-shell .ibc-mobile-more-panel a .ibc-silk-footer-icon {
        width: 54px !important;
        height: 54px !important;
        min-width: 54px !important;
        max-width: 54px !important;
        padding: 7px !important;
        border-radius: 17px !important;
        color: var(--ibc-footer-brand) !important;
        border-color: var(--ibc-footer-brand-line) !important;
        background:
            linear-gradient(145deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.08)),
            var(--ibc-footer-brand-soft) !important;
        box-shadow:
            0 8px 18px rgba(15, 23, 42, 0.14),
            inset 0 1px 0 rgba(255, 255, 255, 0.36) !important;
    }

    .ibc-shell .ibc-mobile-more-panel a .ibc-silk-line {
        stroke-width: 2.45 !important;
    }

    .ibc-shell .ibc-mobile-more-panel a > span {
        max-width: none !important;
        min-width: 0 !important;
        min-height: 0 !important;
        color: currentColor !important;
        font-size: 12.4px !important;
        line-height: 1.15 !important;
        font-weight: 900 !important;
        text-align: left !important;
    }

    .ibc-shell .ibc-mobile-more-panel a small {
        display: block !important;
        margin-top: 2px !important;
        color: var(--ibc-footer-muted) !important;
        font-size: 10px !important;
        line-height: 1.15 !important;
        font-weight: 750 !important;
    }
}

@media (max-width: 380px) {
    .ibc-shell .ibc-mobile-footer,
    .ibc-shell .ibc-admin-mobile-footer {
        left: max(7px, env(safe-area-inset-left)) !important;
        right: max(7px, env(safe-area-inset-right)) !important;
        gap: 2px !important;
        min-height: 82px !important;
        padding: 7px 5px !important;
        border-radius: 24px !important;
    }

    .ibc-shell .ibc-mobile-footer :is(a, button),
    .ibc-shell .ibc-admin-mobile-footer :is(a, button) {
        min-height: 68px !important;
        gap: 3px !important;
    }

    .ibc-shell .ibc-silk-footer-icon {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        padding: 6px !important;
        border-radius: 15px !important;
    }

    .ibc-shell .ibc-mobile-footer :is(a, button) > span,
    .ibc-shell .ibc-admin-mobile-footer :is(a, button) > span {
        max-width: 50px !important;
        font-size: 9.8px !important;
    }

    .ibc-shell .ibc-mobile-more-menu {
        left: max(7px, env(safe-area-inset-left)) !important;
        right: max(7px, env(safe-area-inset-right)) !important;
        bottom: calc(92px + env(safe-area-inset-bottom)) !important;
    }

    .ibc-shell .ibc-mobile-more-panel {
        gap: 8px !important;
        padding: 8px !important;
        border-radius: 22px !important;
    }

    .ibc-shell .ibc-mobile-more-panel a {
        grid-template-columns: 52px minmax(0, 1fr) !important;
        min-height: 68px !important;
        padding: 7px 8px !important;
        gap: 9px !important;
    }

    .ibc-shell .ibc-mobile-more-panel a .ibc-silk-footer-icon {
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        max-width: 50px !important;
        padding: 7px !important;
    }

    .ibc-shell .ibc-mobile-more-panel a > span {
        font-size: 11.6px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ibc-shell .ibc-mobile-footer *,
    .ibc-shell .ibc-admin-mobile-footer *,
    .ibc-shell .ibc-mobile-more-menu * {
        animation: none !important;
        transition-duration: 1ms !important;
    }
}

@keyframes ibcFooterSheetIn {
    from {
        opacity: 0;
        transform: translateY(10px) scale(0.985);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
