/* =========================================================
   TRACELIA SECURITY V2.65.2
   PLEIN ÉCRAN CAMÉRA FIABLE
   ========================================================= */

body.v2652-fullscreen-open {
    overflow: hidden !important;
    overscroll-behavior: none !important;
}

body.v2652-fullscreen-open
.v265-bottom-navigation {
    display: none !important;
}

body #camera-live-modal.v2652-fullscreen-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 20000 !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    width: 100vw !important;
    height: 100dvh !important;
    padding: 0 !important;
    background: #000000 !important;
}

body #camera-live-modal
.v2652-fullscreen-card {
    position: fixed !important;
    inset: 0 !important;
    z-index: 20001 !important;

    display: grid !important;
    grid-template-rows:
        auto
        minmax(0, 1fr)
        auto
        auto !important;

    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;

    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: #000000 !important;
    box-shadow: none !important;
}

body #camera-live-modal
.v2652-fullscreen-card
.v265-camera-live-header {
    min-height: 76px !important;
    padding:
        calc(11px + env(safe-area-inset-top))
        68px
        10px
        15px !important;

    background:
        linear-gradient(
            110deg,
            rgba(240, 0, 60, 0.14),
            #08080b 55%
        ) !important;
}

body #camera-live-modal
.v2652-fullscreen-card
#camera-live-title {
    font-size:
        clamp(20px, 5.8vw, 27px) !important;
}

body #camera-live-modal
.v2652-fullscreen-card
#camera-live-close.v265-camera-live-close {
    top:
        calc(
            11px +
            env(safe-area-inset-top)
        ) !important;
    right: 13px !important;
}

body #camera-live-modal
.v2652-fullscreen-card
.camera-live-stage {
    position: relative !important;
    display: grid !important;
    place-items: center !important;

    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;

    aspect-ratio: auto !important;

    overflow: hidden !important;
    background: #000000 !important;
}

body #camera-live-modal
.v2652-fullscreen-card
#camera-live-image {
    position: relative !important;
    inset: auto !important;

    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;

    object-fit: contain !important;
    background: #000000 !important;
}

body #camera-live-modal
.v2652-fullscreen-card
.v265-camera-live-controls {
    padding:
        8px
        10px !important;
    gap: 7px !important;

    background:
        rgba(8, 8, 11, 0.98) !important;
}

body #camera-live-modal
.v2652-fullscreen-card
.v265-camera-live-controls
.camera-live-tool-button,
body #camera-live-modal
.v2652-fullscreen-card
.v265-camera-live-controls
.camera-live-fullscreen-button {
    min-height: 42px !important;
}

body #camera-live-modal
.v2652-fullscreen-card
.v265-camera-live-footer {
    min-height: 48px !important;
    padding:
        8px
        13px
        calc(
            8px +
            env(safe-area-inset-bottom)
        ) !important;

    background: #08080b !important;
}

@media (
    max-width: 760px
) and (
    orientation: landscape
) {
    body #camera-live-modal
    .v2652-fullscreen-card {
        grid-template-columns:
            minmax(180px, 27vw)
            minmax(0, 1fr) !important;

        grid-template-rows:
            minmax(0, 1fr)
            auto !important;
    }

    body #camera-live-modal
    .v2652-fullscreen-card
    .v265-camera-live-header {
        grid-column: 1 !important;
        grid-row: 1 / 3 !important;

        min-height: 100dvh !important;
        padding:
            calc(13px + env(safe-area-inset-top))
            58px
            calc(13px + env(safe-area-inset-bottom))
            15px !important;

        border-right:
            1px solid rgba(255, 255, 255, 0.09) !important;
        border-bottom: 0 !important;
    }

    body #camera-live-modal
    .v2652-fullscreen-card
    .camera-live-stage {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    body #camera-live-modal
    .v2652-fullscreen-card
    .v265-camera-live-controls {
        grid-column: 2 !important;
        grid-row: 2 !important;
    }

    body #camera-live-modal
    .v2652-fullscreen-card
    .v265-camera-live-footer {
        display: none !important;
    }

    body #camera-live-modal
    .v2652-fullscreen-card
    #camera-live-close.v265-camera-live-close {
        top:
            calc(
                12px +
                env(safe-area-inset-top)
            ) !important;
        right: 10px !important;
    }
}