/**
 * WDC Typography Standard - Wizard Donazione Campagna
 * Standard tipografico uniforme per tutte le dashboard
 * 
 * File: assets/wdc-typography.css
 * @version 1.0.0
 * 
 * NOTA: Tutti i selettori usano prefisso .wdc- per evitare conflitti
 */

/* ============================================
   BASE TYPOGRAPHY
   ============================================ */

/* Container principale - assicura che gli stili si applichino solo al plugin */
.wdc-frontend-dashboard,
.wdc-admin-dashboard {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #1d2327;
}

/* ============================================
   HEADINGS
   ============================================ */

/* H1 - Solo header principale dashboard */
.wdc-frontend-dashboard h1,
.wdc-admin-dashboard h1,
.wdc-frontend-header h1 {
    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin: 0 0 10px 0 !important;
}

/* H2 - Titoli sezione (💰 Gestione Donazioni, 📊 Analytics, ecc.) */
.wdc-frontend-dashboard h2,
.wdc-admin-dashboard h2,
.wdc-tab-content h2,
.wdc-header-actions h2,
.wdc-analytics-header h2,
.wdc-reminder-tab h2,
.wdc-donors-tab h2,
.wdc-subscriptions-tab h2 {
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin: 0 0 20px 0 !important;
    color: #1d2327 !important;
}

