/* These styles are generated from project.scss. */

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}
/* Переключатель недель */
  .week-selector-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 20px 0;
    font-family: Arial, sans-serif;
  }

  .week-selector-title {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 500;
    color: #333;
    text-align: center;
    max-width: 300px;
  }

  .week-switcher {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .week-switch {
    position: relative;
    display: inline-flex;
    background: #CEE7CD;
    border-radius: 60px;
    box-shadow: inset 0px 2px 8px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: 0.3s;
    padding: 5px;
    height: 60px;
    overflow: hidden;
  }

  .text-container {
    display: flex;
    position: relative;
    z-index: 2;
  }

  .current-week, .next-week {
    padding: 0 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    transition: 0.3s;
    height: 50px;
    box-sizing: border-box;
  }

  .current-week {
    color: white;
  }

  .next-week {
    color: #333;
  }

  .slider {
    position: absolute;
    background: #38A933;
    border-radius: 50px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    z-index: 1;
    top: 5px;
    bottom: 5px;
    left: 5px;
    width: calc(100% - 10px);
  }

  #week-toggle {
    display: none;
  }

  #week-toggle:checked + .week-switch .slider {
    left: auto;
    right: 5px;
  }

  #week-toggle:checked + .week-switch .current-week {
    color: #333;
  }

  #week-toggle:checked + .week-switch .next-week {
    color: white;
  }

  @media (max-width: 480px) {
    .week-selector-title {
      font-size: 16px;
      max-width: 250px;
      margin-bottom: 12px;
    }

    .week-switch {
      height: 50px;
      padding: 3px;
    }

    .current-week, .next-week {
      padding: 0 20px;
      font-size: 14px;
      height: 44px;
    }

    .slider {
      top: 3px;
      bottom: 3px;
      left: 3px;
    }

    #week-toggle:checked + .week-switch .slider {
      right: 3px;
    }
  }
</style>



/* Переключатель недель конец. */
/* Модальное окно доната*/
/* Стили модального окна доната */

/* Стили модального окна доната - ИСПРАВЛЕННАЯ ВЕРСИЯ */


/* Стили модального окна контакты */
.contact_modal-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
justify-content: center;
z-index: 91000;
}

.contact_modal {
background: #ffffff;
border-radius: 20px;
border: 1px solid #ffffff;
padding: 24px;
display: flex;
flex-direction: column;
gap: 18px;
align-items: flex-start;
justify-content: center;
box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.1);
max-width: 428px;
width: 100%;
position: relative;
}

.contact_modal-title {
display: flex;
flex-direction: row;
gap: 24px;
align-items: flex-start;
justify-content: flex-end;
align-self: stretch;
flex-shrink: 0;
position: relative;
}

.contact_modal-description {
display: flex;
flex-direction: column;
gap: 4px;
align-items: flex-start;
justify-content: flex-start;
flex: 1;
position: relative;
}

.contact_modal-heading {
color: #282828;
text-align: left;
font-family: "Montserrat-SemiBold", sans-serif;
font-size: 20px;
font-weight: 600;
position: relative;
align-self: stretch;
}

.contact_modal-close {
flex-shrink: 0;
width: 24px;
height: 24px;
position: relative;
cursor: pointer;
}

.contact_modal-content {
display: flex;
flex-direction: column;
gap: 14px;
align-items: flex-start;
justify-content: flex-start;
flex-shrink: 0;
position: relative;
width: 100%;
}

.contact_modal-phone,
.contact_modal-email {
color: #282828;
text-align: left;
font-family: "Montserrat-Regular", sans-serif;
font-size: 14px;
font-weight: 400;
position: relative;
width: 100%;
}

.contact_modal-socials {
display: flex;
gap: 16px;
align-items: center;
margin-top: 12px;
}

.contact_modal-social-link {
display: block;
transition: transform 0.2s ease;
}

.contact_modal-social-link:hover {
transform: scale(1.1);
}

.contact_modal-icon-wrapper {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #f5f5f5;
transition: background 0.2s ease;
}

.contact_modal-social-link:hover .contact_modal-icon-wrapper {
background: #e8e8e8;
}

.contact_modal-icon {
width: 24px;
height: 24px;
object-fit: contain;
}

.contact_modal-legal {
margin-top: 10px;
font-size: 12px;
color: #888;
text-align: center;
padding-top: 10px;
border-top: 1px solid #eee;
width: 100%;
font-family: "Montserrat-Regular", sans-serif;
}

/* Адаптивность контактов */
@media (max-width: 428px) {
.contact_modal {
width: calc(100% - 40px);
max-width: 428px;
}
}

