fieldset {
    display: none;
}

fieldset:first-of-type {
    display: block;
}

input[type="checkbox"] {
    pointer-events: auto !important;
    z-index: 10 !important;
    position: relative;
    opacity: 1 !important;
}

label {
    cursor: pointer;
    user-select: none;
}

.next_btns:disabled {
    opacity: 0.5;
    pointer-events: none;
}

.day-item {
    padding: 10px;
    border-radius: 8px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s;
}

.booking-wizard-slots .visits span.visit-rsn {
    min-width: 98px !important;
    height: 29px !important;
}

.visits input:checked~.visit-rsn {
    background-color: #012047 !important;
}

.has-capacity {
    background: #f9f9f9;
    border: 1px solid #e9ecef;
}

.has-capacity:hover {
    background: #ee4c94;
    border-color: #dee2e6;
}

.has-capacity:hover>* {
    color: rgb(238, 239, 241);
    font-weight: bold;
}

.no-capacity {
    background: #f8f9fa;
    opacity: 0.6;
    cursor: not-allowed;
}

.day-name {
    font-weight: bold;
    margin-bottom: 5px;
    color: #ed5096;
}

.jalali-date {
    font-size: 0.9rem;
    color: #012047;
    font-weight: 700;
}

.remaining-days {
    font-size: 0.8rem;
    color: #012047;
    margin: 3px 0;
}

.capacity {
    font-size: 0.9rem;
    font-weight: bold;
}

.has-capacity .capacity {
    color: #04bd6c;
}



.no-capacity .capacity {
    color: #dc3545;
}

.time-slot-btn.active {
    background: #38c172;
    color: #fff;
}

.swiper-nav-wrapper {
    direction: ltr;
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 2.2rem;
}

.swiper-button-prev,
.swiper-button-next {
    position: static;
    width: 40px;
    height: 40px;
    background-color: #f0f0f0;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.3s;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    background-color: #e0e0e0;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-size: 20px;
    font-weight: 900;
    color: #333;
}
.day-item.active {
    background-color: #d0e7ff;  /* رنگ آبی خیلی ملایم */
    border-radius: 8px;          /* گرد بودن گوشه‌ها */
    box-shadow: 0 0 8px rgba(0, 123, 255, 0.3); /* سایه ملایم */
    transition: background-color 0.3s ease;
}

.dark-mode #services-error{
    color: lightgray;
}
.dark-mode .service-item span.service-title{
    color: #ed5096;
}