/* Отступ для контента с классом .has-top-margin */
.has-top-margin {
  margin-top: 2rem; /* Настройте значение отступа */
}
.filteredEventsGrid__content .products li { /* Или .filteredEventsGrid__list li, в зависимости от вашей структуры */
    list-style: none; /* Убираем маркеры списка */
}
/* --- Стили для поворота иконки Read More --- */
[data-read_more_btn] svg.icon {
  transition: transform 0.3s ease; /* Плавный поворот */
  transform: rotate(0deg);
  display: inline-block; /* Убедимся, что трансформация сработает */
  vertical-align: middle; /* Выравнивание по тексту */
}

[data-read_more_btn] svg.icon.is-rotated {
  transform: rotate(180deg); /* Поворот вверх */
}

/* --- Стили для кнопки Favorites в сайдбаре (Упрощенные) --- */

/* 1. По умолчанию СКРЫВАЕМ иконку галочки SVG внутри кнопки */
.eventInfo__addBlock__actions button.racefinder-toggle-favorite svg.icon {
  display: none !important; /* Скрываем по умолчанию, используем !important */
  margin-right: 5px;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  fill: currentColor;
}

/* 2. Показываем иконку галочки SVG ТОЛЬКО если у кнопки ЕСТЬ класс _active */
.eventInfo__addBlock__actions button.racefinder-toggle-favorite._active svg.icon {
  display: inline-block !important; /* Показываем, когда кнопка активна */
}

/* 3. Для ссылки (незалогиненные) галочка ВСЕГДА скрыта */
.eventInfo__addBlock__actions a.rfBtn._secondary svg.icon {
     display: none !important;
}

/* Стили для успешного копирования ссылки */
.rfBtn._success {
  background-color: #10B981 !important;
  color: white !important;
  border-color: #10B981 !important;
}

.rfBtn._success svg {
  color: white !important;
}

/* Опционально: стили для активной кнопки */
.eventInfo__addBlock__actions .racefinder-toggle-favorite._active {
  /* background-color: #eafaf1; */
  /* color: #27ae60; */
}
/* Стили для комбинирования полей First/Last Name */
.combined-name-grid {
    gap: 0.5rem; /* Небольшой отступ между полями */
    align-items: center; /* Выравнивание полей по вертикали */
}

/* Можно добавить стили для инпутов внутри, если нужно */
.combined-name-grid .input__inner {
    /* Например, убрать лишние отступы, если они есть */
    margin: 0;
}

/* Если инпуты имеют рамку, можно попробовать ее убрать между ними */
.name-field-first .input__text {
   /* border-right: none; */ /* Раскомментируйте, если нужно убрать правую рамку у первого поля */
   /* border-top-right-radius: 0; */
   /* border-bottom-right-radius: 0; */
}
.name-field-last .input__text {
    /* border-left: none; */ /* Раскомментируйте, если нужно убрать левую рамку у второго поля */
    /* border-top-left-radius: 0; */
    /* border-bottom-left-radius: 0; */
}

/* Убираем синюю рамку фокуса с уведомлений WooCommerce */
.woocommerce-message:focus-visible,
.woocommerce-info:focus-visible,
.woocommerce-error:focus-visible {
    outline: none !important;
}

/* Отступ сверху для блока placeholder._reviews */
.reviews .placeholder._reviews {
    margin-top: 2rem !important;
}

.review + .placeholder._reviews {
    margin-top: 2rem !important;
}

.comment + .placeholder._reviews {
    margin-top: 2rem !important;
}

.woocommerce-Reviews-title + * .placeholder._reviews {
    margin-top: 2rem !important;
}
.articlePreview__title a {
    color: #000000; /* <<< ЗАДАЕМ ЧЕРНЫЙ ЦВЕТ ПО УМОЛЧАНИЮ */
    text-decoration: none; /* <<< УБИРАЕМ ПОДЧЕРКИВАНИЕ ПО УМОЛЧАНИЮ */
    /* Убери отсюда другие стили, которые должны быть только при наведении */
}

/* 3. Стили для ссылок-заголовков ПРИ НАВЕДЕНИИ */
.articlePreview__title a:hover {
    color: var(--brand-secondary); /* <<< ТВОЙ ОРАНЖЕВЫЙ ЦВЕТ ХОВЕРА */
    text-decoration: underline;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 767px) {
  #map {
    max-height: 450px !important;
  }
  
  #map .mapboxgl-canvas {
    max-height: 450px !important;
  }
}

/* Скрываем стандартный select рейтинга от WooCommerce, если он каким-то образом просачивается */
#reviewsForm .comment-form-rating > select#rating,
#reviewsForm form#commentform p.comment-form-rating select[name="rating"] {
    display: none !important;
}

/* Скрываем стандартный абзац <p class="stars">...</p> который WooCommerce использует для звезд */
#reviewsForm p.stars {
    display: none !important;
}

/* Опционально: если WooCommerce добавляет свой контейнер для рейтинга, который вам не нужен */
#reviewsForm .comment-form-rating:not(.ratingInputWrapper) { /* Уточняем, чтобы не скрыть наш собственный .ratingInputWrapper */
    /* display: none; */ /* Раскомментируйте, если нужно скрыть лишний контейнер */
}

/* Custom styles for race day buttons */
.raceDay__btn-wrapper {
    display: flex;
    flex: 1;
}

