/* Header css */
.wp-block-site-title {
	text-transform: none !important;
}

.site-header {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	z-index: 10 !important;
	background-color: transparent !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	padding: 20px !important;
}

.site-header .site-brand {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
}

.site-header .site-logo {
	margin-right: auto !important;
}

.site-header .wp-block-group.is-layout-flow {
	margin-left: auto !important;
}

.site-header nav.wp-block-navigation {
	margin-left: auto !important;
	display: flex !important;
	justify-content: flex-end !important;
	flex-grow: 0 !important;
	font-weight: bold;
}

/* Title and meta data remover */
.site-header .wp-block-navigation__responsive-container-open {
	margin-left: auto !important;
}

.wp-block-group.post-meta {
	display: none !important;
}

/* Margin remover for pages except Home */
.wp-block-spacer {
	margin-block-start: 0 !important;
}

/*Button animation hover*/
.button-hover-animation .wp-block-button__link:not(.no-hover-animation) {
	color: #f09a2a !important;
	background-color: #ffffff !important;
	transition: background-color .3s ease, color .3s ease !important;
}

.button-hover-animation .wp-block-button__link:not(.no-hover-animation):hover {
	background-color: #f09a2a !important;
	color: #ffffff !important;
}

.current-menu-item {
	color: #f09a2a;
}

/* Video resolution */
.video-js .vjs-tech {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Contact form icon */
.wp-block-jetpack-button.no-hover-animation input[type="submit"],
.wp-block-jetpack-button.no-hover-animation button {
	background-image: url('https://pate-a-modeler.fr/wp-content/uploads/2025/04/icone_envoyer.png') !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	text-indent: -9999px !important;
	width: 200px;
	height: 98px;
	border: none !important;
	padding: 0 !important;
	display: block !important;
	background-color: transparent !important;
	color: transparent !important;
	margin-top:10px !important;

}

.wp-block-jetpack-button.no-hover-animation input[type="submit"]:hover,
.wp-block-jetpack-button.no-hover-animation button:hover {
	background-image: url('https://pate-a-modeler.fr/wp-content/uploads/2025/04/icone_envoyer.png') !important;
	background-color: transparent !important;
	color: transparent !important;
}

@media only screen and (max-width: 600px) {
    .no-mobile {
        display: none;
    }
	    .mobile-center {
      text-align: center !important; 
			width: fit-content !important;
			margin-left: auto !important;
      margin-right: auto !important;
    }
    *[class="5px-margin-top"], *[class*="5px-margin-top "] {
        margin-top: 5px !important;
    }
    *[class="10px-margin-top"], *[class*="10px-margin-top "] {
        margin-top: 10px !important;
    }
    *[class="15px-margin-top"], *[class*="15px-margin-top "] {
        margin-top: 15px !important;
    }
    *[class="20px-margin-top"], *[class*="20px-margin-top "] {
        margin-top: 20px !important;
    }
    *[class="25px-margin-top"], *[class*="25px-margin-top "] {
        margin-top: 25px !important;
    }
    *[class="30px-margin-top"], *[class*="30px-margin-top "] {
        margin-top: 30px !important;
    }
/* Reorder columns for PAM section */
.reorder-columns-pam {
    display: flex !important;
    flex-direction: column !important;
}
.reorder-columns-pam .wp-block-column:nth-child(1) {
    order: 2 !important; /* Texte + bouton en bas */
}
.reorder-columns-pam .wp-block-column:nth-child(2) {
    order: 1 !important; /* Image en haut */
}
.width-70 img {
    width: 70% !important;
    height: auto !important;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
	  .reorder-columns-pam {
    gap: 0 !important; /* on enlève complètement l'espace flex */
  }

  .reorder-columns-pam > .wp-block-column {
    margin: 0 !important;
    padding-top: 0 !important; 
    padding-bottom: 0 !important;
  }
  .reorder-columns-pam p,
  .reorder-columns-pam figure {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
	  .video-js {
    position: relative !important;
    width: 100vw !important;
    height: 100vh !important;
    overflow: hidden !important;
    background: black !important;
  }

  .video-js video.vjs-tech {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) rotate(90deg) !important;
    transform-origin: center center !important;
    width: 100vh !important;
    height: 100vw !important;
    object-fit: cover !important;
    background: black !important;
  }
	    .wp-block-navigation__responsive-container-open {
        margin-top: -20px !important;
    }
}