/*Sections spaces */
#section-concept, #section-menu, #section-infos {
    /*min-height: 60vh;*/
    padding-top: 2rem;
    margin-bottom: 3rem;
}
#section-concept{
    min-height: 85vh;
}

#section-reservations {
    padding-bottom: 6rem;
}

/*Page concept */
.imgConcept {
    width: 24rem;
    height: 35.313rem;
    top: 13.875rem;
    left: 9.375rem;
    gap: 0rem;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0.938rem 0.938rem 0.125rem 0.063rem var(--orange);
    border-radius: 0.313rem;
}

.titleConceptParagraphe {
    font-size: 2rem;
    font-family: "courier prime";
}

.titleConceptParagraphe::before {
    content: '';
    position: absolute;
    width: 5.75rem;
    height: 1rem;
    background-color: var(--green2); /* Bleu semi-transparent */
    z-index: -1; /* Assure que le carré est placé derrière le texte */
    margin-left: 6.25rem;
    margin-top: 1.875rem;
}

.textHeure {
    display: flex;
    justify-content: center;
    align-items: center; /* Centrage vertical */
    font-family: "courier prime";
    font-size: 1rem;
}

.textConcept {
    font-family: "courier prime";
    font-size: 1.25rem;
}

.vertical-block {
    writing-mode: vertical-lr; /* Cette propriété spécifie le mode d'écriture, ici de haut en bas */
    text-orientation: mixed; /* Cette propriété spécifie l'orientation du texte */
    align-items: center; /* Center vertically within the parent */
    transform: rotate(180deg);
}

.vertical-text {
    transform: rotate(180deg);
    writing-mode: vertical-lr; /* Cette propriété spécifie le mode d'écriture, ici de haut en bas */
}

/* Page Menu */
.boutonMenu {
    background-color: var(--orange);
    color: white;
    margin-top: 0.625rem;
    font-family: "courier prime";
    padding: 2.5rem 0rem !important;
    font-size: 1.25rem;
    text-align: center;
    margin-right: 0.8rem;
    margin-left: 0.8rem;
}

.boutonMenuActive {
    background-color: var(--white);
    color: var(--orange);
    margin-top: 0.625rem;
    font-family: "courier prime";
    padding: 2.5rem 0.8rem !important;
    font-size: 1.25rem;
    text-align: center;
    margin-right: 0.8rem;
    margin-left: 0.8rem;
}

.boutonMenu:hover,.boutonMenuActive:hover {
    background-color: var(--white);
    color: var(--orange);
}

.titleMenuCategories {
    font-family: "courier prime";
    font-size: 2rem;
    background-color: var(--green2);
    width: fit-content;
    margin-bottom: 1rem;
    padding : 0rem 0.5rem;
}

.PriceMenu {
    display: flex;
    justify-content: right;
}

.nameMenu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: "courier prime";
    font-size: 1.25rem;
    margin-bottom: 0rem;
}

.descriptionMenuComputer {
    font-family: "courier prime";
    width: 25rem;
    font-size: 0.875rem;
}

.sauces-description {
    font-family: "courier prime";
    font-size: 0.75rem;
}

.divFormule {
    font-family: "courier prime";
    background-color: var(--green2);
    /* margin-bottom: 1.25rem; */
    justify-content: center;
    align-items: center;
    text-align: center;
}

.divFormule2 {
    font-family: "courier prime";
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 0.7rem;
}

.NamePriceFormule {
    font-size: 1.25rem;
}

.descriptionFormule {
    font-size: 1rem;
}

#homemade-food_logo{
    position: relative;
    left: 15rem;
}

/*Page Info */
.textInfo {
    font-family: "Courier Prime";
    font-size: 2rem;
    position: relative;
}

.textInfo2 {
    font-family: "courier prime";
    font-size: 1.25rem;
}

.divWeekInfo {
    margin-left: 8rem;
    margin-right: 8rem;
    font-family: "courier prime";
    font-size: 1.25rem;
}

.iframeInfo {
    width: 28.125rem;
    height: 28.125rem;
}

/*Page Reservation */
.textReservation {
    font-family: "courier prime";
    font-size: 1.25rem;
}

.textReservation::before {
    content: '';
    position: absolute;
    font-family: "courier prime";
    width: 11rem;
    height: 1rem;
    background-color: var(--green2); /* Bleu semi-transparent */
    z-index: -1; /* Assure que le carré est placé derrière le texte */
    margin-top: 5.688rem;
    margin-left: -5.65rem;
}

a.no-underline-phone {
    text-decoration: none;
    color: white;
}

#footer{
    background: var(--white);
    padding: 0.5rem;
    color: var(--black);
    font-family: "courier prime";
    text-align: center;
}

@media (max-width: 991.98px) {
    /*Page accueil */
    .social-logo {
        display: none; /* Cache le logo Instagram sur les petits écrans */
    }

    #buttonMenu {
        font-size: 2.8rem;
        padding: 2rem 3rem;
    }

    #buttonReservation {
        font-size: 2.8rem;
        padding: 2rem 2.5rem;
    }

    /*Page Concept */
    .titleConceptParagraphe {
        font-size: 2.8rem;
    }

    .titleConceptParagraphe::before {
        width: 7rem;
        margin-left: 10rem;
        margin-top: 2.7rem;
    }

    .marginTextConcept {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }

    .textHeure {
        font-size: 2.3rem;
        margin-left: 3rem;
    }

    .textConceptMobile {
        justify-content: center;
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    .textConcept {
        font-size: 2.3rem;
    }

    .textTitleMobile {
        font-size: 2.8rem;
    }

    .imgConcept {
        width: 32rem;
        height: 42rem;
    }

    /*Menu */
    .titleMenuCategories {
        font-size: 2.8rem;
    }

    .nameMenu {
        font-size: 2.3rem;
    }

    .descriptionMenuComputer {
        font-size: 1.8rem;
        width: 75%;
    }

    .PriceMenu {
        font-size: 2.3rem;
    }

    .sauces-description {
        font-size: 1.5rem;
    }

    .NamePriceFormule {
        font-size: 2.3rem;
    }

    .descriptionFormule {
        font-size: 1.8rem;
    }

    .divFormule2 {
        font-size: 1.5rem;
    }

    .boutonMenu {
        margin-top: 0.625rem;
        padding: 3rem 1rem !important;
        font-size: 2.3rem;
        margin-right: 1rem;
        margin-left: 1rem;
    }

    .boutonMenuActive {
        padding: 3rem 1rem !important;
        font-size: 2.3rem;
        margin-right: 1rem;
        margin-left: 1rem;
    }

    .parent-category {
        margin-left: 1.25rem;
    }

    #homemade-food_logo {
        left: 80%;
        margin-top: 1rem;
    }

    /* Page Info */
    .textInfo {
        font-size: 2.3rem;
    }

    .textInfo2 {
        font-size: 1.8rem;
    }

    .divWeekInfo {
        font-size: 2.3rem;
    }

    .iframeInfo {
        margin-top:1rem;
        width: 75%;
        height: 40rem;
    }
    /*Page reservation */
    .textReservation {
        font-size: 2.3rem;
    }

    .textReservation::before {
        width: 21.875rem;
        height: 1.25rem;
        margin-top: 12.5rem;
        margin-left: -10.938rem;
    }
}

@media (min-width: 1000px) {
    .descriptionFormule {
        margin-left: 70px;
    }
}