/* ════════════════════════════════════════════════════════════════════
   «Календар транзитів» — окремий дизайн для сторінки шорткоду [jyotish_transit_calendar]

   • Файл підключається ЛИШЕ на сторінці з [jyotish_transit_calendar], після calculator.css.
   • КОЖНЕ правило починайте з обгортки .jc-page-transit — тоді воно не
     зачепить ні калькулятор, ні інші календарі (навіть на одній сторінці).
   • Спливаючі вікна цього календаря теж монтуються всередині обгортки,
     тож стилізуються так само (.jc-page-transit .jc-obj-popup {...}).

   Приклади (розкоментуйте й змініть):

   .jc-page-transit { --jc-accent: #1F6F68; font-family: inherit; }
   .jc-page-transit .jc-table th { background: #f3efe6; }
   .jc-page-transit .jc-subtab.active { background: #1F6F68; color: #fff; }
   ════════════════════════════════════════════════════════════════════ */

/* ── Стиль «скло на космосі» (як Календар Дня / Місяця) ──────────────── */

/* Спільна скляна основа: розмиття без затемнення, світла рамка. */
.jc-page-transit .jc-transits > .jc-ext-toggles,
.jc-page-transit .jc-tl-scroll,
.jc-page-transit .jc-transit-date-detail:not(:empty),
.jc-page-transit .jc-ecl-card {
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(255, 255, 255, .35);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  box-shadow: 0 8px 28px rgba(0, 0, 0, .18);
  color: #fff;
}
.jc-page-transit .jc-transits > .jc-ext-toggles { border-radius: 16px; }
.jc-page-transit .jc-tl-scroll { border-radius: 22px; padding: 14px 16px 10px; }
.jc-page-transit .jc-transit-date-detail:not(:empty) { border-radius: 22px; padding: 18px 20px; border-style: solid; }

/* Змінні кольорів тексту всередині панелі (модальні вікна не зачіпаються). */
.jc-page-transit .jc-transits {
  --jc-text: #fff;
  --jc-fg: #fff;
  --jc-muted: rgba(255, 255, 255, .78);
  --jc-border: rgba(255, 255, 255, .22);
  --jc-error: #ff9e9e;
  color: #fff;
}
.jc-page-transit .jc-transits .jc-muted { color: rgba(255, 255, 255, .8); }

