/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
/*----------------------------------------GENERAL STYLES AND CLASSES----------------------------------------*/
html,
body {
    overflow-x: hidden !important;
}

.elementor-widget-image:not(.logo) a img[src$=".svg"] {
    width: inherit !important;
}

/*DISABLE OUTLINE*/
*:focus-visible {
    outline: none !important;
}
a:hover{
	cursor:pointer;
}
.overflow-hidden,
.overflow-hidden .elementor-widget-container {
    overflow: hidden !important;
}

.height100,
.height100 .elementor-widget-container,
.height100 .elementor-custom-embed {
    height: 100% !important;
}

.width100,
.width100 .elementor-widget-container {
    width: 100% !important;
}

.cta a::before {
    /*THIS EXTENDS THE LINK TO THE ENTIRE WIDGET BLOCK*/
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.pointer:hover {
    cursor: pointer;
}

.pointer-none {
    pointer-events: none;
}

/* TEXT IN FRONT OF STROKE */
* {
    paint-order: stroke;
}

/*SEPARATOR*/
.vertical-separator {
    display: flex;
    height: 100%;
    width: 1px;
    background-color: #fff;
}

@media (max-width: 767px) {
    .sm-overflow-x-scroll {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        flex-wrap: nowrap;

        >.e-con.e-flex {
            --flex-shrink: 0;
        }
    }
	.nobr br{
        display: none !important;
    }
}

@media (max-width: 1024px) {
    .md-overflow-x-scroll {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        flex-wrap: nowrap;

        >.e-con.e-flex {
            --flex-shrink: 0;
        }
    }
}
@media (min-width: 768px){
    .nobr-desktop br{
        display: none !important;
    }
}
/*CARROUSELS*/
.opacity-carrousel {
    position: relative;
    -webkit-mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent);
    mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
.smooth-carrousel .swiper-wrapper{
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
  overflow-x: visible;
}
.smooth-carrousel .swiper{
    overflow: visible !important;
}
.smooth-carrousel img{
    height: 355px !important;
    object-fit: cover !important;
}
/*----------------------------------------TEXT UTILITY CLASSES----------------------------------------*/
.text-primary {
    color: var(--e-global-color-primary);
}

.text-secondary {
    color: var(--e-global-color-secondary);
}

.text-accent {
    color: var(--e-global-color-accent);
}

/*FIX DEFAULT LINK ELEMENTOR*/
.inherit a {
    color: inherit !important;
}
.elementor-kit-5 a{
	font-weight: inherit;
}
.underline a {
    text-decoration: underline !important;
}

/*----------------------------------------UTILITY CLASSES----------------------------------------*/
.backdrop-blur-1 {
    backdrop-filter: blur(1px);
}
.backdrop-blur-5 {
    backdrop-filter: blur(5px);
}

.backdrop-blur-10 {
    backdrop-filter: blur(10px);
}

.backdrop-blur-15 {
    backdrop-filter: blur(15px);
}

.backdrop-blur-20 {
    backdrop-filter: blur(20px);
}
.flex-center{
    display: flex !important;
    justify-content: center;
    align-items: center;
}
.none-mobile{
	@media (max-width: 767px) {
		display: none !important;
	}
}
.none-desktop{
	@media (min-width: 768px) {
		display: none !important;
	}
}
.bigger{
    font-size: calc(100%*1.27);
}
/*----------------------------------------CTAS----------------------------------------*/
.red-bg{
    position: absolute;
    background: #A01D21;
    height: 100%;
    width: 100%;
    z-index: -1;
    left: 0;
    top: 0;
}
.cta-red-bg{
    position: absolute;
    background: #A01D21;
    height: 100%;
    width: 100%;
    z-index: -1;
    left: 0;
    top: 0;
}
.cta-blue-bg{
    position: absolute;
    background: #122236;
    height: 100%;
    width: 100%;
    z-index: -1;
    left: 0;
    top: 0;
}
/*----------------------------------------HOMEPAGE----------------------------------------*/

.red-span span{
    position: relative;
    z-index: 1;
    padding: 5px 10px;
    color: #FFFAEF !important;
}
.red-bold b, .red-bold strong{
    color: #A01D21 !important;
}
.icon-box-header {
    height: 60px !important;
    display: flex;
    align-items: center;
}
.icon-box-header .elementor-icon svg {
    height: inherit;
    width: inherit;
}
.icon-box-mobile{
    height: 60px;
}
/*----------------------------------------FORMULAIRE----------------------------------------*/

#form26 .bookacti-calendar-title{
    display: none;
}
#form26 .bookacti-user-data-fields{
    display: flex;
    gap: 30px;
}
#form26 .bookacti-register-fields{
    display: flex;
    gap: 30px;
    align-items: flex-start;
    margin-top: 0px;
}
#form26 .bookacti-form-field-login-field-container, #form26 .bookacti-form-field-type-quantity {
    display: flex;
    margin-bottom: 0px;
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
}
#form26 .bookacti-login-field-login-type{
    display: none;
}
#form26 [type=button]:focus, #form26 [type=button]:hover, #form26 [type=submit]:focus, #form26 [type=submit]:hover, #form26 button:focus, #form26 button:hover {
    background-color: #A01D21;
    color: #fff;
    text-decoration: none;
    outline: none;
}
#form26 input {
    border: none !important;
    border-radius: 10px !important;
}
#form26 input.bookacti-submit-form{
    border-radius: 10px;
    background: #A01D21;
    color: #FFFAEF;
    font-family: Rubik;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    padding: 15px 50px;
}
#form26 .bookacti-form-field-name-submit {
    text-align: left;
    margin-top: 30px;
}
#form26 input.bookacti-quantity{
    width: 60px;
}
#form26 .bookacti-available-places-number {
    font-size: inherit;
    font-weight: 700;
}
#form26 .fc-toolbar-title, #form26 .bookacti-calendar-title, #form26 .fc-col-header-cell-cushion, #form26 .bookacti-form-field-content, #form26 label{
    color: #fff !important;
}
#form26 .fc-scrollgrid-section-sticky > * {
    background: rgba(255, 255, 255, 0.03);
}
#form26 .fc-timegrid-event-harness-inset .fc-timegrid-event, #form26 .fc-timegrid-event.fc-event-mirror, #form26 .fc-timegrid-more-link {
    box-shadow: none;
    border-radius: 10px;
    padding: 7px;
    border: none;
}
#form26 .fc-event-title {
    bottom: 0px;
    max-height: 100%;
    overflow: hidden;
    top: 0px;
    font-family: 'Rubik One';
    text-transform: uppercase;
}
#form26 .bookacti-calendar .fc-event .fc-event-main {
    background: transparent;
}
#form26 .bookacti-availability-container .bookacti-available-places {
    border-radius: 50px;
    color: #fff;
    font-size: 10px;
    height: 100%;
    line-height: 1.2em;
    padding: 4px 5px;
    text-align: right;
    background-color: #122236 !important;
}
/* Jour actif : surbrillance blanche légère (remplace le fond jaune) */
#form26 .fc .fc-day-today {
    background-color: rgba(255, 255, 255, 0.06) !important;
}

