/* Feuille de style propre a l INSTA.
 *
 * Emplacement volontaire : wp-content/custom_insta/ — hors des repertoires
 * de themes et d extensions, donc rien ne l ecrase lors d une mise a jour
 * ni d un changement de theme.
 *
 * Elle est attachee par le greffon mu-plugins/insta-styles.php, qui se charge
 * automatiquement : il n y a rien a raccrocher apres un changement de theme.
 */

/* --- Bandeau de haut de page ---------------------------------------------
 * Remplace le diaporama SmartSlider qui ne servait qu a afficher une image
 * fixe. Geometrie relevee dans le navigateur sur l ancien rendu : pleine
 * largeur, hauteur 270 px, cadrage « cover » centre sur 57 % / 41 %.
 *
 * Le second selecteur est necessaire : le theme plafonne tout enfant direct
 * de .entry-content a 840 px (.entry-content:not(.wc-tab) > *), et sur
 * certaines pages le bandeau est pose a ce niveau. La classe repetee donne
 * la specificite suffisante, sans recourir a !important.
 */
.insta-bandeau,
.entry-content .insta-bandeau.insta-bandeau {
	margin: 0;
	line-height: 0;
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	margin-bottom: 30px;
}

.insta-bandeau img {
	display: block;
	width: 100%;
	height: 270px;
	object-fit: cover;
	object-position: 57% 41%;
}

/* Alignement vertical : selon la page, le bloc est soit enfant direct de
 * .entry-content, soit enfoui dans sept niveaux de conteneurs Kubio dont
 * deux portent un padding-top de 15 px. On remonte les cas imbriques et on
 * laisse ceux qui sont deja a la bonne hauteur. */
.insta-bandeau,
.entry-content .insta-bandeau.insta-bandeau { margin-top: -30px; }
.entry-content > .insta-bandeau.insta-bandeau { margin-top: 0; }

@media (max-width: 900px) { .insta-bandeau img { height: 180px; } }
@media (max-width: 600px) {
	.insta-bandeau img { height: 130px; }
	.insta-bandeau,
	.entry-content .insta-bandeau.insta-bandeau { margin-bottom: 18px; }
}