/**
 * Achang AddQA Public Styles
 */

/* 容器樣式 */
.achang-addqa-container {
    margin: 20px 0;
}

.achang-addqa-title {
    margin-bottom: 15px;
    font-weight: bold;
    /* 字體大小與顏色由 PHP 動態輸出 */
}

/* Accordion 項目 */
.achang-addqa-item {
    margin-bottom: 10px;
    /* 邊框樣式由動態 CSS 控制 */
}

/* 問題按鈕 */
.achang-addqa-question {
    width: 100%;
    text-align: left;
    padding: 15px;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: bold;
    box-sizing: border-box;
    background: none;
    transition: all 0.2s ease;
    /* border-radius 由動態 CSS 控制 */
}

/* 圖示位置控制 */
.achang-addqa-question.icon-position-right {
    justify-content: space-between;
}

.achang-addqa-question.icon-position-right .achang-addqa-icon {
    order: 2;
    margin-right: 0;
    margin-left: 10px;
}

.achang-addqa-question:not(.icon-position-right) .achang-addqa-icon {
    margin-right: 10px;
}

/* 圖示樣式 */
.achang-addqa-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-family: "dashicons";
    font-size: 20px;
}

/* 箭頭樣式 */
.achang-addqa-question[data-icon-type="arrow"] .achang-addqa-icon::before {
    content: "\f347"; /* dashicons-arrow-down-alt2 */
}

.achang-addqa-question[data-icon-type="arrow"][aria-expanded="true"] .achang-addqa-icon::before {
    content: "\f343"; /* dashicons-arrow-up-alt2 */
}

/* 加減號樣式 */
.achang-addqa-question[data-icon-type="plus-minus"] .achang-addqa-icon::before {
    content: "\f132"; /* dashicons-plus */
}

.achang-addqa-question[data-icon-type="plus-minus"][aria-expanded="true"] .achang-addqa-icon::before {
    content: "\f460"; /* dashicons-minus */
}

/* 回答區塊 */
.achang-addqa-answer {
    overflow: hidden;
    display: none; 
    /* border-radius 由動態 CSS 控制 */
}

.achang-addqa-answer-inner {
    padding: 15px;
}