/* =========================================================
   HONFLEUR INSIDER - SPLASH SCREEN HI
   ========================================================= */

html.rdh-splash-active,
body.rdh-splash-active {
    overflow: hidden !important;
}

#rdh-hi-splash {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483647 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;

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

    background: #ffffff !important;

    opacity: 1;
    visibility: visible;

    transition:
        opacity 650ms ease,
        visibility 650ms ease;
}

#rdh-hi-splash.rdh-hi-splash-leaving {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

#rdh-hi-splash img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

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

    object-fit: cover !important;
    object-position: center center !important;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

@media (prefers-reduced-motion: reduce) {
    #rdh-hi-splash {
        transition-duration: 150ms !important;
    }
}

/* SPLASH HI - ANTI FLASH - DEBUT */

/*
 * Cette classe est placée sur <html> dans le head,
 * avant l'affichage de la page.
 */
html.rdh-hi-splash-skip #rdh-hi-splash {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* SPLASH HI - ANTI FLASH - FIN */




/* =========================================================
   RDH_SPLASH_NATIVE_PICTURE_CSS_V1

   Le conteneur <picture> prend exactement
   la surface complète du splash.
   ========================================================= */

#rdh-hi-splash .rdh-hi-splash-picture {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

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

#rdh-hi-splash .rdh-hi-splash-picture img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

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

    object-fit: contain !important;
    object-position: center center !important;
}

/* =========================================================
   RDH_SPLASH_PAYSAGE_RESPONSIVE_V1

   Écrans horizontaux >= 800 px :
   affichage integral du visuel paysage.

   Les écrans verticaux conservent exactement
   le comportement historique du splash.
   ========================================================= */

@media
    (min-width: 800px)
    and (orientation: landscape) {

    #rdh-hi-splash {
        background: #ffffff !important;
    }

    #rdh-hi-splash .rdh-hi-splash-picture img {
        width: 100% !important;
        height: 100% !important;

        object-fit: contain !important;
        object-position: center center !important;
    }
}