/* Découvrir : choix libre entre profils et Fil MATE + actions toujours accessibles. */
.mate-discover-switch{display:flex;width:max-content;max-width:100%;gap:4px;margin:-8px 0 18px;padding:4px;border:1px solid rgba(151,203,238,.16);border-radius:999px;background:rgba(8,22,36,.72);backdrop-filter:blur(12px);box-shadow:0 8px 22px rgba(0,0,0,.14)}
.mate-discover-switch button{display:flex;align-items:center;gap:7px;min-height:34px;padding:7px 13px;border:0;border-radius:999px;background:transparent;color:#9fb2c1;font-size:12px;font-weight:700;white-space:nowrap}
.mate-discover-switch button span{font-size:11px}.mate-discover-switch button small{display:inline;margin:0;color:inherit;font-size:9px;opacity:.72}
.mate-discover-switch button.active{background:rgba(91,199,224,.14);color:#e8f8ff;box-shadow:inset 0 0 0 1px rgba(113,214,239,.22)}
.mate-discover-switch button:disabled{opacity:.42}.mate-discover-switch button.is-unavailable{opacity:.52;cursor:help}.mate-discover-switch button.is-unavailable:hover{background:rgba(255,255,255,.035);color:#b8c9d5}
.mate-discover-community .v101-feed{margin-top:0}
body.mate-discover-profiles .layout .actions{display:none!important}

.mate-discover-action-dock{position:fixed;z-index:96;left:calc(230px + (100vw - 230px)/2);bottom:18px;transform:translateX(-50%);display:flex;gap:8px;padding:7px;border:1px solid rgba(151,203,238,.23);border-radius:999px;background:rgba(7,19,31,.88);backdrop-filter:blur(16px);box-shadow:0 14px 38px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.025)}
.mate-discover-action-dock[hidden]{display:none!important}
.mate-discover-action-dock button{height:46px;min-width:126px;padding:0 22px;border-radius:999px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .14s ease,border-color .14s ease,background .14s ease}
.mate-discover-action-dock button b{font-size:21px;line-height:1;font-weight:500}.mate-discover-action-dock button span{font-size:13px}
.mate-discover-pass{border:1px solid rgba(184,205,220,.24);background:rgba(255,255,255,.045);color:#d8e5ee}
.mate-discover-like{border:1px solid rgba(101,226,186,.48);background:linear-gradient(180deg,#72e8c5,#58cfad);color:#07251d;box-shadow:0 5px 15px rgba(77,207,170,.18)}
.mate-discover-action-dock button:hover:not(:disabled){transform:translateY(-2px)}
.mate-discover-action-dock button:disabled{opacity:.48;cursor:wait}
body.mate-discover-profiles main{padding-bottom:84px}

@media(max-width:1100px){.mate-discover-action-dock{left:calc(185px + (100vw - 185px)/2)}}
@media(max-width:850px){
 .mate-discover-switch{margin-top:-5px}
 .mate-discover-action-dock{left:50%;bottom:calc(82px + env(safe-area-inset-bottom,0px));width:min(330px,calc(100vw - 28px));justify-content:center}
 .mate-discover-action-dock button{flex:1;min-width:0;padding:0 15px}
 body.mate-discover-profiles main{padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:560px){
 .mate-discover-switch{width:100%}.mate-discover-switch button{flex:1;justify-content:center;padding:7px 9px}
 .mate-discover-action-dock{bottom:calc(80px + env(safe-area-inset-bottom,0px));padding:6px}
 .mate-discover-action-dock button{height:44px}.mate-discover-action-dock button b{font-size:19px}
}
.mate-discover-like .mate-heart-icon{width:22px;height:22px;fill:currentColor;stroke:currentColor;stroke-width:.35;stroke-linejoin:round;filter:drop-shadow(0 2px 4px rgba(0,0,0,.12))}

/* Motion Profils <-> Fil MATE */
.mate-discover-switch{position:relative;overflow:hidden}
.mate-discover-switch button{position:relative;z-index:1;transition:color .2s ease,transform .18s ease}
.mate-discover-switch button.active{background:transparent!important;box-shadow:none!important}
.mate-discover-switch-slider{
 position:absolute;
 z-index:0;
 top:4px;
 left:0;
 height:34px;
 border-radius:999px;
 background:rgba(91,199,224,.14);
 box-shadow:inset 0 0 0 1px rgba(113,214,239,.22);
 pointer-events:none;
 transition:transform .28s cubic-bezier(.22,.82,.32,1),width .2s ease;
 will-change:transform,width;
}
.mate-discover-enter-next{animation:mate-discover-enter-next .26s cubic-bezier(.2,.75,.3,1) both}
.mate-discover-enter-prev{animation:mate-discover-enter-prev .26s cubic-bezier(.2,.75,.3,1) both}
@keyframes mate-discover-enter-next{
 from{opacity:.32;transform:translate3d(22px,0,0);filter:blur(1px)}
 to{opacity:1;transform:translate3d(0,0,0);filter:none}
}
@keyframes mate-discover-enter-prev{
 from{opacity:.32;transform:translate3d(-22px,0,0);filter:blur(1px)}
 to{opacity:1;transform:translate3d(0,0,0);filter:none}
}
@media(max-width:900px){
 .mate-discover-switch-slider{display:none}
 .mate-discover-enter-next,.mate-discover-enter-prev{animation:none}
}
@media(prefers-reduced-motion:reduce){
 .mate-discover-switch-slider{transition:none!important}
 .mate-discover-enter-next,.mate-discover-enter-prev{animation:none!important}
}