/* FAQ Pattern Styles */

/* FAQ Container */
.wp-block-group[data-name="FAQ Section"] {
    width: 100%;
}

/* FAQ Title Icon */
.wp-block-group[data-name="FAQ Section"] h2 svg {
    margin-right: 12px;
    vertical-align: middle;
    flex-shrink: 0;
}

/* FAQ Items Container */
.wp-block-group[data-name="FAQ Section"] .wp-block-group.has-white-background-color {
    transition: box-shadow 0.2s ease;
}

.wp-block-group[data-name="FAQ Section"] .wp-block-group.has-white-background-color:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Details Summary */
.wp-block-group[data-name="FAQ Section"] .wp-block-details summary {
    list-style: none;
    cursor: pointer;
    transition: color 0.2s ease;
    position: relative;
}

.wp-block-group[data-name="FAQ Section"] .wp-block-details summary::-webkit-details-marker {
    display: none;
}

.wp-block-group[data-name="FAQ Section"] .wp-block-details summary:hover {
    color: #1e3a8a;
}

/* Chevron Arrow Animation */
.wp-block-group[data-name="FAQ Section"] .wp-block-details[open] summary svg {
    transform: rotate(180deg);
}

/* FAQ Content */
.wp-block-group[data-name="FAQ Section"] .wp-block-details .wp-block-paragraph {
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .wp-block-group[data-name="FAQ Section"] {
        padding: var(--wp--preset--spacing--30) !important;
    }

    .wp-block-group[data-name="FAQ Section"] h2 {
        font-size: 24px !important;
    }

    .wp-block-group[data-name="FAQ Section"] .wp-block-group .wp-block-group {
        margin-top: var(--wp--preset--spacing--20) !important;
    }

    .wp-block-group[data-name="FAQ Section"] .wp-block-details summary {
        padding: var(--wp--preset--spacing--30) !important;
        font-size: 15px !important;
    }

    .wp-block-group[data-name="FAQ Section"] .wp-block-details .wp-block-paragraph {
        padding-left: var(--wp--preset--spacing--30) !important;
        padding-right: var(--wp--preset--spacing--30) !important;
        padding-bottom: var(--wp--preset--spacing--30) !important;
    }
}

/* Extra small mobile */
@media (max-width: 480px) {
    .wp-block-group[data-name="FAQ Section"] {
        padding: var(--wp--preset--spacing--20) !important;
    }

    .wp-block-group[data-name="FAQ Section"] h2 {
        font-size: 20px !important;
    }

    .wp-block-group[data-name="FAQ Section"] h2 svg {
        width: 20px !important;
        height: 20px !important;
    }

    .wp-block-group[data-name="FAQ Section"] .wp-block-details summary {
        padding: var(--wp--preset--spacing--20) !important;
        font-size: 14px !important;
    }

    .wp-block-group[data-name="FAQ Section"] .wp-block-details .wp-block-paragraph {
        font-size: 13px !important;
        padding: var(--wp--preset--spacing--20) !important;
    }
}