/* Dramatically More Compact FAQ Section Styling */

/* Override the main FAQ section styles to make it more compact */
.faq-section, .faq {
    padding: 30px 0 40px; /* Less padding on top, normal padding on bottom */
    background-color: #f8f8f8; /* Lighter background */
}

/* Make the FAQ container more compact */
.faq-container, .faq-grid {
    max-width: 800px; /* Narrower container */
}

/* Make each FAQ item more compact */
.faq-item {
    margin-bottom: 6px; /* Minimal margin between items */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); /* Much lighter shadow */
    border-radius: 4px; /* Smaller border radius */
    border-left: 2px solid #e0e0e0; /* Lighter border */
}

/* Make the question section much more compact */
.faq-question {
    padding: 10px 15px; /* Significantly reduced padding */
}

.faq-question h3 {
    font-size: 15px; /* Much smaller font size */
    line-height: 1.2; /* Very tight line height */
    font-weight: 500; /* Slightly lighter font weight */
}

/* Make the icon much smaller and more compact */
.faq-icon {
    width: 20px; /* Much smaller icon */
    height: 20px; /* Much smaller icon */
    margin-left: 8px; /* Less space from the text */
    background: #f0f0f0; /* Lighter background */
}

/* Change the active state styling */
.faq-item.active {
    border-left: 2px solid #2ecc71; /* Thinner green border */
    box-shadow: 0 2px 8px rgba(46, 204, 113, 0.1); /* Lighter shadow */
}

/* Make the answer section much more compact */
.faq-item.active .faq-answer {
    padding: 0 15px 10px; /* Minimal padding */
    display: block;
}

.faq-answer p {
    margin-bottom: 6px; /* Minimal space between paragraphs */
    font-size: 0.9rem; /* Smaller text */
    line-height: 1.4; /* Very tight line height */
    color: #555; /* Slightly darker text for better contrast */
}

/* Make lists in FAQ answers much more compact */
.faq-answer ul {
    margin-top: 4px;
    margin-bottom: 8px;
    padding-left: 18px; /* Minimal indentation */
}

.faq-answer li {
    margin-bottom: 3px; /* Minimal space between list items */
    font-size: 0.9rem; /* Smaller text */
    line-height: 1.3; /* Very tight line height */
}

/* Add a subtle separator between questions */
.faq-item:not(:last-child) {
    border-bottom: 1px solid #f0f0f0;
}

/* Adjust spacing for the section intro */
.faq-section .section-intro {
    margin-bottom: 15px; /* Minimal space before questions */
}

/* Remove excessive space between intro and FAQ container */
.faq-container {
    margin-top: 0 !important;
}

/* Ensure no extra space from AOS animations */
[data-aos] {
    transition-delay: 0s !important;
}

/* Responsive adjustments for compact FAQ */
@media (max-width: 768px) {
    .faq-question {
        padding: 8px 12px; /* Extremely compact on mobile */
    }
    
    .faq-question h3 {
        font-size: 14px; /* Even smaller font on mobile */
        padding-right: 25px; /* Make room for the icon */
    }
    
    .faq-item.active .faq-answer {
        padding: 0 12px 8px; /* Minimal padding on mobile */
    }
}
