/* assets/css/a-la-une.css — 06/09/2026
   Rangée « Pros à la une » / « Jobers à la une » au-dessus des listes (onglets
   Demandes et Location / Vente du marketplace, annuaires des pros et des Jobers).
   Balisage : helpers/a_la_une.php. Une rangée qui défile à l'horizontale sur
   téléphone, cinq ou six cartes visibles sur ordinateur ; même charte que la
   colonne de droite du fil (fil-actualite.css). */
.alu{margin:0 0 18px}
.alu-hd{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}
.alu-hd h3{font-size:15px;font-weight:800;margin:0;color:#10131b}
.alu-hd a{font-size:12.5px;font-weight:700;color:#0c376b;text-decoration:none;white-space:nowrap}
.alu-hd a:hover{text-decoration:underline}
.alu-rail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 8px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.alu-card{flex:0 0 232px;scroll-snap-align:start;display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid #d9e1ec;border-radius:12px;padding:10px;box-shadow:0 1px 2px rgba(12,55,107,.06),0 6px 20px -12px rgba(12,55,107,.25);min-width:0}
.alu-lien{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center;text-decoration:none;color:inherit;min-width:0}
.alu-lien img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#e3e9f1;display:block}
.alu-txt{min-width:0}
.alu-txt b{display:block;font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.alu-txt span{display:block;font-size:12px;color:#67748a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.alu-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12.5px;font-weight:700;border:1px solid #0c376b;color:#0c376b;border-radius:999px;padding:6px 10px;text-decoration:none;white-space:nowrap}
.alu-btn:hover{background:#e6eef8}
@media (max-width:640px){.alu-card{flex-basis:200px}.alu-hd h3{font-size:14px}}