/*
	Mon Taxi 67 — ajustements personnalisés
	À placer dans assets/css/ et à charger APRÈS main.css
*/

/* Titre du site dans la barre du haut (remplace l'ancien h1) */
	#header .site-title {
		-moz-transition: opacity 0.2s ease-in-out, visibility 0.2s;
		-webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s;
		transition: opacity 0.2s ease-in-out, visibility 0.2s;
		color: #ffffff;
		font-family: Raleway, Helvetica, sans-serif;
		font-size: 0.8em;
		font-weight: 700;
		letter-spacing: 0.1em;
		text-transform: uppercase;
		margin: 0;
		opacity: 1;
		visibility: visible;
	}

		#header .site-title a {
			border: 0;
		}

	#header.alt .site-title {
		opacity: 0;
		visibility: hidden;
	}

/* H1 de la bannière : même rendu que l'ancien h2 */
	#banner h1 {
		-moz-transition: opacity 0.5s ease, -moz-transform 0.5s ease, -moz-filter 0.25s ease;
		-webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease, -webkit-filter 0.25s ease;
		transition: opacity 0.5s ease, transform 0.5s ease, filter 0.25s ease;
		-webkit-transition-delay: 0.65s;
		transition-delay: 0.65s;
		-webkit-transform: translateX(0);
		transform: translateX(0);
		-webkit-filter: blur(0);
		filter: blur(0);
		opacity: 1;
		border-bottom: solid 2px rgba(255, 255, 255, 0.125);
		font-size: 2.25em;
		margin-bottom: 0.8em;
		padding-bottom: 0.4em;
	}

	@media screen and (max-width: 736px) {
		#banner h1 {
			font-size: 1.5em;
		}
	}

	body.is-preload #banner h1 {
		opacity: 0;
		-webkit-transform: translateX(0.25em);
		transform: translateX(0.25em);
		-webkit-filter: blur(2px);
		filter: blur(2px);
	}

/* Formulaire : notes RGPD */
	.form-note {
		color: rgba(255, 255, 255, 0.6);
		font-size: 0.85em;
		line-height: 1.5;
		margin: 0.75em 0 0 0;
	}

	.form-consent {
		color: rgba(255, 255, 255, 0.6);
		font-size: 0.85em;
		line-height: 1.5;
		margin: 0 0 1.5em 0;
	}

/* Contact : mention de l'autorisation de stationnement */
	.contact-note {
		color: rgba(255, 255, 255, 0.6);
		font-size: 0.9em;
	}

/* Pages légales */
	.page-legale #header {
		background-color: rgba(53, 56, 73, 0.95);
	}

	.page-legale .wrapper {
		margin-top: 6em;
	}

	.page-legale .wrapper .inner h1 {
		border-bottom: solid 2px rgba(255, 255, 255, 0.125);
		font-size: 1.6em;
		margin-bottom: 0.5em;
		padding-bottom: 0.5em;
	}

	.page-legale .maj {
		color: rgba(255, 255, 255, 0.6);
		font-size: 0.9em;
	}

	.page-legale h2 {
		margin: 2.5em 0 0.75em 0;
	}

	.page-legale p,
	.page-legale ul {
		margin-bottom: 1em;
	}

	.page-legale .retour {
		display: inline-block;
		margin-bottom: 2em;
	}

	.page-legale .pied {
		border-top: solid 2px rgba(255, 255, 255, 0.125);
		color: rgba(255, 255, 255, 0.5);
		font-size: 0.9em;
		margin-top: 3em;
		padding: 2em 0;
	}

	@media screen and (max-width: 736px) {
		.page-legale .wrapper {
			margin-top: 4em;
		}

		.page-legale .wrapper .inner h1 {
			font-size: 1.25em;
		}
	}