/* ============================================
   Thịnh Theme — Accordion Custom (FAQ)
   Kiểu: Đánh số + icon +/- + border đứt
   Smooth open/close animation
   ============================================ */

.accordion-custom {
    max-width: 100%;
    counter-reset: faq-counter;
}

/* ── ITEM ── */
.accordion-custom .accordion-item {
    border: none !important;
    border-bottom: 1px dashed #d5cdc5 !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    counter-increment: faq-counter;
    border-right: 1px dashed #d5cdc5 !important;
    border-left: 1px dashed #d5cdc5 !important;
    transition: background-color 0.35s ease;
}

.accordion-custom .accordion-item:first-child {
    border-top: 1px dashed #d5cdc5 !important;
}

/* Nền nhẹ khi active */
.accordion-custom .accordion-item.active {
    background: #f6f3ed !important;
}

/* ── TITLE ── */
.accordion-custom .accordion-title {
    display: flex !important;
    align-items: center !important;
    padding: 15px !important;
    text-decoration: none !important;
    color: #3a3a3a !important;
    gap: 0 !important;
    border: none !important;
    background: transparent !important;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.accordion-custom .accordion-title:hover {
    color: #8B1A42 !important;
}

/* Số thứ tự */
.accordion-custom .accordion-title::before {
    content: counter(faq-counter) ". ";
    font-size: 0.9rem;
    font-weight: 700;
    color: #8B1A42;
    min-width: 24px;
    flex-shrink: 0;
    line-height: 1;
}

/* Text câu hỏi */
.accordion-custom .accordion-title>span {
    flex: 1;
    font-size: 0.88rem;
    font-weight: 500;
    line-height: 1.55;
    color: inherit !important;
}

/* ── ẨN ICON TOGGLE MẶC ĐỊNH ── */
.accordion-custom .accordion-title .toggle {
    display: none !important;
}

/* ── ICON +/- TÙY CHỈNH BÊN PHẢI ── */
.accordion-custom .accordion-title::after {
    font-size: 1.3rem;
    font-weight: 300;
    color: #aaa;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-left: auto;
    line-height: 1;
    border-radius: 50%;
    transition: color 0.3s ease, background-color 0.3s ease, transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Trạng thái đóng: dấu + */
.accordion-custom .accordion-item:not(.active) .accordion-title::after {
    content: "+";
}

/* Trạng thái mở: dấu – */
.accordion-custom .accordion-item.active .accordion-title::after {
    content: "–";
    color: #8B1A42;
    transform: rotate(0deg);
}

/* Active title */
.accordion-custom .accordion-item.active .accordion-title {
    color: #8B1A42 !important;
}

/* ── NỘI DUNG BÊN TRONG ── */
.accordion-custom .accordion-inner {
    padding: 0 15px 18px 39px !important;
    margin: 0 !important;
    background: transparent !important;
    overflow: hidden !important;
    will-change: height;
}

.accordion-custom .accordion-inner,
.accordion-custom .accordion-inner p {
    font-size: 0.85rem !important;
    line-height: 1.75 !important;
    color: #777 !important;
    font-weight: 400 !important;
}

.accordion-custom .accordion-inner p {
    margin: 0 0 6px !important;
}

.accordion-custom .accordion-inner p:last-child {
    margin-bottom: 0 !important;
}

/* ── RESPONSIVE ── */
@media (max-width: 768px) {
    .accordion-custom .accordion-title>span {
        font-size: 0.84rem;
    }

    .accordion-custom .accordion-inner {
        padding: 0 12px 14px 36px !important;
        font-size: 0.82rem !important;
    }
}