/* ===================================================================== Cession TPE — pages « Céder / Reprendre » et « Affaires » --------------------------------------------------------------------- Complément de site.css pour les gabarits page-parcours.php, archive-affaire.php (taxonomy.php) et single-affaire.php : seulement ce que la maquette « Diagonale » ne dessine pas (fiche d'une affaire, filtres en liens, pagination, colonne de lecture). Toutes les couleurs viennent des jetons de site.css. La couleur du pavé du logo vient de ct_pave_logo() (functions.php) et de . ===================================================================== */ /* --------------------------------------------------------------------- 1. Textes libres (éditeur WordPress, texte de bas de page) --------------------------------------------------------------------- */ .colonne-lecture{max-width:760px} /* --------------------------------------------------------------------- 2. Registre : filtres en liens, état vide, pagination --------------------------------------------------------------------- */ .registre-tete + .filtres{margin-top:28px} .filtre-legende{ margin:0 0 10px; font:700 12px/1 var(--f-texte);letter-spacing:.12em;text-transform:uppercase;color:var(--texte-2); } a.pilule{text-decoration:none} .pilule[aria-current="page"]{background:var(--nuit);border-color:var(--nuit);color:var(--blanc)} .filtres + .cartes-affaires, .filtres + .cartes-vide{margin-top:32px} .cartes-vide h3{font-size:clamp(19px, 1.7vw, 22px);line-height:1.35;color:var(--nuit)} .cartes-vide p{max-width:62ch;margin:10px auto 0;line-height:1.7} .pages-affaires{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:clamp(36px, 4vw, 52px)} .pages-affaires .page-numbers{ display:inline-flex;align-items:center;justify-content:center; min-width:44px;min-height:44px;padding:0 14px; border:1.5px solid var(--filet-champ);border-radius:100px; background:var(--blanc);color:var(--nuit); font:600 14px/1 var(--f-texte);font-variant-numeric:tabular-nums;text-decoration:none; transition:background-color var(--duree) var(--ease), color var(--duree) var(--ease), border-color var(--duree) var(--ease); } .pages-affaires a.page-numbers:hover{border-color:var(--nuit)} .pages-affaires .page-numbers.current{background:var(--nuit);border-color:var(--nuit);color:var(--blanc)} .pages-affaires .page-numbers.dots{border-color:transparent;background:transparent} /* --------------------------------------------------------------------- 3. Fiche d’une affaire : dossier + encadré collant --------------------------------------------------------------------- */ .fiche-grille{display:grid;gap:40px} .fiche-contenu{display:grid;grid-template-columns:minmax(0, 1fr);gap:clamp(36px, 4vw, 48px);align-content:start;min-width:0} /* Une URL longue dans le texte du dossier ne doit pas élargir la colonne */ .fiche-contenu .rte{overflow-wrap:anywhere} /* Affaire sous offre ou cédée : étiquette de statut + phrase, en tête du dossier. */ .fiche-statut{flex-wrap:wrap;align-items:center;gap:8px 12px} .fiche-titre{ margin-bottom:16px; font-size:clamp(22px, 2vw, 26px);font-weight:var(--g-titre-sec);line-height:1.25;color:var(--nuit); } .dossier-bloc > p{line-height:1.8} .dossier-bloc > p + .fiche-details{margin-top:18px} .dossier-points{display:grid;gap:12px} .dossier-points li{position:relative;padding-left:24px;line-height:1.7} .dossier-points li::before{ content:"/";content:"/" / ""; position:absolute;left:0;top:0;font-weight:900;color:var(--oblique); } .fiche-details{display:grid} .fiche-details > div{display:grid;gap:4px;padding:14px 0;border-bottom:1px solid var(--filet)} .fiche-details > div:first-child{border-top:1px solid var(--filet)} .fiche-details dt{font:700 12px/1.3 var(--f-texte);letter-spacing:.1em;text-transform:uppercase;color:var(--texte-2)} .fiche-details dd{line-height:1.7} .fiche-contenu .avertissement{margin:0} .fiche-encadre{min-width:0} .fiche-encadre-in{ padding:clamp(24px, 3vw, 36px); background:var(--gris);border-top:6px solid var(--oblique); } .fiche-encadre .reperes{margin:16px 0 18px} .fiche-encadre .reperes a{ color:var(--nuit);text-decoration:underline;text-decoration-color:var(--oblique); text-decoration-thickness:2px;text-underline-offset:.3em; } .fiche-encadre .reperes a:hover{text-decoration-color:currentColor} .fiche-encadre-texte{font-size:14.5px;line-height:1.7;color:var(--texte-2)} .fiche-encadre .btn{width:100%;margin-top:20px} .fiche-appel{margin-top:14px;font-size:13.5px;line-height:1.6;color:var(--texte-2);text-align:center} .fiche-appel a{color:var(--nuit);font-weight:700;white-space:nowrap} /* « À voir également » */ .similaires{background:var(--gris);padding-block:clamp(64px, 8vw, 110px)} .similaires-tete{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px} /* --------------------------------------------------------------------- 4. Requêtes média (après les règles qu'elles surchargent) --------------------------------------------------------------------- */ @media (min-width: 1024px){ .fiche-grille{grid-template-columns:minmax(0, 7fr) minmax(0, 4fr);gap:64px} } /* L'encadré ne colle que si l'écran est assez haut pour le montrer en entier. */ @media (min-width: 1024px) and (min-height: 760px){ .fiche-encadre-in{position:sticky;top:calc(env(safe-area-inset-top, 0px) + var(--h-nav-colle) + 24px)} .admin-bar .fiche-encadre-in{top:calc(env(safe-area-inset-top, 0px) + var(--h-nav-colle) + 56px)} }