/* ==========================================================================
   Page Références (Lot 12) — la grille d'organisations
   --------------------------------------------------------------------------
   Pas de prototype : l'écran n'existait pas. La barre d'onglets et le
   compteur sont les primitives de `parts.css` (`.filters`, `.chip`, `.count`) ;
   la carte reprend les mesures de la carte de réalisation (`.pcard--bordered` :
   filet, corps à 22px, titre à 19px, métadonnée mono) et le lien souligné
   d'orange de `.ncard__more`. Aucune couleur, aucun rayon, aucune ombre de plus.

   Correction C5 (revue visuelle sur la base réelle) :
    • plus de zone de liens réservée (112px sur chaque carte, donc un vide
      garanti sur une carte sans lien) : les cartes d'une MÊME rangée sont
      égalisées par l'étirement du flex, une carte seule sur sa rangée ne
      porte aucun vide ;
    • une rangée incomplète se CENTRE, sans étirer ses cartes — la dernière
      d'une grille comprise, ce qu'une grille CSS ne sait pas faire (elle
      aligne des pistes, pas des rangées) : d'où un flex, dont la largeur de
      carte suit le nombre de colonnes que le conteneur peut tenir ;
    • boîte de logo en 3/2 (elle occupait près des deux tiers de la carte) ;
    • sans logo, un monogramme sans aplat — plus de pastille grise.
   ========================================================================== */

/* Les colonnes : autant de cartes de 300px au moins que la largeur en tient
   (1 → 4), toutes de la même largeur, 400px au plus. Sans requêtes de
   conteneur, le repli pose des cartes de 400px — centrées elles aussi. */
.orgrid{--orgrid-g:clamp(16px,2.4vw,32px);container-type:inline-size;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--orgrid-g);}
.orgcard{--n:1;display:flex;flex-direction:column;flex:0 0 min(100%,400px);flex:0 0 calc((100cqw - (var(--n) - 1) * var(--orgrid-g)) / var(--n));max-width:400px;border:1px solid var(--line);background:#fff;}
@container (min-width:632px){.orgcard{--n:2;}}
@container (min-width:964px){.orgcard{--n:3;}}
@container (min-width:1296px){.orgcard{--n:4;}}

/* La boîte du logo : ratio fixe, fond blanc, marge intérieure généreuse.
   Le logo y est posé en ABSOLU, centré : un `max-height` en pourcentage ne se
   résout pas contre une hauteur venue d'`aspect-ratio`, et un grand fichier
   faisait GRANDIR la boîte (21px de plus sur la carte SBEE, titre décalé). */
.orgcard__logo{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;padding:clamp(20px,2.2vw,32px);background:#fff;border-bottom:1px solid var(--line);overflow:hidden;}
.orgcard__logo img{position:absolute;inset:0;margin:auto;display:block;width:auto;height:auto;max-width:72%;object-fit:contain;}
/* Hauteur OPTIQUE — trois paliers de proportion (`card/organisation.php`) :
   un logo carré se lit plus gros qu'un bandeau de même hauteur. Revus pour le
   3/2 : la boîte est plus haute, les plafonds le sont moins. */
.orgcard__logo--carre img{max-height:62%;}
.orgcard__logo--large img{max-height:46%;max-width:78%;}
.orgcard__logo--bandeau img{max-height:34%;max-width:84%;}
/* Sans logo : le monogramme. Les initiales, en grand, dans la teinte
   secondaire, SANS FOND — un substitut de logo assumé. Un mot dans un carré
   gris se lisait comme une image qui n'a pas chargé. */
.orgcard__mono{font-size:clamp(46px,4.6vw,68px);font-weight:800;line-height:1;letter-spacing:.02em;color:var(--secondaire);}

.orgcard__body{display:flex;flex-direction:column;flex:1;padding:22px;}
.orgcard__body > :last-child{margin-bottom:0;}
.orgcard__t{margin:0 0 8px;font-size:19px;font-weight:700;line-height:1.25;color:var(--ink);}
.orgcard__meta{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--secondaire);}
/* « Voir les N réalisations » monté sous le nom, faute de type à y écrire (C5.4). */
.orgcard__body > .orgcard__voir{align-self:flex-start;}

/* Les liens, poussés en bas quand il y en a — sans hauteur réservée. */
.orgcard__liens{margin-top:auto;padding-top:18px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;}
.orgcard__voir{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);border-bottom:2px solid var(--orange);}
.orgcard__voir:hover{color:var(--orange);}
/* Le second lien envoie ailleurs : second rang, plus discret. */
.orgcard__site{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:13.5px;font-weight:600;color:var(--secondaire);}
.orgcard__site:hover{color:var(--orange);}