/* ============================================================
   «Прокат Любимый» — страница «Акции» (архив акций).
   Дополнения для интеграции в тему Покатушкин (неймспейс .pd).

   Базовые стили уже есть в service/style.wp.css (шапка, заголовок,
   контакты .pd-contacts, карта .pd-contacts-map, подвал). Этот файл
   добавляет только компоненты, специфичные для страницы акций.

   Подключение: enqueue ЭТОГО файла ПОСЛЕ bootstrap-5, style.css темы
   и service/style.wp.css. На <body> страницы должен быть класс .pd.
   ============================================================ */

/* Активный пункт меню */
.pd-main-nav ul li a.pd-is-current{
  border-bottom-color:#000;
}

/* ============ СЕТКА АКЦИЙ ============
   Каждая акция занимает 3 колонки из 12 (4 в ряд). */
body.pd .pd-offer-box{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:32px;
  margin-top:48px;
}
/* Плитки под заголовком h2 идут сразу за ним (без лишнего отступа) */
body.pd h2 + .pd-offer-box{
  margin-top:0;
}

body.pd .pd-offer-item{
  min-width:0;
}

/* Баннер формата 2:1. Серая плитка-заглушка, пока картинку не вывели из админки */
body.pd .pd-offer-banner{
  display:block;
  aspect-ratio:2 / 1;
  background:#cccccc;
  border:0;
  transition:opacity 0.2s ease;
}
body.pd .pd-offer-banner:hover{
  opacity:0.85;
}
body.pd .pd-offer-banner img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

/* Название — наша красная ссылка. Подчёркивание через text-decoration,
   чтобы подчёркивалась каждая строка перенесённого текста */
body.pd .pd-offer-title{
  margin-top:16px;
  border-bottom:none;
  text-decoration:underline;
  text-decoration-color:var(--link-soft);
  text-decoration-thickness:1px;
  text-underline-offset:4px;
}
body.pd .pd-offer-title:hover{
  text-decoration-color:var(--link);
}

/* ============ АКЦИЯ НЕ ДЕЙСТВУЕТ ============ */
body.pd .pd-offer-unavailable-note{
  display:block;
  font-size:16px;
  font-weight:600;
  color:var(--hero-red);
  margin-bottom:24px;
}
body.pd .pd-offer-unavailable-content{
  opacity:0.5;
}

/* ============ КОНТАКТЫ НА СТРАНИЦЕ АКЦИЙ ============ */
.pd-offers-contacts-row{
  margin-top:64px;
}
.pd-offers-contacts-row .pd-contacts h2{
  margin-top:0;
}

/* ============ АДАПТИВНОСТЬ ============ */
@media (max-width:992px){
  body.pd .pd-offer-box{grid-template-columns:repeat(2, 1fr);}
}
@media (max-width:600px){
  body.pd .pd-offer-box{grid-template-columns:1fr;}
}