/* H2 nei modal - leggermente più piccolo */
.wdc-modal-header h2,
.wdc-frontend-dashboard .wdc-modal-header h2 {
    font-size: 18px !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

/* H3 - Sottosezioni */
.wdc-frontend-dashboard h3,
.wdc-admin-dashboard h3,
.wdc-tab-content h3,
.wdc-analytics-section h3,
.wdc-info-box h3 {
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    margin: 0 0 15px 0 !important;
    color: #1d2327 !important;
}

/* H3 con colore brand */
.wdc-frontend-dashboard h3.wdc-brand,
.wdc-tab-content h3[style*="color: #a0b325"] {
    color: #a0b325 !important;
}

/* H4 - Titoli minori */
.wdc-frontend-dashboard h4,
.wdc-admin-dashboard h4,
.wdc-tab-content h4 {
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    margin: 0 0 10px 0 !important;
}

/* ============================================
   BODY TEXT
   ============================================ */

/* Paragrafi standard */
.wdc-frontend-dashboard p,
.wdc-admin-dashboard p,
.wdc-tab-content p {
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 15px 0;
}

/* Testo nelle tabelle */
.wdc-frontend-dashboard table td,
.wdc-frontend-dashboard table th,
.wdc-tab-content table td,
.wdc-tab-content table th {
    font-size: 14px;
    line-height: 1.5;
}

/* Header tabelle */
.wdc-frontend-dashboard .wp-list-table thead th,
.wdc-tab-content .wp-list-table thead th {
    font-size: 13px;
    font-weight: 600;
    text-transform: none;
}

/* ============================================
   LABELS & FILTERS
   ============================================ */

/* Label form e filtri */
.wdc-frontend-dashboard label,
.wdc-tab-content label,
.wdc-filter-item label,
.wdc-filters-grid label,
.wdc-filter-group label {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #1d2327 !important;
    margin-bottom: 5px !important;
    display: block;
}

/* Label inline (es. nei filtri) */
.wdc-filter-group label {
    display: inline !important;
    margin-bottom: 0 !important;
}

/* Select e input nei filtri */
.wdc-frontend-dashboard select,
.wdc-frontend-dashboard input[type="text"],
.wdc-frontend-dashboard input[type="email"],
.wdc-frontend-dashboard input[type="number"],
.wdc-frontend-dashboard input[type="date"],
.wdc-tab-content select,
.wdc-tab-content input[type="text"],
.wdc-tab-content input[type="email"],
.wdc-tab-content input[type="number"],
.wdc-tab-content input[type="date"] {
    font-size: 14px !important;
}

/* ============================================
   SMALL TEXT & META
   ============================================ */

/* Testo piccolo, note, meta info */
.wdc-frontend-dashboard small,
.wdc-frontend-dashboard .wdc-meta,
.wdc-frontend-dashboard .wdc-note,
.wdc-tab-content small,
.wdc-stat-meta {
    font-size: 12px !important;
    color: #646970 !important;
    line-height: 1.4 !important;
}

/* Badge e tag */
.wdc-frontend-dashboard .wdc-badge,
.wdc-tab-content .wdc-badge,
.wdc-filter-badge {
    font-size: 12px !important;
    font-weight: 600 !important;
}

/* ============================================
   STATISTICS CARDS
   ============================================ */

/* Valore statistico grande */
.wdc-frontend-dashboard .wdc-stat-value,
.wdc-tab-content .wdc-stat-value {
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

/* Label sotto le statistiche */
.wdc-frontend-dashboard .wdc-stat-label,
.wdc-tab-content .wdc-stat-label {
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #646970 !important;
}

/* ============================================
   IMPORTI E VALORI MONETARI
   ============================================ */

/* Importi evidenziati nelle tabelle */
.wdc-frontend-dashboard .wdc-amount,
.wdc-tab-content .wdc-amount,
.wdc-frontend-dashboard td strong[style*="color: #a0b325"],
.wdc-tab-content td strong[style*="color: #a0b325"] {
    font-size: 16px !important;
    font-weight: 700 !important;
}

/* Importi grandi (es. totali) */
.wdc-frontend-dashboard .wdc-amount-large,
.wdc-tab-content .wdc-amount-large {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #a0b325 !important;
}

/* ============================================
   BUTTONS
   ============================================ */

/* Bottoni standard */
.wdc-frontend-dashboard .button,
.wdc-frontend-dashboard .wdc-btn,
.wdc-tab-content .button,
.wdc-tab-content .wdc-btn {
    font-size: 13px !important;
    font-weight: 600 !important;
}

/* Bottoni piccoli */
.wdc-frontend-dashboard .button-small,
.wdc-frontend-dashboard .wdc-btn-small,
.wdc-tab-content .button-small {
    font-size: 12px !important;
}

/* Bottoni grandi */
.wdc-frontend-dashboard .button-large,
.wdc-frontend-dashboard .wdc-btn-large {
    font-size: 15px !important;
}

/* ============================================
   TABS NAVIGATION
   ============================================ */

.wdc-frontend-tabs .wdc-tab-btn {
    font-size: 14px !important;
    font-weight: 600 !important;
}

/* ============================================
   NOTICES & ALERTS
   ============================================ */

.wdc-frontend-dashboard .notice p,
.wdc-tab-content .notice p {
    font-size: 14px !important;
}

.wdc-frontend-dashboard .notice strong,
.wdc-tab-content .notice strong {
    font-weight: 600 !important;
}

/* ============================================
   ROW ACTIONS (link sotto le righe tabelle)
   ============================================ */

.wdc-frontend-dashboard .row-actions,
.wdc-tab-content .row-actions {
    font-size: 13px !important;
}

.wdc-frontend-dashboard .row-actions a,
.wdc-tab-content .row-actions a {
    font-size: 13px !important;
}

/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 782px) {
    /* H1 mobile */
    .wdc-frontend-dashboard h1,
    .wdc-frontend-header h1 {
        font-size: 24px !important;
    }
    
    /* H2 mobile */
    .wdc-frontend-dashboard h2,
    .wdc-tab-content h2 {
        font-size: 20px !important;
    }
    
    /* H3 mobile */
    .wdc-frontend-dashboard h3,
    .wdc-tab-content h3 {
        font-size: 16px !important;
    }
    
    /* Stat value mobile */
    .wdc-frontend-dashboard .wdc-stat-value,
    .wdc-tab-content .wdc-stat-value {
        font-size: 20px !important;
    }
    
    /* Tabs mobile */
    .wdc-frontend-tabs .wdc-tab-btn {
        font-size: 13px !important;
        padding: 10px 16px !important;
    }
}