@charset "UTF-8";

/* Modular class */
.tw-grid {
    display: grid;
    grid-template-columns: 1fr;
}
.tw-grid,
.tw-grid > * {
    margin-block-start: 0;
    gap: 2rem;
}
.tw-grid-superposed {
    align-items: center;
    justify-items: center;
}

/* Template hierarchy */
.tw-main-page,
.tw-main-single {
    padding-top: var(--wp--preset--spacing--tw-normal);
    margin: 0 !important;
}
.tw-main-page,
.tw-main-single {
    padding-bottom: var(--wp--preset--spacing--tw-normal);
}
.tw-main-page-sans-titre {
    padding-bottom: 0;
}

/* Watermarks */
.tw-watermark {
	background-repeat: no-repeat;
	background-position: center center;
}
.tw-watermark-services {
	background-image: url(../../img/filigrane-Laposte-Jaune-Padding.png);
	background-size: 100%;
}
.tw-watermark-vivre {
	background-image: url(../../img/filigrane-Laposte-Gris-Padding.png);
	background-size: 80%;
}


/* Call-me card — robot image centered at top edge */
.tw-sb-call-me {
	position: relative;
	padding-block-start: 100px !important;
}
.tw-sb-call-me::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 130px;
	height: 130px;
	background-image: url('../../img/etre-rappele.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

/* Partenaires — top shadow */
.wp-block-group.ta-partenaires {
	box-shadow: 0 -9px 16px -4px rgb(0 0 0 / 5%);
}

/* Sticky header — mobile only */
header.wp-block-template-part {
	background-color: var(--wp--preset--color--tw-light);
	position: sticky;
	top: 0;
	z-index: 100;
}
.admin-bar header.wp-block-template-part {
	top: var(--wp-admin--admin-bar--height);
}

@media (min-width: 782px) {

	header.wp-block-template-part {
		position: static;
	}

}

@media (min-width: 782px) {
	.tw-single-grid {
		grid-template-columns: 78% 1fr;
	}
	.tw-grid-4-col-desk {
		grid-template-columns: repeat(4 , 1fr) !important;
	}
	.tw-watermark-services {
		background-size: 90%;
	}
	.tw-watermark-vivre {
		background-size: 100%;
	}

}