/* 列表區塊樣式 */

/* 移除 accordion 的圓角和邊框 */
.accordion-item {
    border: none;
}

.accordion-button {
    font-size: calc(var(--global-font-size) * (16 / 16));
}

/* 移除當按鈕展開時的圓角和陰影 */
.accordion-button:not(.collapsed) {
    box-shadow: none;
    border-radius: 0;
}

/* 移除第一個 item 的邊框圓角 */
.accordion-item:first-of-type>.accordion-header .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/* 移除最後一個 item 的邊框圓角 */
.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.accordion-item .accordion-button {
    background-color: #292929;
    color: #FFF;
    padding: 10px 50px;
    border-top: 2px solid #ff9800;
    margin: 0;
}

.accordion-item h2 {
    margin: 0;
    font-size: calc(var(--global-font-size) * (16 / 16));
}

.accordion-item svg {
    font-size: calc(var(--global-font-size) * (24 / 16));
    color: #FFF;
    transition: transform 0.3s ease;
}

.accordion-item .detail {
    padding: 8px 50px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    background-color: #DFDFDF;
    color: #727272;
    line-height: 1.5;
}

.accordion-item .detail:nth-child(1),
.accordion-item .detail:nth-child(2),
.reason-box .reason:nth-child(1) {
    background-color: #F5E7E3;
}

.year-box .year {
    padding: 8px 50px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    background-color: #FFF;
    color: #727272;
    line-height: 1.5;
    text-align: center;
}

.reason-box .reason {
    padding: 8px 50px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    background-color: #DFDFDF;
    color: #727272;
    line-height: 1.5;
}

.accordion-item .tip {
    padding: 8px 50px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    background-color: #FFD087;
    line-height: 1.5;
    color: #EA6C0C;
}

.accordion-body .tip:not(:first-child),
.accordion-body .detail:not(:first-child) {
    border-top: 1px solid white;
}

.accordion-button::after,
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}