/* ========================================
   MOBILE SAFARI BACKGROUND FIX
   Garante o fundo correto em iPhone/Safari
   Respeita o modo escuro (deixav5_dark_mode)
   ======================================== */

/* ---- MODO CLARO: fundo branco em mobile ---- */
@media only screen and (max-width: 768px) {
    body:not(.deixav5_dark_mode) {
        background-color: #ffffff !important;
        background-image: none !important;
    }

    html:not(:has(body.deixav5_dark_mode)) {
        background-color: #ffffff !important;
    }

    /* Garantir que o site container também seja transparente */
    #page {
        background-color: transparent !important;
    }
}

/* Específico para Safari iOS (modo claro) */
@supports (-webkit-touch-callout: none) {
    body:not(.deixav5_dark_mode) {
        background-color: #ffffff !important;
        background-image: none !important;
    }

    html:not(:has(body.deixav5_dark_mode)) {
        background-color: #ffffff !important;
    }
}

body:not(.deixav5_dark_mode)::before,
body:not(.deixav5_dark_mode)::after {
    background-color: #ffffff !important;
}

/* ---- MODO ESCURO: fundo escuro em mobile/Safari ---- */
@media only screen and (max-width: 768px) {
    body.deixav5_dark_mode {
        background-color: #121212 !important;
        background-image: none !important;
    }
}

@supports (-webkit-touch-callout: none) {
    body.deixav5_dark_mode {
        background-color: #121212 !important;
        background-image: none !important;
    }
}

html:has(body.deixav5_dark_mode) {
    background-color: #121212 !important;
}

body.deixav5_dark_mode::before,
body.deixav5_dark_mode::after {
    background-color: #121212 !important;
}

/* Fix para overscroll no iOS */
@media only screen and (max-width: 768px) {
    body {
        -webkit-overflow-scrolling: touch;
    }
}