.raceDay__btn-wrapper .raceDay__btn,
.raceDay__btn-wrapper form {
    flex: 1;
}

/* Ensure the border is visible between the button wrapper and the second button */
@media (min-width: 768px) {
    .raceDay__btn-wrapper {
        border-right: 1px solid var(--black-02);
    }
}

/* For mobile view */
@media (max-width: 767px) {
    .raceDay__footer {
        grid-template-columns: 1fr;
    }
    
    .raceDay__btn-wrapper {
        border-bottom: 1px solid var(--black-02);
    }
}

/* Исправление цвета SVG-иконок на iOS устройствах только для определенных элементов */
@supports (-webkit-touch-callout: none) {
    /* Применяем только для iOS устройств */
    .mobMenu svg.icon,
    .filterSection svg.icon,
    .filterBar svg.icon,
    .filterToggle svg.icon,
    .filterOptions__accordion svg.icon,
    .accordion__btn svg.icon {
        color: #000 !important;
        -webkit-text-fill-color: #000 !important;
    }

    .mobMenu svg.icon use,
    .filterSection svg.icon use,
    .filterBar svg.icon use,
    .filterToggle svg.icon use,
    .filterOptions__accordion svg.icon use,
    .accordion__btn svg.icon use {
        color: #000 !important;
        -webkit-text-fill-color: #000 !important;
    }
}

/* Ensure the Quick Book button has proper styling */
.raceDay__footer > .raceDay__btn:last-child {
    border-left: 0; /* Remove default border since we're using border-right on wrapper */
}

/* Скрываем уведомления о добавлении в корзину на страницах личного кабинета */
body.woocommerce-account .woocommerce-message {
    display: none !important;
}

/* --- ОБЩИЕ СТИЛИ ДЛЯ ОТЗЫВОВ (если они нужны одинаковые для всех) --- */
.reviewsList .review,
.reviewsList .review__reply { /* Общие отступы между блоками */
    margin-bottom: 20px !important;
}

/* --- СТИЛИ ДЛЯ ОСНОВНОГО ОТЗЫВА ПОЛЬЗОВАТЕЛЯ --- */
/* Мы нацеливаемся на .review, который НЕ является .review__reply и НЕ находится внутри .children (если ответы всегда в .children) */
.reviewsList > div.review:not(.review__reply) { /* Прямой потомок .reviewsList, который .review, но не .review__reply */
    border: 1px solid #e0e0e0 !important;
    padding: 20px !important;
    background-color: #fff !important;
}
/* Если ответы могут быть не только в .children, а нужно точно отделить основной отзыв от ответа */
/* Это правило будет основным для всех .review */
.reviewsList div.review {
    border: 1px solid #e0e0e0 !important;
    padding: 20px !important;
    background-color: #fff !important;
    margin-bottom: 20px !important; /* Повтор для специфичности, если нужно */
}


/* --- СТИЛИ ДЛЯ ОТВЕТА АДМИНИСТРАТОРА --- */
/* Этот селектор должен быть достаточно специфичным, чтобы перебить .review */
.reviewsList div.review__reply, /* Если ответ админа имеет ТОЛЬКО .review__reply */
.reviewsList div.review.review__reply { /* Если ответ админа имеет ОБА класса .review и .review__reply */
    border: none !important; /* Убираем ВСЕ рамки */
    background-color: #f5f5f5 !important; /* Светло-серый фон */
    padding: 0 !important; /* Обнуляем padding самого блока ответа */
    border-radius: 0 !important; /* Сбрасываем скругление */
    margin-top: 20px !important; /* Отступ от родительского или предыдущего элемента */
    /* Если ответ внутри .children родительского .review с padding: 20px, и фон должен растянуться: */
    /* margin-left: -20px !important; */ /* Пример */
    /* margin-right: -20px !important; */ /* Пример */
}

/* Внутренний контейнер ответа админа для управления внутренними отступами */
.reviewsList div.review__reply .review__replyInner {
    padding: 20px !important; /* Внутренние отступы */
}

/* Линия-разделитель над текстом ответа админа (внутри .review__replyInner) */
.reviewsList div.review__reply .review__replyInner .review__body > .review__text.description,
.reviewsList div.review__reply .review__replyInner .review__inner > .review__body > .review__text.description { /* Для большей специфичности, если нужно */
    border-top: 1px solid #e0e0e0 !important;
    padding-top: 15px !important;
    margin-top: 15px !important;
}

/* Убираем возможную верхнюю рамку у шапки ответа админа, если она наследуется */
.reviewsList div.review__reply .review__header {
    border-top: none !important;
}


/* --- УБИРАЕМ ЛИШНИЕ СТИЛИ У КОНТЕЙНЕРА .children --- */
.reviewsList .review > .children {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    border: none !important; /* На всякий случай, если .children имеет свою рамку */
}

/* Если вы используете Walker, который добавляет .review и .review__reply к одному и тому же элементу: */
.reviewsList div.review.review__reply {
    /* Этот блок уже определен выше, просто для напоминания. 
       Стили здесь должны переопределить стили от .reviewsList div.review */
    border: none !important; 
    background-color: #f5f5f5 !important; 
    padding: 0 !important; 
    border-radius: 0 !important; 
    margin-top: 20px !important;
}
.event__img {
    height: 100%;
}