/**
 * Стили для услуг калькулятора ДМС
 */

/* Недоступная услуга */
.service-item.service-disabled {
  opacity: 0.5;
  pointer-events: none;
}

.service-item.service-disabled label {
  cursor: not-allowed;
}

/* Подсказка о недоступности услуги */
.service-unavailable-hint {
  font-size: 0.75rem;
  color: #ef4444;
  margin-left: auto;
}

/* Анимация появления подсказки */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.service-unavailable-hint {
  animation: fadeIn 0.3s ease-in-out;
}

/* Стили для чекбоксов */
/* Фиксированный размер — не сжимаются на маленьких экранах */
#select-service-form .service-item .checkbox-wrap,
.service-item .checkbox-wrap {
  flex-shrink: 0;
  min-width: 20px;
  min-height: 20px;
  width: 20px;
  height: 20px;
}

.service-item .checkbox-wrap input[type="checkbox"]:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

/* Hover эффект для доступных услуг */
.service-item:not(.service-disabled):hover {
  background-color: rgba(0, 0, 0, 0.02);
  transition: background-color 0.2s ease;
}

/* Активная услуга */
.service-item .checkbox-wrap input[type="checkbox"]:checked + label {
  font-weight: 500;
}

/* ============================================
   Программы от СберЗдоровье
   ============================================ */

.sber-zdorovie-section {
  margin-top: 2rem;
}

.sber-zdorovie-section__title {
  margin-bottom: 1rem;
}

.sber-zdorovie-card .sber-zdorovie-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
}

.sber-zdorovie-card .sber-zdorovie-sub {
  font-size: 0.875rem;
  color: #666;
}

.sber-zdorovie-desc {
  font-size: 0.9rem;
  color: #555;
  margin: 0.5rem 0 1rem;
  line-height: 1.4;
}

.sber-zdorovie-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1rem;
}

.sber-zdorovie-actions .btn-sber-kp {
  background: #00A24D;
  color: #fff !important;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  text-decoration: none;
  font-size: 0.9rem;
}

.sber-zdorovie-actions .btn-sber-kp:hover {
  background: #008a40;
}

.sber-zdorovie-actions .btn4 {
  border: 1px solid #00A24D;
  color: #00A24D;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  text-decoration: none;
  font-size: 0.9rem;
}

.sber-zdorovie-actions .btn4:hover {
  background: #00A24D;
  color: #fff;
}