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

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

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

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

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

/* Заголовок сторінки. */
.jc-page-day .jc-goc-title {
  font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  font-weight: 500; font-size: 36px; color: #fff;
}
.jc-page-day .jc-goc-head .jc-goc-subtitle { color: rgba(255, 255, 255, .85); font-size: 14px; }

/* Спільна «скляна» основа: розмиття без затемнення, світла рамка. */
.jc-page-day .jc-goc-card,
.jc-page-day .jc-goc-controls,
.jc-page-day .jc-goc-extra {
  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);
}
.jc-page-day .jc-goc-card { border-radius: 22px; padding: 18px 20px; }
.jc-page-day .jc-goc-controls,
.jc-page-day .jc-goc-extra { border-radius: 16px; }

/* Текст у скляних блоках — білий; приглушений — напівбілий. */
.jc-page-day .jc-goc-card,
.jc-page-day .jc-goc-controls,
.jc-page-day .jc-goc-extra,
.jc-page-day .jc-goc-placelabel,
.jc-page-day .jc-goc-nearest {
  --jc-text: #fff;
  --jc-fg: #fff;
  --jc-muted: rgba(255, 255, 255, .75);
  --jc-border: rgba(255, 255, 255, .2);
  --jc-error: #ff9e9e;
  color: #fff;
}
.jc-page-day .jc-goc-placelabel { color: rgba(255, 255, 255, .85); }
.jc-page-day .jc-goc-ctl,
.jc-page-day .jc-ext-toggle { color: #fff; }
.jc-page-day .jc-gochara-panel .jc-muted { color: rgba(255, 255, 255, .75); }

/* Заголовки карток. */
.jc-page-day .jc-goc-card .jc-subhead {
  font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  font-weight: 500; font-size: 26px; line-height: 1.15; color: #fff; margin: 0 0 12px;
}

/* Таблиці. */
.jc-page-day .jc-goc-card .jc-table { color: #fff; background: transparent; }
.jc-page-day .jc-goc-card .jc-table th { color: rgba(255, 255, 255, .85); border-bottom-color: rgba(255, 255, 255, .3); background: transparent; }
.jc-page-day .jc-goc-card .jc-table td { color: inherit; border-bottom-color: rgba(255, 255, 255, .14); background: transparent; }
.jc-page-day .jc-goc-card .jc-table tbody tr:hover { background: rgba(255, 255, 255, .08); }
.jc-page-day .jc-goc-card .jc-table tr[style*="jc-error"],
.jc-page-day .jc-goc-card .jc-table tr[style*="jc-error"] td { color: #ff9e9e !important; }
.jc-page-day .jc-goc-pname:hover { color: #9ff0d6; }
.jc-page-day .jc-goc-retro { color: #ff9e9e; }

/* «Стан дня» та «Опис дня». */
.jc-page-day .jc-gochara-panel .jc-kv-k { color: rgba(255, 255, 255, .75); }
.jc-page-day .jc-gochara-panel .jc-day-desc-label { color: rgba(255, 255, 255, .7); }
.jc-page-day .jc-gochara-panel .jc-day-desc-name { color: #9ff0d6; }
.jc-page-day .jc-goc-card a,
.jc-page-day .jc-goc-card .jc-clickable-name { color: #fff; }

/* Сфери. */
.jc-page-day .jc-goc-sphere {
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: 14px;
}
.jc-page-day .jc-goc-sphere-name { color: #fff; }
.jc-page-day .jc-goc-sphere-rec { color: rgba(255, 255, 255, .8); }
.jc-page-day .jc-goc-sphere-det { color: #fff; }
.jc-page-day .jc-goc-sphere-more { color: #9ff0d6; }
.jc-page-day .jc-gochara-panel .jc-goc-good { color: #8ff0b8; }
.jc-page-day .jc-gochara-panel .jc-goc-bad  { color: #ff9e9e; }

/* «Енергія дня». */
.jc-page-day .jc-energy-day { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .25); border-radius: 16px; }
.jc-page-day .jc-energy-day .jc-subhead { font-size: 22px; }
.jc-page-day .jc-energy-label { color: rgba(255, 255, 255, .8); }
.jc-page-day .jc-energy-label.jc-en-good { color: #8ff0b8; }
.jc-page-day .jc-energy-label.jc-en-bad { color: #ffc58a; }
.jc-page-day .jc-energy-tip { color: #9ff0d6; }

/* «Найближча зміна». */
.jc-page-day .jc-goc-nearest {
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(236, 186, 80, .6);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 16px;
}
.jc-page-day .jc-goc-nearest * { color: #fff; }
.jc-page-day .jc-goc-nearest b,
.jc-page-day .jc-goc-nearest strong { color: #ffd98a; }

/* Розкривний блок «Детальні аспекти» та кнопки всередині карток. */
.jc-page-day .jc-goc-card .jc-kb-open-btn { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .35); color: #fff; }
.jc-page-day .jc-goc-card .jc-kb-open-btn:hover { background: rgba(255, 255, 255, .2); }

/* Поля вводу та списки лишаються світлими — текст у них темний. */
.jc-page-day input,
.jc-page-day select,
.jc-page-day textarea,
.jc-page-day .jc-input { color: #234; }
.jc-page-day select option { color: #234; background: #fff; }
/* Кнопки в рядку керування (📍, «Сьогодні») — скло з білим текстом. */
.jc-page-day .jc-goc-controls .jc-kb-open-btn {
  background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .4); color: #fff;
}
.jc-page-day .jc-goc-controls .jc-kb-open-btn:hover { background: rgba(255, 255, 255, .22); }
/* Нейтральні статуси планет — читабельні на склі. */
.jc-page-day .jc-gochara-panel .jc-pf-neu { background: rgba(255, 255, 255, .16); color: #fff; }

/* Посилання на Базу знань (накшатри, знаки тощо) — білі з пунктиром. */
.jc-page-day .jc-gochara-panel .jc-kb-term { color: #fff; border-bottom: 1px dotted rgba(255, 255, 255, .6); }
.jc-page-day .jc-gochara-panel .jc-kb-term:hover { background: rgba(255, 255, 255, .14); }

/* Відступ між карткою «Транзити за сферами» та наступним рядком карток. */
.jc-page-day .jc-gochara-panel .jc-goc-card + .jc-goc-grid2,
.jc-page-day .jc-gochara-panel .jc-goc-card + .jc-goc-card { margin-top: 14px; }
.jc-page-day .jc-goc-spheres { margin-bottom: 4px; }
/* Картки всередині одного ряду — без додаткового відступу зверху (вирівняні). */
.jc-page-day .jc-gochara-panel .jc-goc-grid2 > .jc-goc-card + .jc-goc-card { margin-top: 0; }
.jc-page-day .jc-gochara-panel .jc-goc-grid2 > .jc-gochara-events { margin-top: 0; }

/* ── Шрифт +2px (крім картки «Карта транзитів») ─────────────────────── */
.jc-page-day .jc-goc-head .jc-goc-subtitle { font-size: 16px; }
.jc-page-day .jc-goc-ctl,
.jc-page-day .jc-goc-ctl-lbl { font-size: 15px; }
.jc-page-day .jc-goc-placelabel,
.jc-page-day .jc-goc-placelabel-prefix,
.jc-page-day .jc-goc-placelabel-name { font-size: 14.5px; }
.jc-page-day .jc-gochara-panel .jc-ext-toggle { font-size: 15.5px; }
.jc-page-day .jc-gochara-panel .jc-note { font-size: 15px !important; }

/* Розміри, задані в розмітці (style="font-size:…"), — теж +2px. */
.jc-page-day .jc-gochara-panel [style*="font-size:11.5px"]:not(.jc-chart-holder *) { font-size: 13.5px !important; }
.jc-page-day .jc-gochara-panel [style*="font-size:12px"]:not(.jc-chart-holder *)   { font-size: 14px !important; }
.jc-page-day .jc-gochara-panel [style*="font-size:12.5px"]:not(.jc-chart-holder *) { font-size: 14.5px !important; }
.jc-page-day .jc-gochara-panel [style*="font-size:13px"]:not(.jc-chart-holder *)   { font-size: 15px !important; }
.jc-page-day .jc-gochara-panel [style*="font-size:13.5px"]:not(.jc-chart-holder *) { font-size: 15.5px !important; }

/* Картки (без «Карти транзитів»). */
.jc-page-day .jc-goc-card:not(:has(.jc-chart-holder)) .jc-kv,
.jc-page-day .jc-goc-card:not(:has(.jc-chart-holder)) .jc-kv-k,
.jc-page-day .jc-goc-card:not(:has(.jc-chart-holder)) .jc-kv-v { font-size: 16px; }
.jc-page-day .jc-goc-card:not(:has(.jc-chart-holder)) .jc-clickable-name { font-size: 16px !important; }
.jc-page-day .jc-goc-card:not(:has(.jc-chart-holder)) .jc-pf { font-size: 13px; }
.jc-page-day .jc-goc-card:not(:has(.jc-chart-holder)) .jc-pf-time { font-size: 14.5px; }
.jc-page-day .jc-goc-card:not(:has(.jc-chart-holder)) .jc-table th { font-size: 14px; }
.jc-page-day .jc-goc-card:not(:has(.jc-chart-holder)) .jc-table,
.jc-page-day .jc-goc-card:not(:has(.jc-chart-holder)) .jc-table td { font-size: 15.5px; }
.jc-page-day .jc-goc-card:not(:has(.jc-chart-holder)) .jc-goc-planets { font-size: 15.5px; }
.jc-page-day .jc-goc-card:not(:has(.jc-chart-holder)) .jc-goc-psym { font-size: 17px; }

/* Сфери. */
.jc-page-day .jc-goc-sphere-name { font-size: 17px; }
.jc-page-day .jc-goc-sphere-status { font-size: 14.5px; }
.jc-page-day .jc-goc-sphere-rec { font-size: 14px; }
.jc-page-day .jc-goc-sphere-det { font-size: 13.5px !important; }
.jc-page-day .jc-goc-sphere-more { font-size: 17px; }

/* «Опис дня» та «Енергія дня». */
.jc-page-day .jc-gochara-panel .jc-day-desc-label { font-size: 14px; }
.jc-page-day .jc-gochara-panel .jc-day-desc-name { font-size: 17px; }
.jc-page-day .jc-gochara-panel .jc-day-desc-text { font-size: 15px; }
.jc-page-day .jc-gochara-panel .jc-kb-summary { font-size: 17px !important; }
.jc-page-day .jc-gochara-panel .jc-energy-label { font-size: 17px; }
.jc-page-day .jc-gochara-panel .jc-energy-text { font-size: 15px; }
.jc-page-day .jc-gochara-panel .jc-energy-tip { font-size: 17px; }

/* «Найближча зміна», «Події сьогодні», «Аспекти». */
.jc-page-day .jc-goc-nearest { font-size: 16px; }
.jc-page-day .jc-goc-card:not(:has(.jc-chart-holder)) li { font-size: 17px; }
.jc-page-day .jc-goc-card:not(:has(.jc-chart-holder)) .jc-kb-open-btn,
.jc-page-day .jc-goc-card:not(:has(.jc-chart-holder)) select { font-size: 17px; }
/* «Планети в транзиті»: назви знаків в один рядок. */
.jc-page-day .jc-goc-planets td:nth-child(2) { white-space: nowrap; }
.jc-page-day .jc-goc-planets td, .jc-page-day .jc-goc-planets th { padding-left: 8px; padding-right: 8px; }

/* Випадний список міст (Google Places) — поверх наступних скляних блоків.
   backdrop-filter створює власний шар, тому рядок керування піднімаємо вище. */
.jc-page-day .jc-goc-controls { position: relative; z-index: 40; }

/* Переклади (EN/DE): довші назви статусів не повинні виходити за межі таблиці */
.jc-page-day .jc-goc-tablewrap th,
.jc-page-day .jc-goc-tablewrap td { padding-left: 6px; padding-right: 6px; }
.jc-page-day .jc-goc-tablewrap .jc-pf { white-space: normal; overflow-wrap: anywhere; hyphens: auto; text-align: center; max-width: 100%; }