/* ========================================
   FAQs Page Styles
======================================== */

/* Accordion */
.accordion-item {
    border-top: 1px solid var(--lf-border-color);
    border-bottom: 1px solid var(--lf-border-color);
    border-left: none;
    border-right: none;
    background-color: transparent;
    border-radius: 0 !important;
    overflow: hidden;
}

.accordion-button {
    font-weight: 600;
    font-size: 1.1rem;
    color: var(--lf-text-primary);
    background-color: transparent;
    border: none;
    padding: 1.25rem 0.5em;
}

.accordion-button:not(.collapsed) {
    background-color: transparent;
    color: var(--lf-orange);
    box-shadow: none;
}

.accordion-button:focus {
    box-shadow: none;
    border-color: var(--lf-border-color);
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23FF8300' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
}

.accordion-body {
    padding: 1.5em 0.5em;
    line-height: 1.7;
    background-color: transparent;
}

.accordion-body p {
    margin-bottom: 0.5rem;
}

.accordion-body input[type="text"],
.accordion-body input[type="url"],
.accordion-body input[type="email"],
.accordion-body input[type="tel"],
.accordion-body input[type="password"],
.accordion-body textarea,
.accordion-body select {
    background-color: var(--lf-bg-light) !important;
}

/* Buttons */
.btn-block {
    width: 100% !important;
    display: block !important;
}