/* ============================================================
   AgroLand redesign v1 — CSS-слой поверх ListingHive.
   Установка: Внешний вид → Настроить → Дополнительные стили
   (или подключить файлом в дочерней теме).
   Палитра: зелёная «агро» гамма.
   ============================================================ */

:root {
  --al-primary: #2e7d32;        /* основной зелёный */
  --al-primary-dark: #1b5e20;
  --al-accent: #f9a825;         /* пшеничный акцент */
  --al-ink: #1c2733;
  --al-muted: #5b6b7b;
  --al-bg: #f6f8f6;
  --al-card-radius: 14px;
  --al-shadow: 0 4px 16px rgba(27, 94, 32, 0.08);
  --al-shadow-hover: 0 10px 28px rgba(27, 94, 32, 0.16);
}

/* --- Базовая типографика и фон --- */
body {
  background-color: var(--al-bg);
  color: var(--al-ink);
}
h1, h2, h3, .title, .hp-section__title, .hp-page__title {
  letter-spacing: -0.01em;
}

/* --- Жёлтые маркеры заголовков → зелёные --- */
.title::before,
.widget--footer .widget__title::before,
.hp-page__title::before,
.hp-section__title::before {
  background-color: var(--al-primary);
  background-image: none;
  border-radius: 99px;
}

/* --- Кнопки --- */
.button--primary,
button[type=submit],
input[type=submit],
.hp-form__button {
  background-color: var(--al-primary) !important;
  background-image: none !important;
  border-radius: 10px !important;
  transition: background-color 0.2s, transform 0.15s;
}
.button--primary:hover,
button[type=submit]:hover,
input[type=submit]:hover {
  background-color: var(--al-primary-dark) !important;
  transform: translateY(-1px);
}

/* --- Hero / шапка поиска --- */
.header-hero--cover::after {
  background: linear-gradient(180deg, rgba(15, 35, 18, 0.25), rgba(15, 35, 18, 0.55));
}
.hp-form--listing-search {
  border: none;
  border-radius: 16px;
  box-shadow: 0 12px 32px rgba(16, 42, 20, 0.18);
  padding: 0.875rem;
}

/* --- Карточки объявлений --- */
.hp-listing--view-block {
  border: 1px solid rgba(46, 125, 50, 0.10);
  border-radius: var(--al-card-radius);
  box-shadow: var(--al-shadow);
  overflow: hidden;
}
.hp-listing--view-block:hover {
  box-shadow: var(--al-shadow-hover);
  transform: translateY(-3px);
  transition: box-shadow 0.25s, transform 0.25s;
}
.hp-listing--view-block .hp-listing__image img {
  border-radius: 0;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  width: 100%;
}
.hp-listing--view-block .hp-listing__title {
  font-size: 1.05rem;
  line-height: 1.35;
}
.hp-listing--view-block .hp-listing__title a:hover {
  color: var(--al-primary);
}

/* featured-объявления */
.hp-listing--view-block.hp-listing--featured {
  border-color: var(--al-accent);
  box-shadow: 0 4px 18px rgba(249, 168, 37, 0.25);
}
.hp-listing--view-block .hp-listing__featured-badge {
  background-color: var(--al-accent);
  background-image: none;
  border-radius: 0 8px 8px 0;
}

/* категории-«пилюли» */
.hp-listing--view-block .hp-listing__categories a,
.hp-listing--view-page .hp-listing__categories a,
.post__categories a {
  background-color: rgba(46, 125, 50, 0.10);
  color: var(--al-primary-dark);
}
.hp-listing--view-block .hp-listing__categories a:hover,
.hp-listing--view-page .hp-listing__categories a:hover,
.post__categories a:hover {
  background-color: var(--al-primary);
  color: #fff;
}

/* --- Атрибуты листинга (площадь, цена) — крупнее и заметнее --- */
.hp-listing--view-page .hp-listing__attributes--primary {
  border-radius: var(--al-card-radius);
  border-color: rgba(46, 125, 50, 0.15);
  font-size: 1.05rem;
}

/* --- Блок «Читайте також» --- */
.related-articles {
  border-left: 4px solid var(--al-primary);
}
.related-articles a {
  color: var(--al-primary-dark);
}

/* --- Футер --- */
.site-footer {
  background-color: #14241a;
}

/* --- Пагинация --- */
.pagination ul li span.current {
  border-color: var(--al-primary) !important;
  color: var(--al-primary);
}

/* --- Мобильные мелочи --- */
@media (max-width: 48em) {
  .hp-listing--view-block .hp-listing__content {
    padding: 1rem;
  }
  .hp-form--listing-search {
    border-radius: 12px;
  }
}