/* Help Center - Professional styling aligned with Solafide manual */

/* Hero section - ensure white text on blue */
.support-hero .search-input:focus {
    border-color: #1E40AF;
    box-shadow: 0 0 0 2px rgba(30, 64, 175, 0.2);
}

/* Help category cards - clean hover states */
.help-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.help-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px -8px rgba(30, 64, 175, 0.15);
}

/* Quick start step numbers */
.guide-section .step-number {
    background: linear-gradient(135deg, #1E40AF 0%, #1E3A8A 100%);
}

/* FAQ accordion - answers collapsed by default */
.faq-item .faq-answer {
    display: none;
}
.faq-item.active .faq-answer {
    display: block;
}
.faq-item button {
    transition: background-color 0.2s ease;
}
.faq-item button:hover {
    background-color: rgb(243 244 246);
}
.faq-item button i.fa-chevron-down {
    transition: transform 0.2s ease;
}
.faq-item.active button i.fa-chevron-down {
    transform: rotate(180deg);
}

/* Floating help button */
.floating-help {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 50;
}

/* Video thumbnails */
.video-thumbnail:hover {
    transform: translateY(-2px);
}

/* Section spacing for better rhythm */
section.py-16 + section.py-16 {
    margin-top: 0;
}