/* ============================================================
   CLUB MOSTRE SOCIALI - STILE FRONTEND / ADMIN
   Identità: rosso #f90302, Helvetica Neue 300 uppercase, DM Sans body
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');

.cms-form-wrap,
.cms-mie-iscrizioni,
.cms-notice {
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    max-width: 560px;
}

.cms-notice {
    background: #f8f8f8 !important;
    border-left: 3px solid #f90302 !important;
    padding: 16px 20px !important;
    color: #333 !important;
    font-size: 15px !important;
}

/* ---- Form iscrizione ---- */
.cms-form {
    background: #fff !important;
    border: 1px solid #ececec !important;
    border-radius: 6px !important;
    padding: 28px !important;
}

.cms-field {
    margin-bottom: 18px !important;
}

.cms-field-row {
    display: flex !important;
    gap: 16px !important;
}

.cms-field-row .cms-field {
    flex: 1 !important;
}

.cms-form label {
    display: block !important;
    font-family: 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 300 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    font-size: 12px !important;
    color: #f90302 !important;
    margin-bottom: 6px !important;
}

.cms-form input[type="text"],
.cms-form input[type="number"],
.cms-form input[type="file"],
.cms-form select {
    width: 100% !important;
    background: #f8f8f8 !important;
    border: 1px solid #e2e2e2 !important;
    border-radius: 4px !important;
    padding: 10px 12px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 14px !important;
    color: #222 !important;
    box-sizing: border-box !important;
}

.cms-form input:focus,
.cms-form select:focus {
    outline: none !important;
    border-color: #f90302 !important;
}

.cms-btn {
    background: #f90302 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 12px 28px !important;
    font-family: 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 300 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    font-size: 13px !important;
    cursor: pointer !important;
    transition: background 0.15s ease !important;
}

.cms-btn:hover { background: #d40200 !important; }
.cms-btn:disabled { opacity: 0.6 !important; cursor: default !important; }

.cms-form-message {
    margin-top: 14px !important;
    font-size: 14px !important;
    font-family: 'DM Sans', sans-serif !important;
}

.cms-form-message.success { color: #0a7d1f !important; }
.cms-form-message.error { color: #a00 !important; }

/* ---- Card "Le mie iscrizioni" ---- */
.cms-mie-iscrizioni {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

.cms-card {
    display: flex !important;
    background: #fff !important;
    border: 1px solid #ececec !important;
    border-radius: 6px !important;
    overflow: hidden !important;
}

.cms-card-img {
    width: 120px !important;
    min-width: 120px !important;
    background-size: cover !important;
    background-position: center !important;
}

.cms-card-body {
    padding: 16px 20px !important;
    flex: 1 !important;
}

.cms-card-body h3 {
    font-family: 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 300 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-size: 17px !important;
    margin: 6px 0 4px !important;
    color: #222 !important;
}

.cms-card-meta {
    font-size: 13px !important;
    color: #666 !important;
    margin: 2px 0 !important;
}

/* ---- Badge stato ---- */
.cms-badge {
    display: inline-block !important;
    font-family: 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 300 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    font-size: 11px !important;
    padding: 4px 10px !important;
    border-radius: 20px !important;
}

.cms-badge-in_attesa { background: #fff4d6 !important; color: #9a7500 !important; }
.cms-badge-approvata { background: #e3f6e5 !important; color: #0a7d1f !important; }
.cms-badge-rifiutata { background: #fbe4e4 !important; color: #a00 !important; }

.cms-mostra-fissa {
    background: #f8f8f8 !important;
    border: 1px solid #e2e2e2 !important;
    border-radius: 4px !important;
    padding: 10px 12px !important;
    margin: 0 !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 14px !important;
    color: #222 !important;
}

/* ---- Admin ---- */
.cms-admin-wrap .cms-mini-select {
    max-width: 140px;
}

.cms-shortcode-box {
    display: block;
    font-family: monospace;
    background: #f8f8f8;
    border: 1px solid #ddd;
    padding: 3px 6px;
    border-radius: 3px;
}

.cms-admin-form .form-table th {
    font-weight: 600;
}