/* MATE v99 — cohérence des couleurs, filtres à choix multiples, haut de Découvrir */

/* Jours et créneaux : même style que les chips d'activité (vert d'eau) */
body.mate-immersive .form .schedule-options label{border-radius:999px;background:rgba(14,31,48,.48);border-color:rgba(151,203,238,.16)}
body.mate-immersive .form .schedule-options label:has(input:checked){background:rgba(var(--mate-accent-rgb),.09);border-color:rgba(var(--mate-accent-rgb),.34)}
body.mate-immersive .form .schedule-options input{accent-color:#65e2ba}

/* Préférences : les chips suffisent, on masque la liste de rôle verte en doublon */
.discovery-filters .visual-select{display:none}
.discovery-filters .filter-grid label[data-v99] select{display:none}

/* Découvrir : le bandeau du haut répète le titre et le profil, on le retire sur cette page */
body.v99-discover>main>header{display:none}

/* Panneau sous l'écran « tour des profils » */
.v99-extra{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:14px 0 0}
.v99-extra section{padding:16px;border:1px solid rgba(151,203,238,.16);border-radius:14px;background:rgba(14,31,48,.56);backdrop-filter:blur(10px)}
.v99-extra h3{margin:0 0 6px;font-size:15px}
.v99-extra p{margin:0 0 10px;font-size:13px;line-height:1.5;color:#b8c8d4}
.v99-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.v99-tags span{font-size:12px;padding:3px 10px;border-radius:999px;border:1px solid rgba(var(--mate-accent-rgb),.34);background:rgba(var(--mate-accent-rgb),.09);color:#f5fbff}
.v99-extra button{border:1px solid rgba(var(--mate-accent-rgb),.4);background:rgba(var(--mate-accent-rgb),.12);color:#f5fbff;border-radius:999px;padding:8px 14px;font-size:13px}
.v99-extra button:hover{background:rgba(var(--mate-accent-rgb),.2)}

/* Invite un mate : teaser visuel avant l'ouverture de la pop-up */
.v99-extra section.v99-invite-teaser{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;overflow:hidden;background:radial-gradient(circle at 92% 18%,rgba(126,103,235,.16),transparent 34%),radial-gradient(circle at 78% 90%,rgba(71,190,222,.12),transparent 34%),rgba(14,31,48,.62)}
.v99-invite-copy{min-width:0}.v99-invite-copy h3{font-size:17px}.v99-invite-copy p{max-width:440px;margin-bottom:11px}
.v99-invite-perks{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.v99-invite-perks span{padding:4px 8px;border:1px solid rgba(151,203,238,.18);border-radius:999px;background:rgba(255,255,255,.035);color:#c9d9e7;font-size:10px;font-weight:700}
.v99-invite-open{font-weight:800}
.v99-invite-visual{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:205px;padding:2px 2px 2px 6px}
.v99-cosmetic{position:relative;display:grid;place-items:center;width:64px;height:75px}.v99-cosmetic .avatar{width:42px;height:42px;position:relative;z-index:2}.v99-cosmetic small{position:absolute;bottom:0;font-size:7px;font-weight:900;letter-spacing:.1em;color:#9fb4c7}
.v99-cosmetic-runes>i{position:absolute;z-index:3;top:2px;font-style:normal;color:#c9f5ff;font-size:10px;text-shadow:0 0 5px #6ad8ff}.v99-cosmetic-runes::before{content:'';position:absolute;z-index:2;left:12px;right:12px;top:12px;height:20px;border-top:1px solid rgba(125,215,255,.55);border-radius:50% 50% 0 0}.v99-cosmetic-runes::after{content:'✦';position:absolute;z-index:3;left:50%;top:7px;transform:translateX(-50%);color:#b8a9ff;font-size:7px;text-shadow:0 0 5px #8275e8}
.v99-cosmetic-wings>i::before,.v99-cosmetic-wings>i::after{content:'';position:absolute;z-index:1;top:17px;width:22px;height:31px;border:1px solid rgba(164,226,255,.55);background:rgba(103,190,255,.08);clip-path:polygon(100% 8%,70% 16%,82% 31%,47% 29%,67% 47%,28% 49%,55% 65%,15% 75%,52% 81%,30% 100%,77% 76%,94% 52%);filter:drop-shadow(0 0 4px rgba(99,194,255,.28))}.v99-cosmetic-wings>i::before{left:4px;transform:rotate(-5deg)}.v99-cosmetic-wings>i::after{right:4px;transform:scaleX(-1) rotate(-5deg)}
.v99-cosmetic-crest>i{position:absolute;z-index:1;inset:9px 7px 16px;border:1px solid rgba(147,216,255,.7);border-radius:48% 48% 43% 43%;box-shadow:0 0 6px rgba(88,190,255,.28),inset 0 0 6px rgba(127,101,220,.12)}.v99-cosmetic-crest::before,.v99-cosmetic-crest>i::before{content:'';position:absolute;z-index:2;top:10px;width:9px;height:22px;background:linear-gradient(180deg,rgba(174,227,255,.66),rgba(111,126,205,.2));clip-path:polygon(55% 0,100% 16%,70% 36%,96% 54%,58% 64%,72% 100%,28% 73%,0 86%,18% 49%,0 29%)}.v99-cosmetic-crest::before{left:-4px;transform:rotate(-9deg)}.v99-cosmetic-crest>i::before{right:-5px;transform:scaleX(-1) rotate(-9deg)}.v99-cosmetic-crest>i::after{content:'';position:absolute;left:50%;top:-7px;width:10px;height:10px;transform:translateX(-50%) rotate(45deg);background:linear-gradient(135deg,#6ee0ff,#5c70cf 58%,#7d57b6);box-shadow:0 0 5px rgba(93,202,255,.5)}.v99-cosmetic-crest::after{content:'✦';position:absolute;z-index:3;left:50%;top:2px;transform:translateX(-50%);color:#dff7ff;font-size:9px;text-shadow:0 0 5px #6fd6ff}
@media(max-width:720px){.v99-extra section.v99-invite-teaser{grid-template-columns:1fr}.v99-invite-visual{justify-content:flex-start;min-width:0}.v99-cosmetic{width:58px}}

/* Fil MATE : évite le teaser d'invitation coincé dans une demi-colonne. */
.v99-extra{grid-template-columns:minmax(0,1fr)}
.v99-extra section.v99-invite-teaser{width:100%;grid-template-columns:minmax(0,1fr) auto}
@media(max-width:720px){.v99-extra section.v99-invite-teaser{grid-template-columns:1fr}}

/* Teaser final : utiliser les mêmes artworks que le profil, plus de faux cosmétiques CSS. */
.v99-invite-visual{gap:10px;min-width:230px;overflow:visible}
.v99-cosmetic-new{display:grid;justify-items:center;align-items:center;min-width:68px;gap:1px}
.v99-cosmetic-new .mate-referral-avatar{--mate-face:42px;margin:0;padding:10px 14px;box-sizing:content-box}
.v99-cosmetic-new .mate-referral-avatar>.avatar{width:var(--mate-face);height:var(--mate-face)}
.v99-cosmetic-new>small{font-size:7px;font-weight:900;letter-spacing:.1em;color:#9fb4c7;margin-top:-5px}