/*
 * landing.css — стили лендинга forex.events
 * Общий файл для всех языковых версий: /, /ru/, /es/, /zh/
 *
 * cal-base.css устанавливает --sticky-h: 230px (для большой шапки /calendar/).
 * На лендинге шапка ~90px — переопределяем сразу, JS уточнит точное значение после загрузки.
 */
:root { --sticky-h: 90px; }

/* ── Виджет-обёртка ── */
.section--cal-preview { padding-top: 0; }

.cw-wrap {
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  overflow: hidden;
  margin: 32px 0 20px;
}
.cw-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  background: var(--surface);
  border-bottom: 1px solid var(--border);
  font-family: var(--mono);
  font-size: 12px;
  color: var(--text3);
}
.cw-head-title { color: var(--text2); font-weight: 600; font-size: 13px; }
.cw-demo-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  padding: 3px 9px;
  border-radius: 10px;
  background: rgba(244,162,97,.1);
  color: var(--amber);
  border: 1px solid rgba(244,162,97,.25);
  font-weight: 600;
  letter-spacing: .04em;
}
.cw-more {
  display: block;
  text-align: center;
  padding: 12px 20px;
  background: var(--surface2);
  border-top: 1px solid var(--border);
  font-size: 13px;
  font-weight: 600;
  color: var(--green);
  text-decoration: none;
  transition: opacity .15s;
  font-family: var(--mono);
}
.cw-more:hover { opacity: .7; }

/* ── Таблица виджета — 1-в-1 со страницей /calendar/ ── */
.cw-table { width: 100%; border-collapse: collapse; }
.cw-table thead tr { background: var(--surface2); }
.cw-table th {
  padding: 7px 14px;
  font-size: 10px;
  font-family: var(--mono);
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--text3);
  text-align: left;
  border-bottom: 1px solid var(--border);
  font-weight: 500;
}
.cw-table td {
  padding: 11px 14px;
  font-size: 13px;
  border-bottom: 1px solid var(--border);
  vertical-align: middle;
}
.cw-table tr:last-child td { border-bottom: none; }
.cw-table tbody tr:hover { background: var(--surface2); }
.col-time     { font-family: var(--mono); color: var(--accent); font-weight: 600; white-space: nowrap; width: 64px; }
.col-country  { color: var(--text2); }
.col-currency { font-family: var(--mono); font-weight: 700; color: var(--green); width: 56px; }
.col-impact   { font-size: 14px; width: 44px; }
.col-event    { color: var(--text); }

@media (max-width: 768px) { .col-country  { display: none; } }
@media (max-width: 420px) { .col-currency { display: none; } }

/* ── Таблица Free vs PRO ── */
.section--pricing { padding-top: 0; }

.pricing-wrap {
  margin-top: 40px;
  border-radius: var(--r-lg);
  border: 1px solid var(--border);
  overflow: hidden;
}
.pricing-table { width: 100%; border-collapse: collapse; }
.pricing-table th,
.pricing-table td {
  padding: 13px 18px;
  text-align: left;
  border-bottom: 1px solid var(--border);
  font-size: 14px;
}
.pricing-table tr:last-child td,
.pricing-table tr:last-child th { border-bottom: none; }

.pt-head-feat {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--text3);
  background: var(--surface2);
  width: 46%;
}
.pt-head-free {
  text-align: center;
  background: var(--surface2);
  font-family: var(--mono);
  font-size: 13px;
  color: var(--text2);
  width: 27%;
}
.pt-head-pro {
  text-align: center;
  background: rgba(46,196,182,.06);
  font-family: var(--mono);
  font-size: 13px;
  color: var(--green);
  width: 27%;
  border-left: 1px solid rgba(46,196,182,.2);
}
.pt-row:hover td { background: var(--surface2); }
.pt-feat     { color: var(--text2); font-size: 13px; }
.pt-val-free { text-align: center; color: var(--text); font-size: 13px; }
.pt-val-pro  {
  text-align: center;
  color: var(--green);
  font-size: 13px;
  font-weight: 500;
  border-left: 1px solid rgba(46,196,182,.12);
}
.pt-x  { color: var(--text3); }
.pt-ok { color: var(--green); }

/* ── PRO-бейдж на карточках фич ── */
.feat-badge {
  display: inline-block;
  font-size: 10px;
  font-family: var(--mono);
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 10px;
  margin-left: 6px;
  vertical-align: middle;
  letter-spacing: .04em;
}
.feat-badge--pro {
  background: rgba(221,159,0,.1);
  color: var(--accent);
  border: 1px solid rgba(221,159,0,.3);
}

/* ── Теги PRO-валют ── */
.cur--pro-vis {
  color: var(--accent);
  border-color: rgba(221,159,0,.35);
  background: rgba(221,159,0,.05);
}
.cur-note {
  text-align: center;
  font-size: 13px;
  color: var(--text3);
  font-family: var(--mono);
}
.cur-note span { color: var(--green); }
.cur-note em   { color: var(--accent); font-style: normal; }

/* ── Светлая тема ── */
html[data-theme="light"] .cw-wrap,
html[data-theme="light"] .pricing-wrap { border-color: var(--border2); }