/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
h1, h2, h3, h4, h5, h6,
.sb-widget-title, .sb-popup-title, .title-small, .header__navigation-link {
  font-family: "Inter", sans-serif !important;
  font-weight: 600 !important;
}

body, p, span, label, input, button, .sb-widget-text, .sb-popup-text {
  font-family: "Noto Sans JP", sans-serif !important;
}



#main-buttons {
 height : 80vh !important;
 display: flex;           
 justify-content: center; 
 align-items: center; 
}

#main-buttons .btn {
 border-radius : 4em !important;
 border-style: solid;
 border-width: 1px 1px 1px 1px;
 border-color: #AAAAAA24;
 box-shadow: 0px 0px 12px 1px #FFFFFF inset;
 background-color: #FFFFFF1A !important;
 backdrop-filter: blur(25px);
 font-family: "Roboto", Sans-serif;
 font-weight: 500;
 color : #ffffff;
 text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
 transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.btn:hover {
  transform: scale(1.1); /* Grossit de 10% */
  box-shadow: 0px 0px 16px 2px #FFFFFF inset; /* Optionnel : intensifie l'effet */
}

.section {
 border-radius: 2em !important;
 border-style: solid !important;
 border-width: 1px 1px 1px 1px !important;
 border-color: #AAAAAA24 !important;
}

#sb_content .btn:not(.social-links .btn) {
 border-radius : 4em !important;
 border-style: solid;
 border-width: 1px 1px 1px 1px;
 border-color: #fffff;
 box-shadow: 0px 0px 12px 1px #FFFFFF inset;
 background-color: #53929C !important;
 backdrop-filter: blur(25px);
 font-family: "Roboto", Sans-serif;
 font-weight: 500;
 color : #fffff;
 text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
 transition: transform 0.3s ease, box-shadow 0.3s ease;
 width: auto;
}

.item__footer, #sb_sign_in_btn {
    text-align: right !important;
    justify-content: flex-end;
}

.item .title {
 text-align: center !important;
}

.item__description.short {
        height: auto;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step .header button, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step .header a {
    border-color: #FFFFFf !important;
    color: #ea9e7f !important;
}

.fa-angle-right:before, .fa-angle-left:before, .package-content .item .selected-package-list.short, .membership-service__list  {
  display: none !important;
}

.header:not(.clearfix) {
 position: absolute;
 z-index: 1;
 margin-top: 2em;
 margin-left: 5%;
 padding: 1em;
 width: 90% !important;
 text-align: center !important;
 justify-content: center !important;
 align-items: center;

 border-radius : 4em !important;
 border-style: solid;
 border-width: 1px 1px 1px 1px;
 border-color: #AAAAAA24;
 box-shadow: 0px 0px 12px 1px #FFFFFF inset;
 background-color: #FFFFFF1A !important;
 backdrop-filter: blur(25px);
 color: #ffffff;
}

.header__navigation-link, .item-container__icon {
 color: #ffffff !important;
 text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.header__navigation-item.active .header__navigation-link, .header__navigation-item:hover .header__navigation-link  {
    border-color: #ea9e7f !important;
}