/* CloudSynQ Event Builder - Color Customization */

/* CSS Custom Properties for Easy Color Control */
:root {
    /* Icon Colors */
    --csq-icon-color: #3498db;
    --csq-calendar-icon-color: #e74c3c;
    --csq-location-icon-color: #e67e22;
    --csq-price-icon-color: #27ae60;
    --csq-organizer-icon-color: #9b59b6;
    
    /* Text Colors */
    --csq-label-color: #4a5568;
    --csq-value-color: #1a202c;
    --csq-card-title-color: #1a202c;
    
    /* Background Colors */
    --csq-card-bg: #f8fafc;
    --csq-card-border: #e2e8f0;
    --csq-accent-color: #3498db;
}

/* Specific Icon Colors */
.csq-info-item:nth-child(1) .csq-info-icon {
    color: var(--csq-calendar-icon-color, #e74c3c);
}

.csq-info-item:nth-child(2) .csq-info-icon {
    color: var(--csq-location-icon-color, #e67e22);
}

.csq-info-item:nth-child(3) .csq-info-icon {
    color: var(--csq-price-icon-color, #27ae60);
}

.csq-info-item:nth-child(4) .csq-info-icon {
    color: var(--csq-organizer-icon-color, #9b59b6);
}

/* Color Theme Variations */

/* Blue Theme */
.csq-theme-blue {
    --csq-icon-color: #3498db;
    --csq-accent-color: #3498db;
    --csq-calendar-icon-color: #3498db;
    --csq-location-icon-color: #2980b9;
    --csq-price-icon-color: #5dade2;
    --csq-organizer-icon-color: #1b4f72;
}

/* Green Theme */
.csq-theme-green {
    --csq-icon-color: #27ae60;
    --csq-accent-color: #27ae60;
    --csq-calendar-icon-color: #27ae60;
    --csq-location-icon-color: #2ecc71;
    --csq-price-icon-color: #58d68d;
    --csq-organizer-icon-color: #1e8449;
}

/* Purple Theme */
.csq-theme-purple {
    --csq-icon-color: #9b59b6;
    --csq-accent-color: #9b59b6;
    --csq-calendar-icon-color: #9b59b6;
    --csq-location-icon-color: #8e44ad;
    --csq-price-icon-color: #bb8fce;
    --csq-organizer-icon-color: #6c3483;
}

/* Orange Theme */
.csq-theme-orange {
    --csq-icon-color: #e67e22;
    --csq-accent-color: #e67e22;
    --csq-calendar-icon-color: #e67e22;
    --csq-location-icon-color: #d35400;
    --csq-price-icon-color: #f39c12;
    --csq-organizer-icon-color: #a04000;
}

/* Dark Theme */
.csq-theme-dark {
    --csq-card-bg: #2c3e50;
    --csq-card-border: #34495e;
    --csq-card-title-color: #ecf0f1;
    --csq-label-color: #bdc3c7;
    --csq-value-color: #ecf0f1;
    --csq-icon-color: #3498db;
    --csq-accent-color: #3498db;
}

/* Custom Color Classes for Easy Application */
.csq-red-icons { --csq-icon-color: #e74c3c; }
.csq-blue-icons { --csq-icon-color: #3498db; }
.csq-green-icons { --csq-icon-color: #27ae60; }
.csq-purple-icons { --csq-icon-color: #9b59b6; }
.csq-orange-icons { --csq-icon-color: #e67e22; }
.csq-yellow-icons { --csq-icon-color: #f39c12; }
.csq-teal-icons { --csq-icon-color: #1abc9c; }
.csq-pink-icons { --csq-icon-color: #e91e63; }

/* Hover Effects */
.csq-info-item:hover .csq-info-icon {
    transform: scale(1.1);
    transition: transform 0.2s ease;
}

/* Professional spacing improvements */
.csq-info-item .csq-info-content {
    padding-top: 1px; /* Fine-tune alignment with icon */
}