/* TEAM PHOENIX — BOUTONS PREMIUM V2 */

:root{
    --phoenix-orange:#ff741b;
    --phoenix-red:#ef2035;
    --phoenix-gold:#efca73;
    --phoenix-green:#16b978;
    --phoenix-dark:#151c27;
    --phoenix-danger:#df3048;
}

.btn,
button,
input[type="submit"],
input[type="button"],
input[type="reset"]{
    box-sizing:border-box!important;
    border-radius:11px!important;
    font-weight:800!important;
    text-decoration:none!important;
    cursor:pointer!important;
    transition:
        transform .18s ease,
        filter .18s ease,
        background .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        color .18s ease!important;
    -webkit-tap-highlight-color:transparent!important;
}

/* Principal */
.btn.primary,
.btn-primary,
button.primary,
input[type="submit"]:not(.danger):not(.ghost){
    border:1px solid rgba(255,190,110,.38)!important;
    background:linear-gradient(135deg,var(--phoenix-orange),var(--phoenix-red))!important;
    color:#fff!important;
    box-shadow:
        0 8px 24px rgba(239,32,53,.23),
        inset 0 1px 0 rgba(255,255,255,.18)!important;
}

.btn.primary:hover,
.btn-primary:hover,
button.primary:hover,
input[type="submit"]:not(.danger):not(.ghost):hover{
    transform:translateY(-2px)!important;
    filter:brightness(1.08)!important;
    box-shadow:
        0 11px 30px rgba(255,95,35,.36),
        0 0 18px rgba(239,202,115,.16)!important;
}

/* Secondaire */
.btn.ghost,
.btn-secondary,
button.ghost,
a.btn.ghost{
    border:1px solid rgba(239,202,115,.5)!important;
    background:linear-gradient(145deg,#171e29,#101620)!important;
    color:var(--phoenix-gold)!important;
    box-shadow:none!important;
}

.btn.ghost:hover,
.btn-secondary:hover,
button.ghost:hover,
a.btn.ghost:hover{
    transform:translateY(-2px)!important;
    background:linear-gradient(135deg,#d99125,var(--phoenix-orange))!important;
    color:#fff!important;
    border-color:var(--phoenix-gold)!important;
    box-shadow:0 8px 24px rgba(255,145,30,.27)!important;
}

/* Validation */
.btn.success,
.btn-success,
button.success,
.approve-button,
.validate-button{
    border:1px solid rgba(93,235,173,.4)!important;
    background:linear-gradient(135deg,#149d67,var(--phoenix-green))!important;
    color:#fff!important;
    box-shadow:0 8px 22px rgba(22,185,120,.22)!important;
}

/* Suppression */
.btn.danger,
.btn-danger,
button.danger,
a.btn.danger{
    border:1px solid rgba(255,130,145,.36)!important;
    background:linear-gradient(135deg,#bc1c34,var(--phoenix-danger))!important;
    color:#fff!important;
    box-shadow:0 8px 22px rgba(223,48,72,.22)!important;
}

.btn.danger:hover,
.btn-danger:hover,
button.danger:hover,
a.btn.danger:hover,
.btn.success:hover,
.btn-success:hover{
    transform:translateY(-2px)!important;
    filter:brightness(1.1)!important;
}

/* Lives */
.live-button,
.btn.live-button{
    border:1px solid rgba(255,115,130,.42)!important;
    background:linear-gradient(135deg,#ff273d,#d9005b)!important;
    color:#fff!important;
    box-shadow:0 8px 26px rgba(233,0,67,.3)!important;
}

/* Désactivés : fini le blanc */
.btn:disabled,
button:disabled,
input:disabled,
.btn.disabled{
    border:1px solid rgba(255,255,255,.08)!important;
    background:#292f39!important;
    color:#838c98!important;
    box-shadow:none!important;
    opacity:.75!important;
    cursor:not-allowed!important;
    transform:none!important;
    filter:none!important;
}

/* Notifications */
.notification-actions .btn{
    min-height:42px!important;
    padding:0 17px!important;
}

/* Petits boutons */
.btn.small,
button.small{
    min-height:34px!important;
    padding:7px 12px!important;
    border-radius:9px!important;
}

.btn.full,
button.full{
    width:100%!important;
}

/* Exceptions du chat */
.delete-message,
.del{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    color:#ff7888!important;
}

.drawer-close{
    background:#171e2a!important;
    border:1px solid rgba(255,255,255,.12)!important;
    color:#fff!important;
    box-shadow:none!important;
}

.mobile-drawer-button,
.chat-mobile-button{
    background:linear-gradient(145deg,#1c2430,#111722)!important;
    border:1px solid rgba(239,202,115,.28)!important;
    color:#fff!important;
    box-shadow:none!important;
}

/* Focus et clic */
.btn:focus-visible,
button:focus-visible,
input[type="submit"]:focus-visible{
    outline:3px solid rgba(239,202,115,.34)!important;
    outline-offset:3px!important;
}

.btn:active,
button:active,
input[type="submit"]:active{
    transform:translateY(0) scale(.985)!important;
}

@media(max-width:760px){
    .btn,
    button,
    input[type="submit"],
    input[type="button"]{
        min-height:44px!important;
    }

    .notification-actions,
    .notification-actions form,
    .notification-actions .btn{
        width:100%!important;
    }
}