/* Bordures fines et unifiées */
#form26 .fc-theme-standard td,
#form26 .fc-theme-standard th,
#form26 .fc-theme-standard .fc-scrollgrid {
    border: 1px solid #414D5B !important;
}

/* Padding dans les en-têtes de jours */
#form26 .fc-col-header-cell-cushion {
    padding: 16px 12px !important;
    display: block;
}

/* Padding dans les labels horaires */
#form26 .fc-timegrid-slot-label-cushion {
    padding: 10px !important;
}
/* 1. Border-radius sur le conteneur de la grille */
#form26 .fc-scrollgrid {
    border-radius: 10px !important;
    overflow: hidden !important;
}

/* 2. On force le clip sur les cellules internes qui débordent */
#form26 .fc-scroller-harness,
#form26 .fc-scroller {
    border-radius: inherit;
}
/* État actif : fond foncé sur le créneau sélectionné */
#form26 a.fc-event.bookacti-picked-event[style] {
    background-color: #122236 !important;
    border-color: #122236 !important;
}

/* Pilule inversée sur sélection */
#form26 a.fc-event.bookacti-picked-event .bookacti-available-places {
    background-color: #A01D21 !important;
}

/* Transitions fluides */
#form26 .fc-event {
    transition: background-color 0.2s ease, border-color 0.2s ease;
}
#form26 .fc-event .bookacti-available-places {
    transition: background-color 0.2s ease;
}
/* Ligne impaire */
#form26 .fc-timegrid-slots tbody tr:nth-child(odd) td {
    background-color: transparent;
}

