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

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

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

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

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

/* Кольори тексту всередині модуля. */
.jc-page-muhurta .jc-muhurta-module {
  --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;
  font-size: 17px;
}
/* Спливаючі підказки ⓘ лишаються світлими — з темним текстом. */
.jc-page-muhurta .jc-info-pop { --jc-text: #303030; --jc-muted: #6b6b6b; color: #303030; }

/* Скляна основа. */
.jc-page-muhurta .jc-muhurta-module .jc-ext-toggles,
.jc-page-muhurta .jc-muhurta-card,
.jc-page-muhurta .jc-prashna-card,
.jc-page-muhurta .jc-insights-card,
.jc-page-muhurta .jc-muhurta-panel div:has(> .jc-subhead) {
  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-muhurta .jc-muhurta-module .jc-ext-toggles { border-radius: 16px; }
.jc-page-muhurta .jc-muhurta-card,
.jc-page-muhurta .jc-prashna-card,
.jc-page-muhurta .jc-insights-card { border-radius: 20px; }
.jc-page-muhurta .jc-muhurta-panel div:has(> .jc-subhead) { border-radius: 22px; padding: 16px 20px; margin-top: 12px; }

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

/* Поля вводу та списки — світлі з темним текстом; підписи — білі. */
.jc-page-muhurta input,
.jc-page-muhurta select,
.jc-page-muhurta .jc-input,
.jc-page-muhurta .jc-select { color: #234; }
.jc-page-muhurta select option { color: #234; background: #fff; }
.jc-page-muhurta .jc-ext-toggle { color: #fff; font-size: 15.5px; }
.jc-page-muhurta .jc-muhurta-module .jc-muted { color: rgba(255, 255, 255, .8); font-size: 14.5px; }
.jc-page-muhurta .jc-muhurta-module .jc-ext-toggles .jc-kb-open-btn {
  background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .4); color: #fff;
}
.jc-page-muhurta .jc-muhurta-module .jc-ext-toggles .jc-kb-open-btn:hover { background: rgba(255, 255, 255, .22); }

/* Картки знайдених вікон. */
.jc-page-muhurta .jc-muhurta-pct { color: #fff; font-size: 18px; }
.jc-page-muhurta .jc-muhurta-card-time { color: #fff; font-size: 15.5px; }
.jc-page-muhurta .jc-muhurta-card-reasons { color: rgba(255, 255, 255, .82); font-size: 14.5px; }
.jc-page-muhurta .jc-muhurta-stars { color: #f3c95a; }
.jc-page-muhurta .jc-muhurta-card .jc-kb-open-btn,
.jc-page-muhurta .jc-muhurta-card button {
  background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .4); color: #fff;
}
.jc-page-muhurta .jc-muhurta-card button:hover { background: rgba(255, 255, 255, .22); }

/* «Оцінка моменту». */
.jc-page-muhurta .jc-prashna-card-head { background: rgba(255, 255, 255, .06); border-bottom-color: rgba(255, 255, 255, .2); }
.jc-page-muhurta .jc-prashna-card-title { color: #fff; font-size: 17px; }
.jc-page-muhurta .jc-muhurta-panel .jc-subhead {
  font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  font-weight: 500; font-size: 24px; color: #fff; margin: 0 0 10px;
}
.jc-page-muhurta .jc-muhurta-panel .jc-kv { font-size: 16px; }
.jc-page-muhurta .jc-muhurta-panel .jc-kv-k { color: rgba(255, 255, 255, .78); }
.jc-page-muhurta .jc-muhurta-panel .jc-kv-v { color: #fff; }
.jc-page-muhurta .jc-muhurta-module .jc-good { color: #8ff0b8; }
.jc-page-muhurta .jc-muhurta-module .jc-bad { color: #ff9e9e; }
.jc-page-muhurta .jc-muhurta-panel .jc-table { color: #fff; font-size: 15px; }
.jc-page-muhurta .jc-muhurta-panel .jc-table th { color: rgba(255, 255, 255, .85); border-bottom-color: rgba(255, 255, 255, .3); background: transparent; font-size: 14px; }
.jc-page-muhurta .jc-muhurta-panel .jc-table td { border-bottom-color: rgba(255, 255, 255, .14); background: transparent; }
.jc-page-muhurta .jc-muhurta-panel .jc-table tbody tr:hover { background: rgba(255, 255, 255, .08); }
.jc-page-muhurta .jc-muhurta-panel .jc-kb-summary { color: rgba(255, 255, 255, .85); }
.jc-page-muhurta .jc-info-btn { background: rgba(255, 255, 255, .2); color: #fff; }
.jc-page-muhurta .jc-muhurta-module .jc-kb-term { color: #fff; border-bottom: 1px dotted rgba(255, 255, 255, .6); }

/* «Довідник Мухурти». */
.jc-page-muhurta .jc-insights-title { color: #fff; font-size: 19px; }
.jc-page-muhurta .jc-insights-card p,
.jc-page-muhurta .jc-insights-card div:not(.jc-insights-title) { color: #fff; font-size: 16.5px; }

/* Примітки-пояснення (jc-note) — теж скло. */
.jc-page-muhurta .jc-muhurta-module .jc-note {
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(255, 255, 255, .35);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: #fff;
  font-size: 15px;
  border-radius: 16px;
}
/* Кнопки-перемикачі («Додаткові параметри», «Чому рекомендовано…», «Моє місце») — скло з білим текстом. */
.jc-page-muhurta .jc-muhurta-module button:not(.jc-submit) {
  background: rgba(255, 255, 255, .12) !important;
  border: 1px solid rgba(255, 255, 255, .4) !important;
  color: #fff !important;
}
.jc-page-muhurta .jc-muhurta-module button:not(.jc-submit):hover { background: rgba(255, 255, 255, .22) !important; }
/* Текстові поля (дати «від / до» тощо): тема сайту робила їх прозорими — примусово білі. */
.jc-page-muhurta .jc-muhurta-module input:not([type="checkbox"]):not([type="radio"]),
.jc-page-muhurta .jc-muhurta-module select {
  background-color: #fff !important;
  color: #234 !important;
  color-scheme: light;
  border: 1px solid rgba(255, 255, 255, .6) !important;
  border-radius: 12px;
}
.jc-page-muhurta .jc-muhurta-module input::placeholder { color: #7a8a88; opacity: 1; }