/* Young Driver Tracker - Icon Mappings */

/* ========================================
   ICON UTILITY CLASSES
   ======================================== */

/* Icon sizes */
.icon-sm { font-size: 1rem; }
.icon-md { font-size: 1.25rem; }
.icon-lg { font-size: 1.5rem; }
.icon-xl { font-size: 2rem; }
.icon-xxl { font-size: 3rem; }

/* Icon colors matching theme */
.icon-primary { color: var(--ydt-primary); }
.icon-secondary { color: var(--ydt-secondary); }
.icon-success { color: var(--ydt-success); }
.icon-warning { color: var(--ydt-warning); }
.icon-danger { color: var(--ydt-danger); }
.icon-info { color: var(--ydt-info); }
.icon-white { color: white; }

/* Icon animations */
@keyframes pulse-icon {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.1); opacity: 0.8; }
}

.icon-pulse {
    animation: pulse-icon 2s infinite;
}

.icon-spin {
    animation: fa-spin 2s infinite linear;
}

/* ========================================
   SPECIFIC ICON CONTEXTS
   ======================================== */

/* Navigation icons */
.navbar .fas,
.navbar .far,
.navbar .fab {
    margin-right: 0.5rem;
}

/* Button icons */
.btn .fas,
.btn .far,
.btn .fab {
    margin-right: 0.5rem;
}

.btn .fas:last-child,
.btn .far:last-child,
.btn .fab:last-child {
    margin-right: 0;
    margin-left: 0.5rem;
}

/* Card header icons */
.card-header .fas,
.card-header .far,
.card-header .fab {
    margin-right: 0.75rem;
    color: var(--ydt-primary);
}

/* Feature card icons */
.feature-card h3 .fas,
.feature-card h3 .far,
.feature-card h3 .fab {
    margin-right: 0.5rem;
}

/* Status icons */
.status .fas,
.status .far,
.status .fab {
    margin-right: 0.5rem;
}

/* List item icons */
.list-unstyled li .fas,
.list-unstyled li .far,
.list-unstyled li .fab {
    margin-right: 0.75rem;
    width: 1.25rem;
    text-align: center;
}

/* Footer icons */
.footer .fas,
.footer .far,
.footer .fab {
    margin-right: 0.5rem;
    color: var(--ydt-primary);
}

/* ========================================
   ICON HOVER EFFECTS
   ======================================== */
.icon-hover {
    transition: all 0.3s ease;
}

.icon-hover:hover {
    transform: scale(1.1);
    color: var(--ydt-primary);
}

/* ========================================
   BADGE ICONS
   ======================================== */
.badge .fas,
.badge .far,
.badge .fab {
    margin-right: 0.25rem;
    font-size: 0.75rem;
}

/* ========================================
   RESPONSIVE ICON ADJUSTMENTS
   ======================================== */
@media (max-width: 768px) {
    .navbar .fas,
    .navbar .far,
    .navbar .fab {
        margin-right: 0.25rem;
    }
    
    .btn .fas,
    .btn .far,
    .btn .fab {
        margin-right: 0.25rem;
    }
    
    .feature-card h3 {
        font-size: 1.25rem;
    }
    
    .icon-xxl {
        font-size: 2.5rem;
    }
}

@media (max-width: 576px) {
    .icon-xl {
        font-size: 1.75rem;
    }
    
    .icon-xxl {
        font-size: 2rem;
    }
}