/*
 * « Les partenaires du projet » — patterns/partenaires.php.
 * Loaded only when a group carries .is-style-gb-partenaires (inc/block-styles/partenaires.php).
 *
 * Une rangée par partenaire : logo à gauche, nom et rôle à droite, sur un filet
 * structurel — même grammaire que .is-style-gb-famille (referentiel.css), dont ce
 * fichier reprend la colonne fixe et le filet à 22 %.
 *
 * ── La hauteur du logo n'est JAMAIS un chiffre libre ────────────────────────────
 * Le Pôle Europe a énoncé la règle au mot le 17/09/2026 : « les logos des partenaires
 * doivent être de taille égale ou inférieure à celle du drapeau européen figurant sur
 * le logo Interreg Maritime Green Bay ». Le plafond est donc `--gb-drapeau`, calculé
 * une seule fois dans greenbay.css depuis le tracé livré (rectangle bleu 25,04 × 16,69
 * dans une viewBox de 261,02 × 35,52, soit 0,06394 de la largeur du bloc) : 21 px à
 * 390, 32 px à 1440. Il remplace la mesure du 08/09 et l'agrandissement du 16/09, qui
 * comparaient au bloc entier et non au drapeau.
 * Les quatre SVG ont été resserrés sur leur tracé le 21/09 (ils portaient 38 à 51 % de
 * marge vide) : la boîte VAUT le dessin, donc cette hauteur est bien celle que le Pôle
 * Europe mesure. Ne jamais écrire un nombre ici : le plafond doit suivre le bloc.
 *
 * Couleurs : currentColor et jetons seulement.
 */

/* ─────────────────────────────────────────── la liste ── */
.is-style-gb-partenaires { margin-block-start: clamp(2rem, 4vw, 3rem); }
.is-style-gb-partenaires > * { margin-block-start: 0; margin-block-end: 0; }
.is-style-gb-partenaires > .is-style-gb-partenaire:last-child {
	border-block-end: 3px solid color-mix(in oklab, currentColor 22%, transparent); }

/* ──────────────────────────────────── une rangée ── */
/* Colonne du logo dérivée du plafond, pas d'un nombre choisi : le plus large des
   quatre tracés (EPCIC) fait 4,28 fois sa hauteur, donc 4,4 × le plafond loge les
   quatre et les aligne sur une même colonne, à toutes les largeurs. */
.is-style-gb-partenaire { display: grid; grid-template-columns: calc(var(--gb-drapeau) * 4.4) minmax(0, 1fr);
	gap: clamp(1.2rem, 3vw, 3rem); align-items: start;
	padding-block: clamp(1.4rem, 2.8vw, 2.4rem);
	border-block-start: 3px solid color-mix(in oklab, currentColor 22%, transparent); }
.is-style-gb-partenaire > * { margin-block-start: 0; margin-block-end: 0; }
/* Le corps est UN item de la grille : sans lui, les quatre enfants tomberaient
   chacun dans une cellule et le nom passerait sous le logo. */
.is-style-gb-partenaire .gb-partenaire__corps > * { margin-block-start: 0; }

/* ───────────────────────────────────────── le logo ── */
/* Le logo est petit depuis le 21/09 : aligné en haut, il se pose optiquement sur la
   ligne du nom plutôt que de flotter à mi-hauteur d'un bloc de texte bien plus grand. */
.is-style-gb-partenaire .gb-partenaire__logo { margin: 0; padding-block-start: 0.2em; }
/* `!important` : l'éditeur écrit style="height:auto" sur chaque image (05/09). */
.is-style-gb-partenaire .gb-partenaire__logo img { display: block;
	block-size: var(--gb-drapeau) !important; inline-size: auto;
	max-inline-size: 100%; object-fit: contain; object-position: left center; }
.is-style-gb-partenaire .gb-partenaire__logo a { display: block; min-block-size: 24px;
	transition: opacity var(--wp--custom--transition, 0.18s); }
.is-style-gb-partenaire .gb-partenaire__logo a:hover { opacity: 0.7; }

/* ──────────────────────────── le nom et le rôle ── */
.is-style-gb-partenaire .gb-partenaire__nom { font-size: clamp(1.05rem, 1.8vw, 1.55rem); }
.is-style-gb-partenaire .gb-partenaire__lieu { margin-block-start: 0.3rem; opacity: 0.8;
	font-size: 0.6875rem; font-variation-settings: "wdth" 82; letter-spacing: 0.05em;
	font-weight: 600; text-transform: uppercase; }
.is-style-gb-partenaire .gb-partenaire__texte { margin-block-start: 0.7rem; max-inline-size: 62ch; }

/* ────────────────────────────────────── adaptations ── */
@media (max-width: 760px) {
	/* Une colonne : le logo passe au-dessus du nom, à sa taille de plancher. */
	.is-style-gb-partenaire { grid-template-columns: 1fr; gap: 1rem; align-items: start; }
}