@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}
* {
    box-sizing: border-box;
}
:root{
	--swiper-pagination-bottom : calc(var(--wp--custom--spacer-m-fluid) * -1);
}

/**
*	Header
**/
header{position: sticky; top: calc(0px + var(--wp-admin--admin-bar--height, 0px)); z-index: 99;}
@media screen and (max-width: 600px) {
	header{top: 0;}
}
.breadcrumb li.active span{font-weight: 700;}

.wp-block-heading{text-wrap: pretty;}

/**	Media & text	**/
.wp-block-column:has(.wp-block-media-text.is-style-mobile.linked),
.wp-block-column:has(.wp-block-media-text.is-style-mobile.is-style-linked){transition: 0.5s}
.wp-block-column:has(.wp-block-media-text.is-style-mobile.linked):hover,
.wp-block-column:has(.wp-block-media-text.is-style-mobile.is-style-linked):hover{transform: scale(1.05);}

.otgs-development-site-front-end{display: none !important;}

/**
*	Main menu
**/
.wp-block-navigation__responsive-container .wp-block-navigation [data-wpml=language-item]:first-of-type{margin-top: 0 !important;}
.wp-block-navigation__responsive-container .wp-block-navigation .wpml-language-switcher-navigation-block ul.horizontal-list{gap: var(--wp--custom--spacer-s-fluid) !important;}

/* .wp-block-navigation .wp-block-site-logo.is-default-size img{height: auto !important;} */
/* .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__responsive-container-content{
	padding-top: 0;
} */
/* .wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay){padding-top: 5px; } */
.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{padding: 0;}
.wp-block-navigation__responsive-co ntainer.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container, 
.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{
	gap: var(--wp--custom--spacer-xs);
}
.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container{
	gap: var(--wp--custom--spacer-s);
}

.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{
	padding-left: var(--wp--custom--spacer-s);
	padding-right: var(--wp--custom--spacer-s);
}
.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
    padding-bottom: var(--wp--style--block-gap, 2em);
	padding-top: var(--wp--custom--spacer-s);
}

	
@media (min-width: 782px) {
	.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content,
	.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation__container, 
	.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{
		gap: var(--wp--custom--spacer-s-fluid);
	}
	
  /* Conteneur du sous-menu */
  .wp-block-navigation .wp-block-navigation__submenu-container {
    min-width: 250px !important;
    padding: var(--wp--custom--spacer-xs);
    border: 1px solid var(--wp--custom--theme-100) !important;
	
    border-radius: var(--wp--custom--radius-s);
    background: #fff;
    box-shadow:
      0 4px 6px -2px rgba(0, 0, 0, 0.05),
      0 12px 32px -4px rgba(0, 0, 0, 0.12);

    /* État initial : masqué + légèrement décalé */
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    transition:
      opacity 0.25s ease,
      transform 0.25s cubic-bezier(0.22, 1, 0.36, 1),
      visibility 0.25s;
  }

  /* Petit espace entre l'item parent et le sous-menu */
  .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
    margin-top: 10px;
  }

  /* Zone tampon invisible pour ne pas perdre le hover
     dans le gap créé par le margin-top */
  .wp-block-navigation .has-child .wp-block-navigation__submenu-container::before {
    content: "";
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    height: 12px;
  }

  /* État ouvert (hover + navigation clavier) */
  .wp-block-navigation .has-child:hover > .wp-block-navigation__submenu-container,
  .wp-block-navigation .has-child:focus-within > .wp-block-navigation__submenu-container {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  /* Items du sous-menu */
  .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    padding: var(--wp--custom--spacer-xs) !important;
    border-radius: var(--wp--custom--radius-s);
    transition: background-color 0.15s ease, color 0.15s ease;
  }

  .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
    background-color: var(--wp--custom--theme-100);
  }

  /* Sous-sous-menus (niveau 2) : ouverture latérale plus propre */
  .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
    margin-top: 0;
    margin-left: 12px;
    transform: translateX(8px);
  }

  .wp-block-navigation .wp-block-navigation__submenu-container .has-child:hover > .wp-block-navigation__submenu-container,
  .wp-block-navigation .wp-block-navigation__submenu-container .has-child:focus-within > .wp-block-navigation__submenu-container {
    transform: translateX(0);
  }

  /* La flèche (chevron) du parent pivote à l'ouverture */
  .wp-block-navigation .has-child .wp-block-navigation__submenu-icon svg {
    transition: transform 0.25s ease;
  }

  .wp-block-navigation .has-child:hover .wp-block-navigation__submenu-icon svg,
  .wp-block-navigation .has-child:focus-within .wp-block-navigation__submenu-icon svg {
    transform: rotate(180deg);
  }
}

@media (min-width: 1280px) {
	.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content,
	.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation__container, 
	.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{
		gap: inherit;
	}
}


/**
*	contact form
**/
.wpcf7-form .cf7-grid input[type="submit"] {
    color: var(--wp--custom--false-white);
	padding-top: 0.62em;
    padding-right: 1.85em;
    padding-bottom: 0.62em;
    padding-left: 1.85em;
    border-radius: 0;
    font-weight: 400;
	display: block; 
	width: auto; 
	margin: 0 auto;
}


/**
*	footer
**/
footer .wp-block-site-logo{background: var(--wp--custom--false-white); display: inline-block; padding: var(--wp--custom--spacer-s-fluid) var(--wp--custom--spacer-m-fluid); width: auto;}
footer .wp-block-site-logo.is-default-size img{}
footer p.is-style-tag, footer p.tag{color: rgba(250, 250, 247, 0.5);}
footer .wp-block-list > li{padding: var(--wp--custom--spacer-xs) 0;}
footer .wp-block-list > li mark{padding: var(--wp--custom--spacer-xs); display: inline-block; border: 1px solid rgba(250, 250, 247, 0.50); color: inherit; background: transparent !important;}