/* Project specific Javascript goes here. */
document.addEventListener('DOMContentLoaded', function() {
// Элементы модального окна
const modal = document.querySelector('.contact_modal-overlay');
const openButton = document.querySelector('.contact_modal-trigger');
const closeButton = document.querySelector('.contact_modal-close');

// Открытие модального окна
openButton.addEventListener('click', function(e) {
e.preventDefault();
modal.style.display = 'flex';
});

// Закрытие модального окна
closeButton.addEventListener('click', function() {
modal.style.display = 'none';
});

// Закрытие при клике вне модального окна
modal.addEventListener('click', function(e) {
if (e.target === modal) {
modal.style.display = 'none';
}
});
});

обратная связь:

// Обратная связь
document.addEventListener('DOMContentLoaded', function() {
const feedbackModal = document.querySelector('.feedback_modal-overlay');
const feedbackTriggers = document.querySelectorAll('[data-feedback-trigger]');
const feedbackClose = document.querySelector('.feedback_modal-close');

// Открытие модального окна
feedbackTriggers.forEach(trigger => {
trigger.addEventListener('click', function(e) {
e.preventDefault();
feedbackModal.style.display = 'flex';
});
});

// Закрытие модального окна
feedbackClose.addEventListener('click', function() {
feedbackModal.style.display = 'none';
});

// Закрытие при клике вне модального окна
feedbackModal.addEventListener('click', function(e) {
if (e.target === feedbackModal) {
feedbackModal.style.display = 'none';
}
});
});

/* Яндекс форма обратной связи /
.feedback_modal-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
padding: 20px; / Отступ от краев экрана */
}

.feedback_modal {
background: #fff;
border-radius: 12px;
width: 100%;
max-width: 700px;
max-height: 90vh; /* Максимальная высота - 90% экрана /
display: flex;
flex-direction: column;
overflow: hidden; / Скрываем переполнение */
}

.feedback_modal-header {
padding: 20px;
display: flex;
justify-content: space-between;
align-items: center;
background: #fff;
position: sticky;
top: 0;
z-index: 10;
border-bottom: 1px solid #eee;
}

.feedback_modal-scroll-container {
overflow-y: auto; /* Включаем вертикальный скролл */
flex-grow: 1;
}

.feedback_modal-content {
padding: 0 20px 20px;
}

#yandex-feedback-form {
width: 100%;
min-height: 650px;
}

.feedback_modal-title {
font-size: 20px;
font-weight: 600;
}

.feedback_modal-close {
width: 24px;
height: 24px;
cursor: pointer;
transition: opacity 0.2s;
}

.feedback_modal-close:hover {
opacity: 0.8;
}


/* Стили модального окна доната */
.donate_modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  padding: 20px;
}

.donate_modal {
  background: #ffffff;
  border-radius: 20px;
  border: 1px solid #ffffff;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  align-items: flex-start;
  justify-content: center;
  box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.1);
  max-width: 500px;
  width: 100%;
  position: relative;
  z-index: 31;
}

/* Остальные стили без !important */
.donate_modal-header {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-end;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 100%;
}

.donate_modal-title {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}

.donate_modal-heading {
  color: #282828;
  text-align: left;
  font-family: "Montserrat-SemiBold", sans-serif;
  font-size: 20px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}

.donate_modal-close {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  cursor: pointer;
}

.donate_modal-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 100%;
}

.donate_modal-text {
  color: #282828;
  text-align: left;
  font-family: "Montserrat-Regular", sans-serif;
  font-size: 14px;
  font-weight: 400;
  position: relative;
  width: 100%;
  line-height: 1.5;
}

.donate_modal-text p {
  margin-bottom: 15px;
}

.donate_modal-text p:last-child {
  margin-bottom: 0;
}

.donate_modal-qr {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 20px;
  background: #f8f8f8;
  border-radius: 12px;
  border: 1px solid #eee;
  margin: 10px 0;
}

.donate_modal-qr img {
  max-width: 200px;
  height: auto;
  margin-bottom: 15px;
}

.donate_modal-qr p {
  color: #666;
  font-size: 14px;
  text-align: center;
  margin: 0;
  font-family: "Montserrat-Regular", sans-serif;
}

.donate_modal-btn {
  align-self: center;
  margin-top: 10px;
}

/* Адаптивность доната */
@media (max-width: 428px) {
  .donate_modal {
    width: calc(100% - 40px);
    max-width: 428px;
  }

  .donate_modal-qr img {
    max-width: 150px;
  }
}
/* Модальное окно доната конец*/