/* Лунный календарь стрижек.
   Использует токены темы hhc-new, но с запасными значениями —
   чтобы блок не развалился, если плагин включат на другой теме. */

.hhc-lunar{
  --lun-good:#2e7d4f;
  --lun-good-bg:#eaf6ee;
  --lun-bad:#b3352f;
  --lun-bad-bg:#fdeceb;
  --lun-neutral:#6b6b7b;
  --lun-accent:var(--c-accent,#634c9d);
  --lun-border:var(--c-border,#e6e4ee);
  margin:28px 0;
  font-size:1rem;
  line-height:1.6;
}

/* ── Сводка: главное, ради чего пришли ─────────────────────────────── */

.hhc-lunar__title{
  margin:0 0 16px;
  font-size:1.35rem;
  line-height:1.3;
}

.hhc-lunar__cards{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-bottom:16px;
}

.hhc-lunar__card{
  padding:16px 18px;
  border-radius:12px;
  border:1px solid transparent;
}
.hhc-lunar__card--good{background:var(--lun-good-bg); border-color:#c8e6d3;}
.hhc-lunar__card--bad {background:var(--lun-bad-bg);  border-color:#f5cfcd;}

.hhc-lunar__card-label{
  font-size:.85rem;
  text-transform:uppercase;
  letter-spacing:.04em;
  margin-bottom:6px;
  opacity:.75;
}
.hhc-lunar__card--good .hhc-lunar__card-label{color:var(--lun-good);}
.hhc-lunar__card--bad  .hhc-lunar__card-label{color:var(--lun-bad);}

.hhc-lunar__card-days{
  font-size:1.5rem;
  font-weight:700;
  line-height:1.35;
  word-spacing:.1em;
}
.hhc-lunar__card--good .hhc-lunar__card-days{color:var(--lun-good);}
.hhc-lunar__card--bad  .hhc-lunar__card-days{color:var(--lun-bad);}

.hhc-lunar__today{
  margin:0 0 20px;
  padding:13px 16px;
  background:#f6f5fb;
  border-left:3px solid var(--lun-accent);
  border-radius:0 8px 8px 0;
}

/* ── Таблица ───────────────────────────────────────────────────────── */

.hhc-lunar__table-wrap{
  overflow-x:auto;              /* на узких экранах таблица прокручивается */
  -webkit-overflow-scrolling:touch;
  border:1px solid var(--lun-border);
  border-radius:12px;
}

.hhc-lunar__table{
  width:100%;
  border-collapse:collapse;
  font-size:.95rem;
  background:#fff;
}

.hhc-lunar__table th{
  text-align:left;
  padding:12px 14px;
  background:#f6f5fb;
  font-size:.82rem;
  text-transform:uppercase;
  letter-spacing:.03em;
  color:var(--lun-neutral);
  font-weight:600;
  white-space:nowrap;
  border-bottom:1px solid var(--lun-border);
}

.hhc-lunar__table td{
  padding:11px 14px;
  border-bottom:1px solid var(--lun-border);
  vertical-align:middle;
}
.hhc-lunar__table tr:last-child td{border-bottom:none;}

.hhc-lunar__row--good{background:rgba(46,125,79,.045);}
.hhc-lunar__row--bad {background:rgba(179,53,47,.045);}
.hhc-lunar__row.is-today{
  box-shadow:inset 3px 0 0 var(--lun-accent);
  font-weight:600;
}

.hhc-lunar__date{white-space:nowrap;}
.hhc-lunar__daynum{font-weight:700; font-size:1.05rem;}
.hhc-lunar__weekday{color:var(--lun-neutral); margin-left:5px; font-size:.85rem;}

.hhc-lunar__badge{
  display:inline-block;
  padding:3px 10px;
  border-radius:20px;
  font-size:.82rem;
  font-weight:600;
  white-space:nowrap;
}
.hhc-lunar__badge--good   {background:var(--lun-good-bg); color:var(--lun-good);}
.hhc-lunar__badge--bad    {background:var(--lun-bad-bg);  color:var(--lun-bad);}
.hhc-lunar__badge--neutral{background:#f0eff5;            color:var(--lun-neutral);}

.hhc-lunar__why{color:var(--lun-neutral); font-size:.88rem; line-height:1.45;}

/* ── Сноска и навигация ────────────────────────────────────────────── */

.hhc-lunar__note{
  margin:14px 0 0;
  font-size:.85rem;
  color:var(--lun-neutral);
  line-height:1.5;
}

.hhc-lunar__nav{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid var(--lun-border);
  font-size:.95rem;
}
.hhc-lunar__nav-label{color:var(--lun-neutral); margin-right:4px;}
.hhc-lunar__nav-current{font-weight:700;}

/* ── Телефоны ──────────────────────────────────────────────────────── */

@media (max-width:640px){
  .hhc-lunar__cards{grid-template-columns:1fr; gap:10px;}
  .hhc-lunar__card{padding:14px;}
  .hhc-lunar__card-days{font-size:1.3rem;}
  .hhc-lunar__title{font-size:1.2rem;}

  /* «Почему» на телефоне съедает ширину — прячем, суть видна по метке */
  .hhc-lunar__col-why,
  .hhc-lunar__why{display:none;}

  .hhc-lunar__table{font-size:.9rem;}
  .hhc-lunar__table th,
  .hhc-lunar__table td{padding:10px 11px;}
}

/* ── Перебиваем правила темы ────────────────────────────────────────
   .content th/td в теме задают свои отступы и рамку на каждой ячейке —
   из-за них строки раздувались вдвое. Специфичность поднимаем
   через .hhc-lunar перед селектором, без !important. */

.hhc-lunar .hhc-lunar__table th,
.hhc-lunar .hhc-lunar__table td{
  border:none;
  border-bottom:1px solid var(--lun-border);
  padding:10px 14px;
  vertical-align:middle;
  line-height:1.4;
}
.hhc-lunar .hhc-lunar__table th{
  padding:12px 14px;
  background:#f6f5fb;
}
.hhc-lunar .hhc-lunar__table tr:last-child td{border-bottom:none;}

/* фазу и знак не переносим — из-за переноса строки и росли */
.hhc-lunar .hhc-lunar__table td:nth-child(2),
.hhc-lunar .hhc-lunar__table td:nth-child(3),
.hhc-lunar .hhc-lunar__table td:nth-child(4){white-space:nowrap;}

/* колонка «Почему» — самая широкая, остальные по содержимому */
.hhc-lunar .hhc-lunar__table{table-layout:auto;}
.hhc-lunar .hhc-lunar__col-why{width:38%;}

/* тема добавляет отступы абзацам внутри ячеек */
.hhc-lunar .hhc-lunar__table p{margin:0;}

/* Тема задаёт .content table{width:auto} — таблица сжималась до 589px
   при контейнере 860px, из-за чего колонка «Почему» переносилась
   на 5 строк и строки вырастали до 167px. Растягиваем на всю ширину. */
.hhc-lunar .hhc-lunar__table{
  width:100%;
  min-width:680px;          /* ниже этого — горизонтальная прокрутка */
  border-collapse:collapse; /* тема ставит border-spacing:2px */
  border-spacing:0;
}

/* Раскладка колонок: при table-layout:auto браузер сам делил ширину
   и «Почему» сжималась до 175px. Фиксируем пропорции явно. */
.hhc-lunar .hhc-lunar__table{table-layout:fixed;}
.hhc-lunar .hhc-lunar__table th:nth-child(1){width:9%;}   /* дата */
.hhc-lunar .hhc-lunar__table th:nth-child(2){width:11%;}  /* лунные сутки */
.hhc-lunar .hhc-lunar__table th:nth-child(3){width:16%;}  /* фаза */
.hhc-lunar .hhc-lunar__table th:nth-child(4){width:12%;}  /* знак */
.hhc-lunar .hhc-lunar__table th:nth-child(5){width:17%;}  /* стрижка */
.hhc-lunar .hhc-lunar__table th:nth-child(6){width:35%;}  /* почему */

/* при фиксированной раскладке длинный текст надо переносить по словам */
.hhc-lunar .hhc-lunar__why{overflow-wrap:break-word;}

/* ── Телефон: важное — в первом экране ──────────────────────────────
   Без этого за экран уходила колонка «Стрижка» — ровно та, ради
   которой страницу и открывают. Прячем второстепенное, оставляем
   дату, оценку и лунные сутки; таблица перестаёт скроллиться вбок. */
@media (max-width:640px){
  .hhc-lunar .hhc-lunar__table{min-width:0; table-layout:auto;}

  /* Фаза дублирует лунные сутки, знак — второстепенен на узком экране */
  .hhc-lunar .hhc-lunar__table th:nth-child(3),
  .hhc-lunar .hhc-lunar__table td:nth-child(3),
  .hhc-lunar .hhc-lunar__table th:nth-child(4),
  .hhc-lunar .hhc-lunar__table td:nth-child(4){display:none;}

  /* остаются: дата, сутки, стрижка */
  .hhc-lunar .hhc-lunar__table th:nth-child(1){width:22%;}
  .hhc-lunar .hhc-lunar__table th:nth-child(2){width:26%;}
  .hhc-lunar .hhc-lunar__table th:nth-child(5){width:52%;}

  .hhc-lunar .hhc-lunar__table th,
  .hhc-lunar .hhc-lunar__table td{padding:11px 10px;}
  .hhc-lunar .hhc-lunar__badge{font-size:.78rem; padding:3px 8px;}

  /* заголовок «Лунные сутки» длинный — сокращаем перенос */
  .hhc-lunar .hhc-lunar__table th{font-size:.72rem; line-height:1.25;}
}