﻿/* ===== Rexwood FAQ styling ===== */

/* brand color */
:root {
    --rwc-brand: #DA9A3E;
    --rwc-fs: 1.075rem; /* one font size for all FAQ text */
    --rwc-fw: 700; /* one font weight (bold) */
    --rwc-lh: 1.5; /* one line height */
    --rwc-text: #111; /* high-contrast body color */
}

/* each FAQ item gets a card-like border with a brand accent */
.rwc-faq .rwc-faq-item {
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-left: 4px solid var(--rwc-brand);
    border-radius: .5rem;
    background: #fff;
    overflow: hidden; /* keeps border radius clean with collapse */
    margin-bottom: .75rem; /* consistent spacing between questions */
}

/* question button (header) */
.rwc-faq .rwc-faq-button {
    width: 100%;
    text-align: left;
    background: transparent;
    color: var(--rwc-brand);
    font-weight: 600;
    padding: .9rem 1rem;
    border: 0;
    box-shadow: none;
}

    /* hovered / focused state */
    .rwc-faq .rwc-faq-button:hover,
    .rwc-faq .rwc-faq-button:focus {
        color: var(--rwc-brand);
        background: rgba(255, 97, 0, .06);
        outline: none;
    }

    /* expanded state for better affordance */
    .rwc-faq .rwc-faq-button:not(.collapsed) {
        background: rgba(255, 97, 0, .08);
    }

/* collapse container reset to remove double borders from Bootstrap */
.rwc-faq .rwc-faq-collapse {
    border-top: 1px solid rgba(0,0,0,.06);
}

/* answer body spacing */
.rwc-faq .rwc-faq-body {
    padding: 1rem 1.25rem;
    font-weight: 700; /* bold */
    font-size: 1.075rem; /* a bit larger than body */
    line-height: 1.5;
    color: #111; /* high contrast */
}

/* section headings spacing (above/below each FAQ group title) */
.section_space .mb-4 > .mb-3,
.section_space h3.mb-3 {
    margin-bottom: .75rem !important;
}

.section_space .mb-4 {
    margin-bottom: 1.75rem !important;
}

/* optional: unify icon list spacing inside answers */
.rwc-faq .unordered_list_block,
.rwc-faq .iconlist_block {
    margin-bottom: .25rem;
}

    .rwc-faq .iconlist_block li {
        margin-bottom: .25rem;
    }
.rwc-faq .rwc-faq-header {
    cursor: pointer;
    user-select: none;
}
    /* Optional: a subtle hover affordance */
    .rwc-faq .rwc-faq-header:hover {
        opacity: .92;
    }
/* Keep spacing tight and consistent */
.rwc-faq .rwc-faq-header,
.rwc-faq .rwc-faq-button {
    line-height: 1.4;
}
.rwc-faq .rwc-strong {
    font-weight: 700; /* bold */
    font-size: 1.075rem; /* a bit larger than body */
    line-height: 1.5;
    color: #111; /* high contrast */
}
.rwc-faq .rwc-faq-body,
.rwc-faq .rwc-faq-body p,
.rwc-faq .rwc-faq-body li,
.rwc-faq .unordered_list_block,
.rwc-faq .iconlist_block,
.rwc-faq .iconlist_text {
    font-size: var(--rwc-fs);
    font-weight: var(--rwc-fw);
    line-height: var(--rwc-lh);
    color: var(--rwc-text);
}

@media (min-width: 992px) {
    .rwc-faq .rwc-strong {
        font-size: 1.15rem; /* slightly larger on lg+ screens */
    }
}