/*
 * Palier tablette de la grille du carnet d'adresses.
 *
 * Les colonnes du thème passent de trois de front à une seule sous 768 pixels,
 * sans palier intermédiaire : entre les deux, trois cartes côte à côte laissent
 * des colonnes trop étroites pour leur texte. Ces règles n'existent que pour
 * cette largeur d'écran et ne s'appliquent qu'à la grille des fiches.
 */
@media only screen and (min-width: 768px) and (max-width: 989px) {

	.responsive #top #wrap_all .montastruc-partenaires-grille .entry-content-wrapper > div.flex_column.av_one_third {
		width: 48%;
		margin-left: 4%;
		clear: none;
	}

	.responsive #top #wrap_all .montastruc-partenaires-grille .entry-content-wrapper > div.flex_column.av_one_third:nth-of-type(odd) {
		margin-left: 0;
		clear: both;
	}
}

/*
 * Emplacement d'image constant dans la grille du carnet d'adresses.
 *
 * Les photos fournies n'ont ni le même cadrage ni les mêmes proportions : sans
 * contrainte, une carte illustrée fait le double de la hauteur de ses voisines
 * et la rangée part de travers. Le recadrage se fait par l'affichage, le
 * fichier d'origine n'est pas touché.
 */
.montastruc-partenaire-vignette .avia-image-container img.avia_image {
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	object-position: center center;
}

.montastruc-partenaire-vignette .avia-image-container {
	margin-bottom: 20px;
}

/*
 * Aucun effet au passage de la souris sur la photo d'une carte du carnet.
 *
 * Le thème anime ses images au survol et les agrandit d'un dixième. Posée dans
 * un emplacement au format fixe, la photo débordait alors sur le nom du
 * partenaire. L'effet est déjà retiré à la source, dans l'élément lui-même.
 *
 * Restait un second effet, invisible dans le code du gabarit : le thème ajoute
 * par son script un calque blanc par dessus toute image qui porte un lien, et
 * le fait passer à sept dixièmes d'opacité au survol. C'est lui qui donnait
 * l'impression que la photo devenait transparente. Il est masqué ici, dans la
 * grille du carnet et nulle part ailleurs.
 */
.montastruc-partenaire-vignette .image-overlay {
	display: none !important;
}

.montastruc-partenaire-vignette .avia-image-container,
.montastruc-partenaire-vignette .avia-image-container-inner,
.montastruc-partenaire-vignette .avia-image-overlay-wrap,
.montastruc-partenaire-vignette a.avia_image,
.montastruc-partenaire-vignette img.avia_image {
	transition: none;
}

.montastruc-partenaire-vignette .avia-image-container:hover,
.montastruc-partenaire-vignette .avia-image-container-inner:hover,
.montastruc-partenaire-vignette .avia-image-overlay-wrap:hover,
.montastruc-partenaire-vignette a.avia_image:hover,
.montastruc-partenaire-vignette a.avia_image:focus,
.montastruc-partenaire-vignette img.avia_image:hover {
	transform: none;
	opacity: 1;
	filter: none;
	box-shadow: none;
}

/*
 * Texte des cartes du carnet, centré sous son titre.
 *
 * Les titres du thème sont centrés dans cette grille : une description alignée
 * à gauche sous un nom centré donnait une carte de travers.
 */
.montastruc-partenaire-vignette .avia_textblock {
	text-align: center;
}

/*
 * Zone d'entrée de la fiche, deux colonnes sur ordinateur.
 *
 * Le résumé et les images tiennent la colonne de gauche, les coordonnées la
 * droite. Le thème replie seul ses colonnes sous 768 pixels : la fiche revient
 * alors à une colonne unique, dans l'ordre résumé, images, coordonnées, et
 * c'est la mise en page mobile qui est déjà en service.
 */
.montastruc-partenaire-entree .montastruc-partenaire-carte {
	align-self: flex-start;
}

.montastruc-partenaire-entree .montastruc-partenaire-resume .avia_textblock {
	font-size: 1.05em;
	line-height: 1.75;
}

/*
 * Les deux colonnes du bloc des coordonnées.
 *
 * Rangées en deux colonnes et non en quinconce : chaque groupe garde ses
 * lignes l'une sous l'autre, à gauche de quoi joindre le prestataire, à droite
 * de quoi le situer.
 */
.montastruc-partenaire-carte .avia_textblock {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px 30px;
	align-items: start;
	text-align: left;
}

.montastruc-partenaire-carte .montastruc-infos-groupe > p {
	margin: 0 0 16px 0;
}

.montastruc-partenaire-carte .montastruc-infos-groupe > p:last-child {
	margin-bottom: 0;
}

/*
 * Un groupe seul occupe les deux colonnes plutôt que d'en laisser une vide :
 * une fiche qui ne publie pas d'adresse ne doit pas montrer un trou.
 */
.montastruc-partenaire-carte .avia_textblock > .montastruc-infos-groupe:only-child {
	grid-column: 1 / -1;
}

/*
 * En tablette, la carte occupe déjà une demi-largeur : deux colonnes de plus à
 * l'intérieur laisseraient des colonnes de cent pixels, où « Saint-Martin-des-
 * Combes » se casse en quatre lignes. Le bloc revient donc à une seule colonne
 * dès le seuil tablette du thème, et non au seul seuil mobile.
 */
@media only screen and (max-width: 989px) {

	.montastruc-partenaire-carte .avia_textblock {
		grid-template-columns: minmax(0, 1fr);
		gap: 0;
	}

	.montastruc-partenaire-carte .montastruc-infos-groupe > p:last-child {
		margin-bottom: 16px;
	}
}

/*
 * La galerie tient dans sa colonne.
 *
 * Le thème compense l'écart entre ses vignettes en élargissant le conteneur de
 * quinze pixels. En pleine largeur cela ne se voit pas ; dans une demi-colonne,
 * la galerie mordait sur la colonne voisine et, en mobile, sur la marge.
 */
.montastruc-partenaire-resume .av-masonry {
	max-width: 100%;
}

/*
 * Introduction de la page de liste, centrée sous son titre.
 *
 * Le titre et le filet décoratif qui la précèdent sont centrés par le thème :
 * deux paragraphes alignés à gauche en dessous donnaient un en-tête de travers.
 */
.montastruc-partenaires-entete .avia_textblock {
	text-align: center;
}