/*
Theme Name:  WebAPP
Theme URI:   https://webappassobusiness.attraptemps.dev
Version:     1.0
Description: Thème enfant pour la web app
Author:      Admin
Author URI:  https://webappassobusiness.attraptemps.dev
Template:    Divi
*/

/*- Add any CSS custom code for this child theme below this line -*/

/*=== Css MENU DESK et MOBILE ===*/
/* DESKTOP */
@media screen and (min-width: 769px) {
    #menu-desk {
        display: block ! important;
    }
    #menu-mobile {
        display: none ! important;
    }
}
/* MOBILE */
@media screen and (max-width: 768px) {
    #menu-mobile {
        display: block ! important;
    }
    #menu-desk {
        display: none ! important;
    }
}


/*=== Css Générale ===*/
body {
    height: 100svh !important;
    overflow: hidden;
}
body, html {
    overflow-x: hidden;
}

h1 {font-size: 50px;}
h2 {font-size: 35px;}
h3 {font-size: 25px;}
h4 {font-size: 18px;}
h5 {font-size: 18px; text-transform: uppercase;}


.light h1, .light h2, .light h3, .light h4, .light h5 {color: var(--secondary-color);}

/* classes personnalisées qui désigneront l'ordre
   des colonnes dans la ligne de la flexbox */
.first-on-mobile {
    -webkit-order: 1;
    order: 1;
}
.second-on-mobile {
    -webkit-order: 2;
    order: 2;
}
.third-on-mobile {
    -webkit-order: 3;
    order: 3;
}
.fourth-on-mobile {
    -webkit-order: 4;
    order: 4;
}
/* ajoute une marge à la dernière colonne */
.custom_row:last-child .et_pb_column:last-child {
    margin-bottom: 30px;
}

/* COOKIE NOTICE */
.cn-button.bootstrap {
    color: var(--secondary-color);
    background: #666;
}

/*=== MEDIA QUERIES ===*/
/* iPad Pro/Air 11" */
@media only screen
and (min-width: 1024px)
and (max-height: 1366px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1.5) {

h1 {font-size: 40px;}
h2 {font-size: 30px;}
h3 {font-size: 25px;}
h4 {font-size: 18px;}
h5 {font-size: 18px;}

}

/* iPhone 6 & > */
@media all and (max-width: 940px) {

h1 {font-size: 35px;}
h2 {font-size: 25px;}
h3 {font-size: 20px;}
h4 {font-size: 20px;}
h5 {font-size: 20px;}
}


/*----------Alignement vertical-----------*/
.centrer-verticalement {
    display: flex;
    flex-direction: column;
    justify-content: center;

/* Et les déclinaisons avec préfixes pour obtenir un résultat homogène sur les divers navigateurs  */
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
}

/* LUDO */
body {
    /* height: 100svh !important; */
    overflow: hidden !important;    
}
#page-container {
    height: 100svh !important;
}
/* variable couleur */
:root {
    --primary-color: #333;
    --secondary-color: #fff;
    --tertiary-color: #f1f4f9;
}

.et_pb_row_0_tb_header {
    display: flex !important;
}


/* CALENDRIER  - START */
ul.et_pb_tabs_controls {
    background-color: transparent;
    display: flex;
    gap: 10px;
}
ul.et_pb_tabs_controls:after {
    border-top: 0px solid #d9d9d9;
    content: "";
    display: block;
    visibility: visible;
    position: relative;
    top: -1px;
    z-index: 9;
}

ul.et_pb_tabs_controls .et_pb_tab_active,
ul.et_pb_tabs_controls .et_pb_tab_1_tb_body,
ul.et_pb_tabs_controls .et_pb_tabs_controls li {
    border-right: none !important;
    border-bottom: none !important;
    border: none !important;
}

ul.et_pb_tabs_controls .et_pb_tab_active {
    border-radius: 10px;
    color: #fff;
}

/* BETTER MESSAGES */
/* Bouton BETTER MESSAGES - VUE MOBILE */
#bp-better-messages-mini-mobile-open {
    /* bottom: 85px !important; */
    display: none !important;
}
@media screen and (max-width: 768px) {
    .bp-messages-wrap {
        height: calc(100% - 100px) !important;
    }
}

/* Bouton agrandissement - VUE MOBILE */
.bpbm-maximize {
    display: none !important;
}


/* Style pour le bouton 'installButton' */
.installButton {
    display: none; /* Par défaut, masqué, sera affiché en JS */
    position: fixed; /* Toujours visible en haut */
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000; /* S'assurer que le bouton est au-dessus des autres éléments */
    background-color: gray;
    color: #fff;
    border: none;
    padding: 15px 20px; /* Un peu plus d'espace pour un bouton plus visible */
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

#page-container {
    height: 0% !important;
    background-color: #fff !important;
}
#main-content {
    /* background-color: transparent !important; */
    /* height: 100vh !important; */
}

/* Popup support */
#popmake-1051 {
    border-radius: 20px;
}
.gform_title {
    text-align: center;
}
#popmake-1051 input[type=submit] {
    width: 100%;
    border-radius: 20px;
    padding: 12px 24px;
    border: none;
}