/* ============================================================
   detail-refresh.css — страница мойки: аккуратные усиления.
   Грузится ПОСЛЕ detail.css. Только накладки.
   Откат: убрать <link> в public/detail.html.
   ============================================================ */

/* ── Инфо-карточки: единый hover-отклик ── */
.page-detail .detail-info-card {
  transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s;
}
.page-detail .detail-info-card:hover {
  border-color: var(--r-teal, #2a6b5e);
  box-shadow: 0 6px 18px rgba(26, 24, 20, 0.08);
  transform: translateY(-2px);
}

/* ── Баннер записи: заметнее заголовок и CTA ── */
.page-detail .detail-queue-banner__title {
  font-size: 1.22rem;
}
.page-detail .detail-queue-banner__cta {
  padding: 0.8rem 1.5rem;
  font-size: 1rem;
}

/* ── Панель очереди: действия крупнее, «Записаться» ведущая ── */
.page-detail .queue-panel__actions .btn-primary {
  padding: 0.8rem 1.6rem;
  font-size: 1rem;
}

/* ── Липкий сайдбар на десктопе: QR и реклама всегда на виду ── */
@media (min-width: 961px) {
  .page-detail .detail-layout > div:last-child {
    position: static;
  }
}

/* ── Мобильная полировка: CTA во всю ширину, ритм ── */
@media (max-width: 560px) {
  .page-detail .detail-queue-banner {
    text-align: center;
  }
  .page-detail .detail-queue-banner__cta {
    width: 100%;
  }
  .page-detail .queue-panel__actions {
    flex-direction: column;
  }
  .page-detail .queue-panel__actions .btn {
    width: 100%;
  }
  .page-detail .detail-info-grid {
    grid-template-columns: 1fr 1fr;
  }
  .page-detail .detail-info-card--route {
    grid-column: 1 / -1;
  }
  /* Часы работы — во всю ширину и просторнее на телефоне */
  .page-detail .detail-info-card--hours {
    grid-column: 1 / -1;
  }
}

/* ── Часы работы: аккуратнее и читаемее (все экраны) ── */
.page-detail .detail-info-card--hours .detail-hours {
  gap: 0;
  margin-top: 0.15rem;
}
.page-detail .detail-info-card--hours .detail-hours__row {
  padding: 0.5rem 0;
  align-items: center;
}
.page-detail .detail-info-card--hours .detail-hours__days {
  font-size: 0.95rem;
}
.page-detail .detail-info-card--hours .detail-hours__time {
  font-size: 0.98rem;
  color: var(--r-teal, #2a6b5e);
}
.page-detail .detail-info-card--hours .detail-hours__row--off .detail-hours__time {
  color: var(--r-muted, #9a938a);
}
@media (max-width: 560px) {
  .page-detail .detail-info-card--hours .detail-hours__row {
    padding: 0.6rem 0;
  }
  .page-detail .detail-info-card--hours .detail-hours__days,
  .page-detail .detail-info-card--hours .detail-hours__time {
    font-size: 1rem;
  }
}