/**
 * Cards - PNP 2030
 * 
 * Stili per le card Bootstrap con override personalizzati
 * 
 * @author Studio MIT
 * @version 1.0.0
 */

/* ========================================
   CARD HEADER STANDARD
   ======================================== */
.ph-card-header {
    color: var(--card-header-color, #fcfcfc) !important;
    background-color: var(--card-header-bg, #5b86cc) !important;
}

/* ========================================
   CARD HEADER SPECIALE (arancione)
   ======================================== */
.ph-card-speciale-header {
    color: var(--card-header-special-color, #000000) !important;
    background-color: var(--card-header-special-bg, #ffa633) !important;
}

/* ========================================
   CARD SHADOW
   ======================================== */
.card-shadow {
    box-shadow: var(--shadow, 0 1px 3px rgba(0, 0, 0, 0.1));
}

.card-shadow-lg {
    box-shadow: var(--shadow-lg, 0 10px 15px rgba(0, 0, 0, 0.1));
}

/* ========================================
   CARD CON TEMA COLORI
   ======================================== */
.card-primary .card-header {
    background-color: var(--color-primary, #2b4c81);
    color: white;
}

.card-secondary .card-header {
    background-color: var(--color-secondary, #2483a2);
    color: white;
}

.card-accent .card-header {
    background-color: var(--color-accent, #ffa633);
    color: black;
}

/* ========================================
   TEXT BG CUSTOM (Bootstrap 5 override)
   ======================================== */
.text-bg-custom {
    background-color: var(--color-primary-light, rgb(88, 144, 182));
    color: var(--card-header-color, #fff);
}

/* ========================================
   INFO BOX
   ======================================== */
.info-box {
    background-color: var(--color-info-bg, #e7f3ff);
    border-left: 4px solid var(--color-primary, #1b6ca8);
    padding: var(--spacing-4, 15px);
    margin-bottom: var(--spacing-5, 20px);
}