/* Вкладки «Шкала / Таблиця». */
.jc-page-transit .jc-subtabs { border-bottom-color: rgba(255, 255, 255, .3); }
.jc-page-transit .jc-subtab { color: rgba(255, 255, 255, .85); font-size: 16px; }
.jc-page-transit .jc-subtab:hover { color: #fff; background: rgba(255, 255, 255, .12); }
.jc-page-transit .jc-subtab.active {
  color: #fff; background: rgba(255, 255, 255, .14);
  border-color: rgba(255, 255, 255, .35); border-bottom-color: transparent;
}

/* Навігація по роках. */
.jc-page-transit .jc-transit-nav { color: #fff; font-size: 17px; }
.jc-page-transit .jc-transit-nav .jc-kb-open-btn {
  background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .4); color: #fff;
  -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
}
.jc-page-transit .jc-transit-nav .jc-kb-open-btn:hover { background: rgba(255, 255, 255, .22); }

/* Поля вводу та списки — світлі з темним текстом. */
.jc-page-transit input,
.jc-page-transit select,
.jc-page-transit .jc-input { color: #234; }
.jc-page-transit select option { color: #234; background: #fff; }
.jc-page-transit .jc-ext-toggle { color: #fff; font-size: 16px; }

/* Шкала. */
.jc-page-transit .jc-tl-tick { color: rgba(255, 255, 255, .85); border-left-color: rgba(255, 255, 255, .25); font-size: 12px; }
.jc-page-transit .jc-tl-label { color: #fff; background: rgba(255, 255, 255, .1) !important; }
.jc-page-transit .jc-tl-track { background: rgba(255, 255, 255, .08); }
.jc-page-transit .jc-tl-head .jc-tl-track { background: none; }
.jc-page-transit .jc-tl-ecl-row .jc-tl-track { background: rgba(255, 255, 255, .08); }
.jc-page-transit .jc-tl-scroll + .jc-muted,
.jc-page-transit .jc-tl-scroll ~ .jc-muted { color: rgba(255, 255, 255, .85); font-size: 14px !important; }

/* Блок «Затемнення». */
.jc-page-transit .jc-ecl-box .jc-yoga-title,
.jc-page-transit .jc-transit-date-detail .jc-yoga-title {
  font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  font-weight: 500; font-size: 28px; line-height: 1.15; color: #fff;
}
.jc-page-transit .jc-ecl-box .jc-goc-ctl-lbl,
.jc-page-transit .jc-ecl-box .jc-mc-placelabel { color: rgba(255, 255, 255, .88); font-size: 14.5px; }
.jc-page-transit .jc-ecl-card { border-radius: 18px; }
.jc-page-transit .jc-ecl-card.jc-ecl-lunar { border-left: 4px solid #a9b8e0; }
.jc-page-transit .jc-ecl-card.jc-ecl-solar { border-left: 4px solid #f0b45a; }
.jc-page-transit .jc-ecl-card:hover { background: rgba(255, 255, 255, .1); }
.jc-page-transit .jc-ecl-type { color: #fff; font-size: 14px; }
.jc-page-transit .jc-ecl-kind { color: rgba(255, 255, 255, .78); font-size: 14px; }
.jc-page-transit .jc-ecl-date { color: #fff; font-size: 18px; }
.jc-page-transit .jc-ecl-line { color: #fff; font-size: 15.5px; }
.jc-page-transit .jc-ecl-k { color: rgba(255, 255, 255, .72); }
.jc-page-transit .jc-ecl-more { color: #9ff0d6; font-size: 14.5px; }
.jc-page-transit .jc-ecl-vis { font-size: 14.5px; }
.jc-page-transit .jc-ecl-box > .jc-muted { color: rgba(255, 255, 255, .85); }

/* «Транзит на обрану дату»: таблиці. */
.jc-page-transit .jc-transit-date-detail .jc-table { color: #fff; background: transparent; font-size: 15.5px; }
.jc-page-transit .jc-transit-date-detail .jc-table th { color: rgba(255, 255, 255, .85); border-bottom-color: rgba(255, 255, 255, .3); background: transparent; font-size: 14px; }
.jc-page-transit .jc-transit-date-detail .jc-table td { color: inherit; border-bottom-color: rgba(255, 255, 255, .14); background: transparent; font-size: 15.5px; }
.jc-page-transit .jc-transit-date-detail .jc-table td.jc-muted { color: rgba(255, 255, 255, .78); font-size: 14.5px !important; }
.jc-page-transit .jc-transit-date-detail .jc-table tbody tr:hover { background: rgba(255, 255, 255, .08); }
.jc-page-transit .jc-transit-date-detail .jc-table tr[style*="jc-error"],
.jc-page-transit .jc-transit-date-detail .jc-table tr[style*="jc-error"] td { color: #ff9e9e !important; }
.jc-page-transit .jc-transits .jc-kb-term { color: #fff; border-bottom: 1px dotted rgba(255, 255, 255, .6); }
.jc-page-transit .jc-transits .jc-kb-term:hover { background: rgba(255, 255, 255, .14); }

/* Режим «Таблиця». */
.jc-page-transit .jc-transits > div > .jc-table,
.jc-page-transit .jc-transits > div > .jc-table-scroll > .jc-table { color: #fff; font-size: 15.5px; }
.jc-page-transit .jc-transits > div > .jc-table th,
.jc-page-transit .jc-transits > div > .jc-table-scroll > .jc-table th { color: rgba(255, 255, 255, .85); border-bottom-color: rgba(255, 255, 255, .3); font-size: 14px; }
.jc-page-transit .jc-transits > div > .jc-table td,
.jc-page-transit .jc-transits > div > .jc-table-scroll > .jc-table td { border-bottom-color: rgba(255, 255, 255, .14); }
.jc-page-transit .jc-transits .jc-table .jc-bad { color: #ff9e9e; }
.jc-page-transit .jc-transits .jc-table .jc-good { color: #8ff0b8; }
.jc-page-transit .jc-ecl-row { background: rgba(240, 180, 90, .14); }
.jc-page-transit .jc-ecl-row:hover { background: rgba(240, 180, 90, .24); }
/* Режим «Таблиця» — таблиця теж на склі. */
.jc-page-transit .jc-transits > div > .jc-table-scroll {
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(255, 255, 255, .35);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  box-shadow: 0 8px 28px rgba(0, 0, 0, .18);
  border-radius: 22px;
  padding: 8px 14px;
}
.jc-page-transit .jc-transits > div > .jc-table-scroll > .jc-table td.jc-muted { color: rgba(255, 255, 255, .78); font-size: 14px; }

/* Поле «перейти до дати»: біле, компактне (тема сайту робила його прозорим і на всю ширину). */
.jc-page-transit .jc-transit-nav .jc-transit-datejump {
  background: #fff !important;
  color: #234 !important;
  color-scheme: light;
  width: auto !important;
  min-width: 170px;
  max-width: 210px;
  flex: 0 0 auto;
  height: 42px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, .6) !important;
  border-radius: 12px;
  margin-left: auto;
}
.jc-page-transit .jc-transit-nav .jc-transit-datejump::-webkit-datetime-edit,
.jc-page-transit .jc-transit-nav .jc-transit-datejump::-webkit-datetime-edit-fields-wrapper { color: #234; }
.jc-page-transit .jc-transit-nav > span { white-space: nowrap; }
/* Іконка календаря в полі дати — власна темна (тема сайту її ховала/інвертувала). */
.jc-page-transit .jc-transit-nav .jc-transit-datejump::-webkit-calendar-picker-indicator {
  display: block !important;
  opacity: 1 !important;
  filter: none !important;
  width: 18px;
  height: 18px;
  margin-left: 6px;
  cursor: pointer;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6F68' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='16' rx='2.5'/%3E%3Cpath d='M3 9.5h18M8 2.5v4M16 2.5v4'/%3E%3C/svg%3E") center / 18px 18px no-repeat !important;
}

/* Випадний список міст у блоці затемнень — поверх карток. */
.jc-page-transit .jc-ecl-placebar { position: relative; z-index: 40; }