.form-control {
    font-size: var(--font-size-input);
}

/*--------------------------------------------------------------
# Calender Section
--------------------------------------------------------------*/

.basket .basket-form {
    width: 100%;
    margin-top: 30px;
    background: #fff;
}

.accordion-button:not(.collapsed) {
    background-color: var(--color-light-gray);
    color: var(--color-default);
}

.accordion-button.collapsed {
    background-color: var(--color-white);
    color: var(--color-default);
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%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");
}

.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='%23212529'%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");
}

.rotate-30-cw {
    transform: rotate(30deg);
}

.rotate-30-ccw {
    transform: rotate(-30deg);
}

.form-select {
width: 85vw;
    max-width: 320px;
    padding: 10px;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid #ccc;
    background-color: #fff;
    -webkit-appearance: none; /* 사파리 기본 스타일 제거 */
    -moz-appearance: none; /* 파이어폭스 기본 스타일 제거 */
    appearance: none;
}