/* Ligne paire */
#form26 .fc-timegrid-slots tbody tr:nth-child(even) td {
    background-color: rgba(255, 255, 255, 0.03);
}
#form26 .fc-button-primary:not(:disabled).fc-button-active, #form26 .fc-button-primary:not(:disabled):active {
    background-color: #A01D21;;
    border-color: #A01D21;;
    color: #fff;
}
#form26 .bookacti-available-places, #form26 .bookacti-form-field-name-free_text, #form26 .bookacti-form-field-name-login, #form26 .bookacti-form-field-name-quantity, #form26 .bookacti-form-field-name-submit{
    display: none;
}
/*----------------------------------------TEXTE EN GRAS SI ACTIF SUR LES ACCORDEONS----------------------------------------*/
.faq summary[aria-expanded=true] .e-n-accordion-item-title-text{
	font-weight: 700 !important;
}
/*----------------------------------------RECAPTCHA----------------------------------------*/
.grecaptcha-badge,
.grecaptcha-badge * {
    display: none !important;
}
.elementor-alert-info{
	display: none !important;
}

/*----------------------------------------HEADER----------------------------------------*/
.stickyheadersection {
	transition: background-color .4s ease;
}
.elementor-sticky--effects.stickyheadersection {
	background-color: #122236 !important; /* Background color when sticky */
	backdrop-filter: saturate(180%) blur(20px);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
}
@media (min-width:768px){
	.stickyheadersection .logo img{
		--logo-width: 160px; /* This should be the original logo height *before* being shrunk */
		--logo-shrink-to: 0.60; /* Shrinks logo to 80%, values: 0.10 to 1.00, where 1.00, as in 100%, won't shrink the logo */
		width: var(--logo-width);
		--transition-timing: .45s cubic-bezier(.4, 0, .2, 1);
		transition: width var(--transition-timing);
	}
	.stickyheadersection.elementor-sticky--effects .logo img{
		width: calc(var(--logo-width) * var(--logo-shrink-to));
	}
    .stickyheadersection .nav{
        transition: all .4s ease;
    }
    .stickyheadersection.elementor-sticky--effects .nav{
        --padding-top: 10px;
        --padding-bottom: 10px;
    }

}
/*----------------------------------------PAGE BLOG ARTICLE SEUL---------------------------------------*/
.table-matiere .elementor-toc__header{
    display: none !important;
}
.table-matiere .elementor-toc__list-wrapper li{
    margin-bottom: 20px !important;
}
.table-matiere .elementor-toc__list-wrapper li:last-child{
    margin-bottom: 0px !important;
}
.table-matiere .elementor-toc__body .elementor-toc__list-item-text.elementor-item-active{
    font-weight: 700 !important;
}
.article-blog{
    display: flex;
    flex-direction: column;
    gap: 0px;
}
.article-blog p{
    line-height: 166.667% !important;
}
.article-blog p, .article-blog hr, .article-blog blockquote, .article-blog img, .article-blog table {
    margin-top: 5px;
    margin-bottom: 15px;
}
.article-blog ul, .article-blog ol{
    margin-bottom: 15px;
}
.article-blog h2, .article-blog h3{
    margin-top: 15px;
    margin-bottom: 25px;
}
.article-blog figure img, .article-blog video{
    margin-top: 20px;
    border-radius: 20px;
    width: 100%;
}
.article-blog h2, .article-blog h3, .article-blog h4, .article-blog h5{
    font-family: inherit;
    font-weight: 700;
}
.article-blog h3{
    font-size: 1.5rem;
}
.article-blog blockquote{
   	color: var(--e-global-color-primary);
    font-family: inherit;
    font-size: 23px;
    font-style: italic;
    font-weight: 400;
    line-height: normal; 
    border-radius: 20px;
    background:  var(--e-global-color-accent);
    padding: 15px;
    width: 100%;
    margin-inline-start: 0px;
}
.article-blog tr:first-child td{
    background: #F7F7F7;
}
.article-blog table{
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
}
.article-blog table tr td{
    border: none;
    padding: 15px;
    border-right: 1px solid rgba(00, 00, 00, 0.20);
}
.article-blog table tr td:last-child{
    border: none;
    padding: 15px;
    border-right: none !important;
}
.article-blog .wp-block-separator {
    border: none;
    border-top: 1px solid rgba(00, 00, 00, 0.20);
}
/*----------------------------------------SCROLLBAR CUSTOM----------------------------------------*/
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background-color: var(--e-global-color-accent);
    border-radius: 20px;
    border: 3px solid var(--e-global-color-accent);
}