/* correctifs-0210b (Romain 02/10 afternoon). Loaded last (inc/correctifs-0210b.php, priority 1001). */

/* 3. Mon projet badge on a card photo: one short line, never a block over the photo (the full reason is its title). */
.carte .projet-badge:not(.projet-badge--fiche) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(100% - 44px - 1.6rem); }

/* 1. /methodologie/ « Indépendance et liens affiliés »: design-confiance clears the background of every section of its
   column (.dc-flux > section { background: none }), so this dark block lost its colour and kept its light text on
   plaster. The block gets back its dark ground, as the card it was drawn to be (padding and radius of design-confiance). */
.dc-colophon .dc-flux > section.avis-coeur { background: var(--foret); color: #e9e7e1; border-top: 0; margin-block: clamp(1.4rem, 3vw, 2.2rem); }
.dc-colophon .dc-flux > section.avis-coeur + section { border-top: 0; }
.dc-colophon .dc-flux > section.avis-coeur h2 { color: var(--blanc); }
.dc-colophon .dc-flux > section.avis-coeur .avis-mag__surtitre { color: var(--moutarde); }
.dc-colophon .dc-flux > section.avis-coeur p:not([class]) { color: #e9e7e1; }

/* 5. Collections: the top 20 table is open by default; its button says what it does. */
.classement__complet[open] .c0b-voir, .classement__complet:not([open]) .c0b-replier { display: none; }

/* 6. Fiche: the selected colour swatch. Before: a ring drawn OUTSIDE the button (box-shadow 3.5 px) on top of its dark
   border, cut by the row that holds the swatches, so it looked doubled and off centre. Now one ring, concentric,
   inside the button: the border and an inner shadow of the same colour. */
.variantes__couleurs.variantes__couleurs .coloris__pastille.coloris__pastille[aria-pressed="true"] { border-color: var(--anthracite); box-shadow: inset 0 0 0 1px var(--anthracite), inset 0 0 0 3px var(--blanc); }

/* 7. Double rules. Fiches: the section's rule (its .enveloppe, 2 px) and the rule of the box it starts with (the
   Brunelia insert, the summary) were 18 px apart; one rule, the section's. The Brunelia title is the discreet
   over-title of scripts/design-brunelia (the T1 rule « .fiche .bloc h2 » made it a large serif). */
.fiche.ft1a2 .bloc > .enveloppe:first-child > :is(.db-encart, .resume-fiche):first-child, .fiche.ft1a2 .bloc > .enveloppe:first-child > .db-encart { border-top: 0 !important; }
.fiche.ft1a2 .bloc.db-mur h2.db-surtitre:not(.achat__h2):not(.rubrique-simple):not(.fiche__usage-titre) { margin: 0 0 0.45rem; font: 600 0.7rem/1.25 var(--sans) !important; letter-spacing: 0.12em; text-transform: uppercase; color: var(--bleu); text-wrap: balance; }
.fiche.ft1a2 .bloc.db-mur h2.db-surtitre::before { content: none !important; }
/* Guides: the block's rule and the rule of its title (.rubrique) 18 px apart; the title keeps its own. */
.dg :is(.faq, .article__corps, .famille .enveloppe, .situations .enveloppe, .guide-avant, .duel-options):has(> .rubrique:first-child) { border-top: 0; padding-top: 0; }

/* 8. « Votre situation, le bon modèle » (guides and articles; the home and the pillar page keep their own design):
   cards on a regular grid, equal heights, the situation in serif and what the selection keeps under it, on the left,
   the count of sofas at the foot of the card with a clear link to the selection. Magazine: plaster, fine rules, bronze. */
.situations:not(.dzp-manuel .situations):not(.ha .situations) .situations__liste { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.9rem; margin: 1.4rem 0 0; padding: 0; list-style: none; border: 0; }
.situations:not(.dzp-manuel .situations):not(.ha .situations) .situations__liste li { display: flex; margin: 0; border: 0; }
.situations:not(.dzp-manuel .situations):not(.ha .situations) .situations__liste a { flex: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 0.3rem; min-height: 8.6rem; padding: 1rem 1.1rem 0.85rem; border: 1px solid var(--trait); border-top: 2px solid var(--anthracite); border-radius: 0; background: var(--blanc); color: var(--anthracite); text-decoration: none; box-shadow: none; transition: border-color 0.15s ease; }
.situations:not(.dzp-manuel .situations):not(.ha .situations) .situations__liste a:hover { border-color: #8c680c; }
.situations:not(.dzp-manuel .situations):not(.ha .situations) .situations__nom { display: block; font: 400 1.22rem/1.2 var(--serif); letter-spacing: -0.01em; color: var(--anthracite); text-decoration: none; }
.situations:not(.dzp-manuel .situations):not(.ha .situations) .situations__liste a:hover .situations__nom { text-decoration: underline; text-decoration-color: #8c680c; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.situations:not(.dzp-manuel .situations):not(.ha .situations) .situations__filtre { display: block; grid-column: auto; font: 400 var(--t-sm)/1.4 var(--sans); color: var(--feutre); }
.situations:not(.dzp-manuel .situations):not(.ha .situations) .situations__n { display: flex; justify-content: space-between; align-items: baseline; gap: 0.6rem; align-self: stretch; grid-column: auto; grid-row: auto; margin-top: auto; padding-top: 0.75rem; border-top: 1px solid var(--trait); font: 600 0.7rem/1.2 var(--sans); letter-spacing: 0.1em; text-transform: uppercase; color: #8c680c; white-space: nowrap; }
.situations:not(.dzp-manuel .situations):not(.ha .situations) .situations__n::after { content: "Voir la sélection \2192"; letter-spacing: 0.04em; text-transform: none; font-weight: 600; font-size: 0.78rem; color: var(--anthracite); }
.situations:not(.dzp-manuel .situations):not(.ha .situations) .situations__note { margin-top: 1rem; }
@media (max-width: 1100px) { .situations:not(.dzp-manuel .situations):not(.ha .situations) .situations__liste { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 820px) { .situations:not(.dzp-manuel .situations):not(.ha .situations) .situations__liste { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.7rem; } }
@media (max-width: 560px) {
  .situations:not(.dzp-manuel .situations):not(.ha .situations) .situations__liste a { min-height: 7.4rem; padding: 0.8rem 0.8rem 0.7rem; }
  .situations:not(.dzp-manuel .situations):not(.ha .situations) .situations__nom { font-size: 1.05rem; }
  .situations:not(.dzp-manuel .situations):not(.ha .situations) .situations__filtre { display: block; font-size: 0.8rem; }
  .situations:not(.dzp-manuel .situations):not(.ha .situations) .situations__n::after { content: "\2192"; font-size: 0.9rem; }
}
@media (max-width: 340px) { .situations:not(.dzp-manuel .situations):not(.ha .situations) .situations__liste { grid-template-columns: minmax(0, 1fr); } }