/*
Theme Name: Race Finder Theme
Theme URI: https://racefinder.pt/  
Author: Valentin                  
Author URI: https://racefinder.pt/             
Description: A custom WordPress theme based on the Race Finder HTML template.
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: racefinder-theme                       
Tags: custom-menu, custom-logo, featured-images, responsive-layout

/* Основные стили можно оставить здесь или подключить style.min.css через functions.php */

/* Отступ для контента с классом .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;
}

/* Опционально: стили для активной кнопки */
.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;
}
.articlePreview__title a {
    color: #000000; /* <<< ЗАДАЕМ ЧЕРНЫЙ ЦВЕТ ПО УМОЛЧАНИЮ */
    text-decoration: none; /* <<< УБИРАЕМ ПОДЧЕРКИВАНИЕ ПО УМОЛЧАНИЮ */
    /* Убери отсюда другие стили, которые должны быть только при наведении */
}

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

/* Стили для иконки в кнопке на главной странице */
.hero .rfBtnCTA .icon {
    margin-left: -8px !important;
}

/* Изменение цвета текста в разделе Race Category на белый */
.eventInfo__categoryTitle,
.eventInfo__categoryTitle a {
    color: white !important;
}

/* Временно скрываем теги в записях блога */
.blogPage__tags {
    display: none !important;
}

/* Ограничиваем высоту изображения в блоге */
.blogPage__heroImage {
    max-height: 520px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blogPage__img {
    width: 100%;
    height: 520px !important;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

/* Убираем верхний отступ для блока Most popular */
.blogPage__popular { 
    margin-block-start: 0rem !important;
}