/* My Trips — page-scoped styles (2025-10-08j) */

/* === 1) Фон: как у hero в theme.css (две подсветки слева/справа) === */
body.my-trips{
  background:
    radial-gradient(900px 380px at 12% -10%, rgba(139,92,246,.20), transparent 60%),
    radial-gradient(900px 380px at 88%   0%, rgba(34,211,238,.16), transparent 60%),
    linear-gradient(180deg, rgba(17,24,39,0), rgba(17,24,39,.35)),
    var(--bg);
  background-attachment: fixed, fixed, fixed, fixed;
}
/* hero без своего фона (чтобы не наслаивался) */
.my-trips .hero{ background:transparent !important }

/* === 2) Заголовок в «призрачной» карточке 640px — линия совпадает с карточками === */
.form-card--ghost{
  background:transparent !important; border:0 !important; box-shadow:none !important;
  padding:8px 0 0 0 !important; margin:10px auto 0 !important; max-width:640px !important;
}
/* Меньше зазор между заголовком и табами (адресно по DOM) */
body.my-trips main > section.wrap:first-of-type{ padding-bottom:6px !important; }
body.my-trips main > section.wrap.section.section--tight{ padding-top:6px !important; }
/* Форм-карта со списком ближе к табам, не 32px как по умолчанию */
body.my-trips .wrap.section.section--tight > .form-card:first-child{ margin-top:10px !important; }

/* === 3) Таб-кнопки: компактные зазоры === */
.my-trips .form-card{ padding:22px 20px !important; }
.my-trips .form-card > .row-gap:first-child{ margin-top:6px !important; }
.my-trips [role="tablist"]{ display:flex; flex-wrap:wrap; gap:10px; margin:8px 0 4px !important; }

/* === 4) Список поездок — равные промежутки карточек + буфер от табов === */
.my-trips #list{ display:grid; gap:18px; margin-top:12px !important; }
.my-trips #list > *+*{ margin-top:0; }

/* уменьшить «подскок» карточек, чтобы не липли к табам при ховере */
.my-trips .card:hover{ transform:translateY(-2px); }

/* === 5) Кнопки действий: аккуратный gap и небольшой отступ сверху от «Заметки» === */
.my-trips #list .trip-card .mt-12{
  margin-top:12px !important;
  display:flex; flex-wrap:wrap; gap:8px 10px !important;
}
@media (max-width:520px){
  .my-trips #list .trip-card .mt-12{ gap:6px 8px !important; }
}
.my-trips #list .trip-card .mt-12 .btn{ margin:0 !important; }

/* === 6) Таблица свойств: стабильная ширина левой колонки и компактная высота строк === */
.my-trips #list .trip-card table{ width:100%; border-collapse:separate; border-spacing:0; table-layout:auto; }
.my-trips #list .trip-card td{ padding:4px 0; vertical-align:baseline; }
.my-trips #list .trip-card td.muted{
  width:160px; min-width:160px; max-width:200px; /* одинаковый зазор между колонками во всех карточках */
  padding-right:18px; white-space:nowrap;
}

/* === 7) Текстовые блоки внутри карточек === */
.my-trips #list .meta,
.my-trips #list .sub,
.my-trips #list p{ margin-top:8px; line-height:1.6; }