/*
Theme Name: Twenty Twenty-Five Child
Template: twentytwentyfive
Version: 1.0.0
Description: Child theme of Twenty Twenty-Five
*/

/* Import du style du thème parent */
/* @import url("../twentytwentyfive/style.css"); */

/* Vos styles personnalisés peuvent être ajoutés ici */

/* Déclaration de la police Impact */
/* .logo {
    display:inline-block;
} */
strong {
    font-weight: bold;
}
 main {
    margin-top: 0 !important;
 }
.top-logo img, 
.top-logo a,
.bottom-logo img {
    display:block;
    margin:auto;
 }
.adresse a {
    display: flex;
    align-items: flex-start;
    gap: 5px;
    text-decoration: none;
}

.adresse a::before {
    content: "";
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    background-image: url('assets/images/location.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 9px;
}

.reservation-btn a {
    position: relative;
    padding-left: 37px;
    text-decoration: none;
}

.reservation-btn a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background-image: url('assets/images/calendar.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.reservation-btn a:hover,
.adresse a:hover {
    text-decoration: underline;
}
.water-mark-box-inner{
    position: absolute;
    z-index: 1;
    left: 18px;
    top:25px;
    bottom: 13px;
  }

/* Bouton avec décroché à gauche */
.slashed-btn {
    position: relative;
    display: inline-block;
    background-color: #DF832F;
    color: #FFFFFF;
    font-family: Manrope, Arial, sans-serif;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    line-height: 1.2;
    text-decoration: none;
    border: none;
    cursor: pointer;
    box-sizing: border-box;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 20px 100%, 0% 70%);
}

/* Effet hover */
.slashed-btn:hover {
    background-color: #165eb8;
    color: #FFFFFF;
    text-decoration: none;
}

.slashed-btn a {
    background-color: transparent !important;
}
.border-img img{
    width: 100%;
    height: 40px;
    object-fit: cover;
}
.usefull-link-nav ul {
    list-style: none;
    padding-left: 0;
    gap : 10px;
}

.usefull-link-nav ul li {
    position: relative;
    padding-left: 17px;
}

.usefull-link-nav ul li::before {
    content: "•";
    color: #DF832F;
    position: absolute;
    left: 0;
    font-size: 1.5em;
}

/* Masquer la colonne contenant l'adresse et le bouton de réservation sur mobile */
@media (max-width: 768px) {
    .wp-block-column:has(.adresse, .reservation-btn) {
        display: none !important;
    }
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    background-color: #000;
    display:block;
    left: 15px;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    padding : 0 5px;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container li::before {
    display: none;
}