/**
* Theme Name: Asteno Child
* Description: This is a child theme of Asteno, generated by Merlin WP.
* Author: <a href="https://wpopal.com/">Opalthemes</a>
* Template: asteno
* Version: 1.1.5
*/

/* =========================================================================
   PATCH — Qui veut boire quoi ?
   1) Masque le header (HFE/Elementor + thème) et le footer en entier
   2) Page d'accueil : logo plein écran centré sur fond bleu de la marque
   Couleur de marque (fond du logo) : #19164B
   ========================================================================= */

/* --- 1. Masquer header + footer (temporaire) ------------------------------ */
#masthead,
header#masthead,
.site-header,
.ehf-header #masthead,
.elementor-location-header,
#colophon,
footer#colophon,
.site-footer,
.elementor-location-footer {
    display: none !important;
}

/* --- 2. Page d'accueil : splash logo plein écran + scroll ----------------- */
/* Fond du body : on retire l'image pattern et on garde le bleu de la marque */
body {
    background-image: none !important;
    background-color: #19164B !important;
}

/* Le défilement est animé en JS (durée/easing maîtrisés) : pas de smooth CSS */
html {
    scroll-behavior: auto;
}

/* Le splash : premier écran complet, fond bleu + logo centré.
   Cliquable en entier pour scroller vers la 1ère section de la page. */
#qvbq-splash {
    position: relative;
    width: 100%;
    min-height: 100vh;
    min-height: 100svh; /* tient compte des barres mobiles */
    background-color: #19164B;
    background-image: url("/wp-content/uploads/2026/05/17641751332102.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    /* logo aussi grand que possible tout en restant entièrement visible,
       plafonné à 760px, avec une marge bleue autour. */
    background-size: min(85vmin, 760px);
    cursor: pointer;
}

/* Flèche animée en bas du splash (indicateur "scroller pour voir la suite") */
#qvbq-splash .qvbq-arrow {
    position: absolute;
    left: 50%;
    bottom: 30px;
    width: 48px;
    height: 48px;
    margin-left: -24px;
    color: #fff;
    opacity: 0.9;
    animation: qvbqBounce 1.8s ease-in-out infinite;
    pointer-events: none; /* le clic passe au conteneur #qvbq-splash */
}

#qvbq-splash .qvbq-arrow svg {
    display: block;
    width: 100%;
    height: 100%;
}

@keyframes qvbqBounce {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(12px); }
}