/* استایل‌های قبلی بدون تغییر باقی می‌مانند */
 body {
     font-family: Vazir, sans-serif;
     background-color: #f8f9fa;
     padding-top: 60px;
 }

 .floating-progress {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     z-index: 1000;
     border-radius: 0;
 }

 .question-card {
     margin-bottom: 20px;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
     transition: all 0.3s ease;
 }

 .question-card:hover {
     box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
 }

 .big-btn {
     font-size: 1.5rem;
     padding: 15px 30px;
     margin: 5px;
     border-radius: 10px;
     transition: all 0.3s ease;
     position: relative;
     overflow: hidden;
 }

 .big-btn:hover {
     transform: scale(1.05);
 }

 .big-btn.faded {
     opacity: 0.3;
     transform: scale(0.95);
 }

 .btn-yes {
     background-color: #28a745;
     border-color: #28a745;
     color: white;
 }

 .btn-no {
     background-color: #dc3545;
     border-color: #dc3545;
     color: white;
 }

 .btn-selected {
     box-shadow: 0 0 0 0.4rem rgba(0, 0, 0, 0.5) !important;
     font-weight: bold;
     transform: scale(1.05);
     border: 3px solid #000 !important;
     position: relative;
     opacity: 1 !important;
 }

 .personal-info {
     background-color: white;
     border-radius: 10px;
     padding: 20px;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
     margin-bottom: 30px;
 }

 .info-text {
     color: #6c757d;
     font-size: 0.95rem;
     background-color: #f0f8ff;
     padding: 10px;
     border-radius: 5px;
     border-right: 4px solid #0d6efd;
 }

 .progress-bar.complete {
     background-color: #28a745 !important;
 }

 .section-title {
     border-bottom: 2px solid #0d6efd;
     padding-bottom: 10px;
     margin: 30px 0 20px;
     color: #0d6efd;
 }

 .required::after {
     content: " *";
     color: red;
 }

 .support-section {
     background-color: #e8f5e9;
     border-radius: 10px;
     padding: 20px;
     margin: 20px 0;
     border-right: 5px solid #4caf50;
 }

 .checkbox-lg .form-check-input {
     width: 1.2rem;
     height: 1.2rem;
     margin-left: 10px;
 }

 .checkbox-lg .form-check-label {
     font-size: 1.1rem;
     display: flex;
     align-items: center;
 }

 .btn-animate {
     transition: all 0.3s ease;
 }

 .btn-animate:active {
     transform: scale(0.95);
 }

 .results-card {
     margin-bottom: 20px;
     border-left: 5px solid;
 }

 .results-card.general {
     border-left-color: #007bff;
 }

 .results-card.social {
     border-left-color: #28a745;
 }

 .results-card.family {
     border-left-color: #ffc107;
 }

 .results-card.academic {
     border-left-color: #17a2b8;
 }

 .results-card.lie {
     border-left-color: #6f42c1;
 }

 .results-card.total {
     border-left-color: #fd7e14;
 }

 .alert-box {
     position: fixed;
     top: 20px;
     left: 50%;
     transform: translateX(-50%);
     z-index: 1050;
     min-width: 300px;
     text-align: center;
 }

 .support-results {
     margin-top: 20px;
     padding: 15px;
     background-color: #e8f5e9;
     border-radius: 10px;
     border-right: 5px solid #4caf50;
 }

 /* Persian Datepicker Custom Styles */
 .pwt-btn-today,
 .pwt-btn-switch {
     background-color: #0d6efd !important;
     color: white !important;
 }

 .table-days .today {
     background-color: #0d6efd !important;
     color: white !important;
 }

 .datepicker-plot-area .table-days .selected {
     background-color: #28a745 !important;
     color: white !important;
 }

 #birthdate {
     cursor: pointer;
 }

 /* اعمال فونت وزیر به پنل تقویم */
 .datepicker-plot-area,
 .datepicker-plot-area *,
 .pwt-datepicker,
 .pwt-datepicker *,
 .pwt-btn,
 .table-days,
 .table-days *,
 .datepicker-header,
 .datepicker-header * {
     font-family: Vazir, sans-serif !important;
 }