/* =========================================================
   PMN · Emergency Premium / Certified Badge Visibility Fix
   Deve essere caricato DOPO app.css
   ========================================================= */

/* Badge livello generico: funziona anche se la view usa ancora .badge */
.pm-level-badge,
.pm-casting-card .pm-level-badge,
.pm-premium-profile-meta .pm-level-badge,
.pm-public-show-meta .pm-level-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 40px !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(216,188,120,.85) !important;
    background: linear-gradient(135deg,#050505 0%,#261f14 46%,#c7a550 100%) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    letter-spacing: .085em !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    box-shadow: 0 12px 30px rgba(199,165,80,.34), inset 0 1px 0 rgba(255,255,255,.22) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.pm-level-badge.is-certified::before,
.pm-level-badge.is-pro::before,
.pm-casting-card .pm-level-badge.is-certified::before,
.pm-casting-card .pm-level-badge.is-pro::before,
.pm-premium-profile-meta .pm-level-badge.is-certified::before,
.pm-premium-profile-meta .pm-level-badge.is-pro::before,
.pm-public-show-meta .pm-level-badge.is-certified::before,
.pm-public-show-meta .pm-level-badge.is-pro::before {
    content: "✓" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 21px !important;
    height: 21px !important;
    border-radius: 999px !important;
    background: #f5d680 !important;
    color: #111 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    box-shadow: 0 0 0 3px rgba(245,214,128,.20) !important;
}

.pm-level-badge.is-entry {
    min-height: 34px !important;
    padding: 0 13px !important;
    background: #f4f1e8 !important;
    border-color: rgba(160,130,65,.28) !important;
    color: #5a4a1f !important;
    box-shadow: 0 6px 16px rgba(0,0,0,.05) !important;
}

/* Compatibilità con vecchie view che usano solo .badge per il livello in lista */
.pm-casting-card .pm-model-admin-meta > .badge,
.pm-casting-card .pm-model-admin-meta > span.badge,
.pm-casting-card .pm-model-admin-head .badge,
.pm-casting-card .pm-model-admin-top .badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(216,188,120,.80) !important;
    background: linear-gradient(135deg,#090909 0%,#2a2418 50%,#c7a550 100%) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .075em !important;
    text-transform: uppercase !important;
    box-shadow: 0 10px 26px rgba(199,165,80,.30) !important;
}

/* Compatibilità pagina pubblica premium: se il livello è ancora un normale .badge, almeno torna molto visibile */
.pm-premium-profile-meta .badge,
.pm-public-show-meta .badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 36px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(216,188,120,.72) !important;
    background: rgba(0,0,0,.74) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .04em !important;
    box-shadow: 0 8px 22px rgba(0,0,0,.28) !important;
}

.pm-premium-profile-meta .badge:nth-child(2),
.pm-public-show-meta .badge:nth-child(2) {
    min-height: 42px !important;
    padding: 0 18px !important;
    background: linear-gradient(135deg,#050505 0%,#261f14 46%,#c7a550 100%) !important;
    border-color: rgba(216,188,120,.90) !important;
    color: #fff !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    box-shadow: 0 12px 30px rgba(199,165,80,.34), inset 0 1px 0 rgba(255,255,255,.22) !important;
}

/* Risalto card in elenco se presente classe livello */
.pm-casting-card.is-certified,
.pm-casting-card.is-pro,
.pm-model-admin-card.is-certified,
.pm-model-admin-card.is-pro {
    position: relative !important;
    border-color: rgba(199,165,80,.62) !important;
    box-shadow: 0 18px 46px rgba(0,0,0,.12),0 0 0 1px rgba(199,165,80,.22) !important;
    overflow: hidden !important;
}

.pm-casting-card.is-certified::before,
.pm-model-admin-card.is-certified::before,
.pm-casting-card.is-pro::before,
.pm-model-admin-card.is-pro::before {
    content: "CERTIFIED PMN" !important;
    position: absolute !important;
    top: 14px !important;
    left: -39px !important;
    z-index: 8 !important;
    width: 154px !important;
    height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: rotate(-38deg) !important;
    background: #c7a550 !important;
    color: #111 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
    box-shadow: 0 6px 14px rgba(0,0,0,.20) !important;
}

.pm-casting-card.is-pro::before,
.pm-model-admin-card.is-pro::before {
    content: "PRO PMN" !important;
}

@media (max-width: 640px) {
    .pm-level-badge,
    .pm-casting-card .pm-level-badge,
    .pm-premium-profile-meta .pm-level-badge,
    .pm-public-show-meta .pm-level-badge {
        min-height: 36px !important;
        padding: 0 13px !important;
        font-size: 11px !important;
    }
}