/* Ajustements pour les tres petits telephones (14/10/2026, tour de toutes les pages en 360 px). */
@media (max-width: 380px) {
    /* Infos monde : la date du bandeau DIRECT passe a la ligne au lieu de pousser la page. */
    .mo-direct { flex-wrap: wrap; }
    .mo-direct .mo-date { white-space: normal; text-align: right; font-size: 10px; min-width: 0; }
}

/* 09/11/2026 : ETF, actions, obligations : le nom et le prix se partagent la ligne, le prix descend s'il n'y a plus la place au lieu de sortir de la carte. */
.hd:has(> .rb) { flex-wrap: wrap; gap: 4px 8px; }
.hd:has(> .rb) > .nm { min-width: 0; }

/* Cartes de luxe : la categorie et le badge ne se recouvrent plus quand la carte est etroite. */
.lux-cat ~ .lux-possede { top: 38px; }

/* Telephone : le blason suffit, le nom du club tronque a une lettre ne disait plus rien. */
@media (max-width: 480px) {
    .topbar .clubid > span { display: none; }
}

/* Marche en deux colonnes sur petit telephone : la note se pose sur le portrait, le nom garde toute la largeur. */
@media (max-width: 420px) {
    .pc .top { position: relative; }
    .pc .top > .note-b { position: absolute; left: 8px; top: 24px; transform: scale(.75); transform-origin: left top; }
}

/* Patrimoine : les tres gros montants restent dans leur tuile. */
.card[onclick^="investGo"] { min-width: 0; }
.card[onclick^="investGo"] b { font-size: clamp(14px, 4.2vw, 22px) !important; overflow-wrap: anywhere; }

/* Collections : le type de lot et le delai ne se recouvrent plus. */
@media (max-width: 420px) {
    .ch-delai { top: 38px; }
}