/* Виджет: Дата — карточка, календарь-иконка, форматы ДД.ММ / ДД.ММ.ГГГГ / длинный текст */
@import url("./kiosk-date-portrait.css");

.player-cell.widget-date {
  --widget-block-pad: 5px;
  --widget-gap: 5px;
  --player-cell-pad: 0.22em;
  --widget-date-profile-digital-scale: 1;
  --widget-date-profile-label-scale: 1;
  --widget-date-profile-time-scale: 1;
}

.widget-date {
  font-variant-numeric: tabular-nums;
  justify-content: center;
  align-items: center;
  padding: var(--widget-pad-single);
}

/* Зеркало по горизонтали: проекция, отражённый экран (как у виджета «Время») */
.widget-date.widget-date--mirror {
  transform: scaleX(-1);
}

.widget-date-a11y-live {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  border: 0;
  white-space: nowrap;
  pointer-events: none;
}

.widget-date-inner {
  --widget-date-digital-scale: 1;
  --widget-date-label-scale: 1;
  --widget-date-time-scale: 1;
  --widget-date-weekday-line-scale: 1;
  --widget-date-profile-icon-scale: 1;
  --widget-date-profile-gap: var(--widget-gap);
  --widget-date-profile-pad: var(--widget-pad);
  --widget-date-parts-gap: 0px;
  --widget-date-custom-font-size: 2.4rem;
  --widget-date-short-font-size: 2.8rem;
  --widget-date-medium-font-size: 2.55rem;
  --widget-date-long-font-size: 2.05rem;
  --widget-date-time-font-size: 1.8rem;
  --widget-date-time-under-boxes-font-size: 1.35rem;
  --widget-date-label-font-size: 0.9rem;
  --widget-date-long-label-font-size: 0.84rem;
  --widget-date-weekday-font-size: 0.8rem;
  container-type: inline-size;
  container-name: widget-date;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--widget-date-profile-gap);
  width: 100%;
  min-height: 100%;
  padding: var(--widget-date-profile-pad);
  border-radius: var(--block-radius, var(--radius));
  background: var(--glass-bg);
  /* Рамка только из настроек блока (--block-border-width на ячейке) */
  border: none;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
  transition: box-shadow var(--transition);
}

/* Экранный профиль теперь управляет размерами даты напрямую через data-screen-display-profile на .player-wrap. */
.player-wrap[data-screen-display-profile="tv_1024"] .player-cell.widget-date .widget-date-inner {
  --widget-date-custom-font-size: 1.55rem;
  --widget-date-short-font-size: 1.75rem;
  --widget-date-medium-font-size: 1.62rem;
  --widget-date-long-font-size: 1.35rem;
  --widget-date-time-font-size: 1.15rem;
  --widget-date-time-under-boxes-font-size: 0.95rem;
  --widget-date-label-font-size: 0.62rem;
  --widget-date-long-label-font-size: 0.58rem;
  --widget-date-weekday-font-size: 0.56rem;
  --widget-date-profile-icon-scale: 0.92;
  --widget-date-profile-gap: 0.16rem;
  --widget-date-profile-pad: 0.2rem;
}

.player-wrap[data-screen-display-profile="tv_1920"] .player-cell.widget-date .widget-date-inner,
.player-wrap[data-screen-display-profile="custom"] .player-cell.widget-date .widget-date-inner {
  --widget-date-custom-font-size: 2.4rem;
  --widget-date-short-font-size: 2.8rem;
  --widget-date-medium-font-size: 2.55rem;
  --widget-date-long-font-size: 2.05rem;
  --widget-date-time-font-size: 1.8rem;
  --widget-date-time-under-boxes-font-size: 1.35rem;
  --widget-date-label-font-size: 0.9rem;
  --widget-date-long-label-font-size: 0.84rem;
  --widget-date-weekday-font-size: 0.8rem;
  --widget-date-profile-icon-scale: 1;
  --widget-date-profile-gap: var(--widget-gap);
  --widget-date-profile-pad: var(--widget-pad);
}

.player-wrap[data-screen-display-profile="tv_2560"] .player-cell.widget-date .widget-date-inner,
.player-wrap[data-screen-display-profile="kiosk_1440_2560"] .player-cell.widget-date .widget-date-inner {
  --widget-date-custom-font-size: 2.95rem;
  --widget-date-short-font-size: 3.35rem;
  --widget-date-medium-font-size: 3.05rem;
  --widget-date-long-font-size: 2.45rem;
  --widget-date-time-font-size: 2.15rem;
  --widget-date-time-under-boxes-font-size: 1.6rem;
  --widget-date-label-font-size: 1.02rem;
  --widget-date-long-label-font-size: 0.94rem;
  --widget-date-weekday-font-size: 0.92rem;
  --widget-date-profile-icon-scale: 1.05;
  --widget-date-profile-gap: 0.18rem;
  --widget-date-profile-pad: 0.28rem;
}

.player-wrap[data-screen-display-profile="tv_3840"] .player-cell.widget-date .widget-date-inner,
.player-wrap[data-screen-display-profile="kiosk_2160_3840"] .player-cell.widget-date .widget-date-inner {
  --widget-date-custom-font-size: 3.65rem;
  --widget-date-short-font-size: 4.15rem;
  --widget-date-medium-font-size: 3.8rem;
  --widget-date-long-font-size: 3rem;
  --widget-date-time-font-size: 2.65rem;
  --widget-date-time-under-boxes-font-size: 1.95rem;
  --widget-date-label-font-size: 1.18rem;
  --widget-date-long-label-font-size: 1.08rem;
  --widget-date-weekday-font-size: 1.04rem;
  --widget-date-profile-icon-scale: 1.1;
  --widget-date-profile-gap: 0.2rem;
  --widget-date-profile-pad: 0.34rem;
}

.player-wrap[data-screen-display-profile="kiosk_1080_1920"] .player-cell.widget-date .widget-date-inner {
  --widget-date-custom-font-size: 2.55rem;
  --widget-date-short-font-size: 2.95rem;
  --widget-date-medium-font-size: 2.7rem;
  --widget-date-long-font-size: 2.2rem;
  --widget-date-time-font-size: 1.9rem;
  --widget-date-time-under-boxes-font-size: 1.45rem;
  --widget-date-label-font-size: 0.94rem;
  --widget-date-long-label-font-size: 0.86rem;
  --widget-date-weekday-font-size: 0.84rem;
  --widget-date-profile-icon-scale: 1;
  --widget-date-profile-gap: 0.18rem;
  --widget-date-profile-pad: 0.24rem;
}

/* Киоск и прочие раскладки: clamp() на main не читает rem-токены выше — множители профиля задаём на ячейке (наследуются во внутрь, в т.ч. для cells-1). */
.player-wrap[data-screen-display-profile="tv_1024"] .player-cell.widget-date {
  --widget-date-profile-digital-scale: 0.88;
  --widget-date-profile-label-scale: 0.88;
  --widget-date-profile-time-scale: 0.88;
}

.player-wrap[data-screen-display-profile="tv_1920"] .player-cell.widget-date,
.player-wrap[data-screen-display-profile="custom"] .player-cell.widget-date {
  --widget-date-profile-digital-scale: 1;
  --widget-date-profile-label-scale: 1;
  --widget-date-profile-time-scale: 1;
}

.player-wrap[data-screen-display-profile="tv_2560"] .player-cell.widget-date,
.player-wrap[data-screen-display-profile="kiosk_1440_2560"] .player-cell.widget-date {
  --widget-date-profile-digital-scale: 1.08;
  --widget-date-profile-label-scale: 1.03;
  --widget-date-profile-time-scale: 1.08;
}

.player-wrap[data-screen-display-profile="tv_3840"] .player-cell.widget-date,
.player-wrap[data-screen-display-profile="kiosk_2160_3840"] .player-cell.widget-date {
  --widget-date-profile-digital-scale: 1.16;
  --widget-date-profile-label-scale: 1.06;
  --widget-date-profile-time-scale: 1.16;
}

.player-wrap[data-screen-display-profile="kiosk_1080_1920"] .player-cell.widget-date {
  --widget-date-profile-digital-scale: 1;
  --widget-date-profile-label-scale: 1;
  --widget-date-profile-time-scale: 1;
}

/* Квадраты без своего hex: маркер для DevTools/темы; заливка плиток и ряда — прозрачная, рамки из токенов */
.player-cell.widget-date .widget-date-inner[data-date-boxes-fill-default='1'] {
  --widget-date-boxes-bg: transparent;
  --widget-date-boxes-border: rgba(255, 255, 255, 0.12);
  --widget-date-boxes-row-bg: transparent;
  --widget-date-boxes-row-border: rgba(255, 255, 255, 0.1);
}

[data-theme='light'] .player-cell.widget-date:not([data-widget-theme='dark']) .widget-date-inner[data-date-boxes-fill-default='1'],
.player-cell.widget-date[data-widget-theme='light'] .widget-date-inner[data-date-boxes-fill-default='1'] {
  --widget-date-boxes-bg: transparent;
  --widget-date-boxes-border: rgba(0, 0, 0, 0.08);
  --widget-date-boxes-row-bg: transparent;
  --widget-date-boxes-row-border: rgba(0, 0, 0, 0.07);
}

.player-cell.widget-date[data-widget-theme='dark'] .widget-date-inner[data-date-boxes-fill-default='1'] {
  --widget-date-boxes-bg: transparent;
  --widget-date-boxes-border: rgba(255, 255, 255, 0.12);
  --widget-date-boxes-row-bg: transparent;
  --widget-date-boxes-row-border: rgba(255, 255, 255, 0.1);
}

/* Светлая тема экрана: не дублировать «плашку в плашке» — фон страницы уже светлый */
[data-theme='light'] .player-cell.widget-date:not([data-widget-theme='dark']) .widget-date-inner,
.player-cell.widget-date[data-widget-theme='light'] .widget-date-inner {
  background: transparent;
  box-shadow: none;
  border: none;
}

[data-theme='light'] .player-cell.widget-date:not([data-widget-theme='dark']):hover .widget-date-inner,
[data-theme='light'] .player-cell.widget-date:not([data-widget-theme='dark']):focus-within .widget-date-inner,
.player-cell.widget-date[data-widget-theme='light']:hover .widget-date-inner,
.player-cell.widget-date[data-widget-theme='light']:focus-within .widget-date-inner {
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.1);
}

.widget-date:hover .widget-date-inner,
.player-cell.widget-date:focus-within .widget-date-inner {
  box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.35), 0 2px 12px rgba(0, 0, 0, 0.15);
}

.widget-date-icon {
  flex-shrink: 0;
  width: calc(1.35em * var(--widget-date-profile-icon-scale, 1));
  height: calc(1.35em * var(--widget-date-profile-icon-scale, 1));
  min-width: calc(1.35em * var(--widget-date-profile-icon-scale, 1));
  min-height: calc(1.35em * var(--widget-date-profile-icon-scale, 1));
  box-sizing: border-box;
  border-radius: 6px;
  border: 2px solid var(--color-primary);
  background: linear-gradient(145deg, var(--color-surface-2), var(--color-surface));
  position: relative;
  opacity: 0.9;
}

.widget-date-icon::before {
  content: '';
  position: absolute;
  left: 50%;
  top: -2px;
  transform: translate(-50%, -50%);
  width: 70%;
  height: 0.35em;
  border-radius: 3px 3px 0 0;
  background: var(--color-primary);
  border: 2px solid var(--color-primary);
  border-bottom: none;
}

.widget-date-icon::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 52%;
  transform: translate(-50%, -50%);
  width: 50%;
  height: 2px;
  background: var(--color-primary);
  opacity: 0.45;
  border-radius: 1px;
}

.widget-date-inner > .widget-date-icon {
  margin-left: -0.22em;
}

/* С временем: не в один ряд с датой (flex row толкал время вправо от «2026»). Сетка: иконка + дата, ниже — время на всю ширину. */
.widget-date--with-time .widget-date-inner {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas:
    'icon main'
    'time time';
  align-items: center;
  column-gap: var(--widget-gap);
  row-gap: var(--widget-dt-with-time-grid-row-gap, 0.12em);
}

.widget-date--with-time.widget-date--no-icon .widget-date-inner {
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas:
    'main'
    'time';
}

.widget-date--with-time .widget-date-icon {
  grid-area: icon;
  margin-left: -0.22em;
}

.widget-date--with-time.widget-date--no-icon .widget-date-icon {
  display: none;
}

.widget-date--with-time .widget-date-main {
  grid-area: main;
  min-width: 0;
  min-height: 0;
  flex-shrink: 1;
  justify-self: center;
}

.widget-date--with-time.widget-date--no-icon .widget-date-main {
  justify-self: stretch;
}

/* Квадраты + время: одна колонка (иконка → дата → время). :has по main.widget-date--boxes — и flip-cells, и inline+квадраты. */
.widget-date--with-time .widget-date-inner:has(.widget-date-main.widget-date--boxes) {
  grid-template-columns: 1fr;
  grid-template-areas:
    'icon'
    'main'
    'time';
  justify-items: center;
  row-gap: var(--widget-dt-with-time-stack-gap);
}

.widget-date--with-time .widget-date-inner:has(.widget-date-main.widget-date--boxes) .widget-date-icon {
  grid-area: icon;
  margin-left: 0;
  justify-self: center;
}

.widget-date--with-time .widget-date-inner:has(.widget-date-main.widget-date--boxes) .widget-date-main {
  grid-area: main;
  width: 100%;
  max-width: 100%;
  justify-self: stretch;
}

.widget-date--with-time.widget-date--no-icon .widget-date-inner:has(.widget-date-main.widget-date--boxes) {
  grid-template-areas:
    'main'
    'time';
}

.widget-date--with-time
  .widget-date-inner:has(.widget-date-main--custom.widget-date-main--inline.widget-date-main--row.widget-date--no-sep .widget-date-time-row--inline-main) {
  grid-template-areas: 'icon main';
}

.widget-date--with-time.widget-date--no-icon
  .widget-date-inner:has(.widget-date-main--custom.widget-date-main--inline.widget-date-main--row.widget-date--no-sep .widget-date-time-row--inline-main) {
  grid-template-areas: 'main';
}

.widget-date-time-row {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 100%;
  min-width: 0;
  margin-top: 0.12em;
}

.widget-date--with-time .widget-date-time-row {
  grid-area: time;
  margin-top: 0;
  width: 100%;
}

/* В ряду (альбом) ширина 100% переносит время на новую строку; flex-basis:100% в колонке (киоск) превращается в высоту 100% и раздувает блок. */
.widget-date-main--custom.widget-date-main--inline.widget-date-main--row.widget-date--no-sep .widget-date-time-row--inline-main {
  grid-area: auto;
  flex: 0 0 auto;
  align-self: stretch;
  width: 100%;
  min-width: 0;
  margin-top: 0;
  padding-top: var(--widget-dt-with-time-time-pad-top);
}

.widget-date--with-time .widget-date-inner:has(.widget-date-main.widget-date--boxes) .widget-date-time-row {
  padding-top: var(--widget-dt-with-time-time-pad-top);
}

/* Время под flip-плашками: фикс. clamp в rem/vw — не от em ячейки */
.widget-date--with-time .widget-date-inner:has(.widget-date-main.widget-date--boxes) .widget-date-time-value {
  font-size: calc(var(--widget-date-time-under-boxes-font-size) * var(--widget-date-time-scale, 1));
  letter-spacing: 0.05em;
  font-weight: 600;
}

.widget-date-time-value {
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.15;
  color: var(--color-text);
  font-size: calc(var(--widget-date-time-font-size) * var(--widget-date-time-scale, 1));
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
}

/* День недели одной строкой под блоком даты (опция) */
.widget-date-main .widget-date-weekday-line {
  margin-top: var(--widget-dt-weekday-line-mt);
  font-size: calc(
    var(--widget-date-weekday-font-size) * var(--widget-date-label-scale, 1) * var(--widget-date-weekday-line-scale, 1)
  );
  font-weight: 600;
  letter-spacing: 0.06em;
  line-height: 1.25;
  text-align: center;
  text-transform: lowercase;
  color: var(--color-text-muted);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.widget-date-main--custom .widget-date-weekday-line {
  width: 100%;
}

.widget-date--no-icon .widget-date-icon {
  display: none;
}

.widget-date-main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.08em;
  min-width: 0;
}

.widget-date .widget-date-value {
  letter-spacing: 0.04em;
  font-weight: 700;
  color: var(--color-text);
  line-height: 1.1;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  font-family: var(--widget-font-family, var(--font-outfit, 'Outfit', system-ui, sans-serif));
}

.widget-date-label {
  font-size: calc(var(--widget-date-label-font-size) * var(--widget-date-label-scale, 1));
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--color-text-muted);
  line-height: 1.2;
}

.widget-date-label:empty {
  display: none;
}

.widget-date-main--custom {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(var(--widget-date-custom-font-size) * var(--widget-date-digital-scale, 1));
  padding-bottom: var(--widget-gap-sm);
}

.widget-date-main--custom.widget-date-main--glass {
  position: relative;
  z-index: 0;
  padding: var(--widget-dt-glass-pad-y) var(--widget-dt-glass-pad-x);
  padding-bottom: max(var(--widget-gap-sm), var(--widget-dt-glass-pad-y));
  border-radius: var(--block-radius, var(--radius));
  background: var(--glass-bg);
  border-width: var(--block-border-width, 0);
  border-style: solid;
  border-color: var(--block-border-color, var(--glass-border));
  backdrop-filter: blur(11px) saturate(1.05);
  -webkit-backdrop-filter: blur(11px) saturate(1.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 2px 14px rgba(0, 0, 0, 0.1);
}

.widget-date-main--custom.widget-date-main--row {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;
  row-gap: var(--widget-gap);
  column-gap: var(--widget-pad-single);
}

/* Киоск-портрет: после правила выше (оно ниже @import киоска). Без этого base row снова даёт одну строку. Время внутри main — тоже колонка. */
.player-wrap[data-screen-orientation="portrait"]
  .widget-date:not(.widget-date--portrait-as-landscape)
  .widget-date-main--custom.widget-date-main--inline.widget-date-main--row:not(.widget-date--boxes) {
  flex-direction: column;
  align-items: stretch;
  flex-wrap: nowrap;
}

/* «Дата как в альбоме» в портрете — строка; если время в main, принудительно колонка. */
.player-wrap[data-screen-orientation="portrait"]
  .widget-date.widget-date--portrait-as-landscape
  .widget-date-main--custom.widget-date-main--inline.widget-date-main--row:not(.widget-date--boxes):has(.widget-date-time-row--inline-main) {
  flex-direction: column !important;
  align-items: stretch !important;
  flex-wrap: wrap;
  justify-content: center;
}

.widget-date-main--custom.widget-date-main--labels-below {
  flex-direction: column;
  gap: var(--widget-gap);
  align-items: center;
}

.widget-date-main--labels-below .widget-date-numbers-row:not(.widget-date-numbers-row--cols) {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

/* Плашка / обычный блок: в ряду — колонки «число · подпись», разделители как у чисел */
.widget-date-numbers-row--cols {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: center;
}

/* Точки между колонками: по вертикали как строка цифр, не по всей высоте «число+подпись» */
.widget-date-numbers-row--cols .widget-date-col .widget-date-num {
  line-height: 1.1;
}

.widget-date-numbers-row--cols .widget-date-sep {
  flex-shrink: 0;
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  margin: 0;
  font-size: 1em;
  line-height: 1.1;
  min-height: 1.1em;
  padding: 0 max(0.08em, calc(var(--widget-date-parts-gap, 0px) / 2));
}

.widget-date-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--widget-dt-col-label-gap);
  min-width: 0;
  flex: 0 1 auto;
}

.widget-date-main--labels-below .widget-date-labels-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--widget-gap) var(--widget-pad-single);
}

.widget-date-main--labels-below .widget-date-labels-row .widget-date-label-part {
  font-size: calc(0.26em * var(--widget-date-label-scale, 1));
}

.widget-date-main--custom .widget-date-pair {
  display: inline-flex;
  align-items: baseline;
  gap: var(--widget-gap-xs);
}

.widget-date-main--custom .widget-date-sep {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  line-height: 1;
  color: var(--color-text-muted);
  opacity: 0.85;
  padding: 0 max(0.08em, calc(var(--widget-date-parts-gap, 0px) / 2));
  user-select: none;
}

/* Без точек: зазор между группами — как у времени (через --widget-date-parts-gap) */
.widget-date-main--custom.widget-date--no-sep .widget-date-numbers-row:not(.widget-date-numbers-row--flip-cells) {
  gap: var(--widget-date-parts-gap, 0px);
}

.widget-date-main--custom.widget-date--no-sep.widget-date-main--row {
  column-gap: var(--widget-date-parts-gap, 0px);
}

.widget-date-main--custom .widget-date-num {
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.04em;
  font-weight: 700;
  color: var(--color-text);
  font-family: var(--widget-font-family, var(--font-outfit, 'Outfit', system-ui, sans-serif));
}

/* «Классические» коробки: ряд без flip-ячеек; inline без квадратов — простые коробки по em. Inline + квадраты — те же flip-плитки, что и .widget-date-numbers-row--flip-cells. */
.widget-date-main--custom .widget-date-numbers-row:not(.widget-date-numbers-row--flip-cells) .widget-date-num--box,
.widget-date-main--custom.widget-date-main--inline.widget-date-main--row:not(.widget-date--boxes) .widget-date-num--box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2em;
  padding: var(--widget-box-pad);
  background: var(--widget-date-boxes-bg, transparent);
  border: 1px solid var(--widget-date-boxes-border, rgba(255, 255, 255, 0.12));
  border-radius: 6px;
  box-sizing: border-box;
  font-variant-numeric: tabular-nums;
}

[data-theme="light"] .widget-date-main--custom .widget-date-numbers-row:not(.widget-date-numbers-row--flip-cells) .widget-date-num--box,
[data-theme="light"] .widget-date-main--custom.widget-date-main--inline.widget-date-main--row:not(.widget-date--boxes) .widget-date-num--box {
  background: var(--widget-date-boxes-bg, transparent);
  border-color: var(--widget-date-boxes-border, rgba(0, 0, 0, 0.08));
}

.widget-date-main--custom.widget-date-main--labels-below.widget-date--boxes .widget-date-numbers-row {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: max(var(--widget-date-parts-gap, 0px), var(--widget-gap-sm));
  padding: var(--widget-pad);
  background: var(--widget-date-boxes-row-bg, var(--widget-date-boxes-bg, transparent));
  border-radius: 10px;
  border: 1px solid var(--widget-date-boxes-row-border, rgba(255, 255, 255, 0.1));
  flex-wrap: nowrap;
  box-sizing: border-box;
}

[data-theme="light"] .widget-date-main--custom.widget-date-main--labels-below.widget-date--boxes .widget-date-numbers-row {
  background: var(--widget-date-boxes-row-bg, var(--widget-date-boxes-bg, transparent));
  border-color: var(--widget-date-boxes-row-border, rgba(0, 0, 0, 0.07));
}

/* Не flip: одна общая капсула на ряду даёт «полку» на полупрозрачной карточке — в светлой теме убираем */
[data-theme='light'] .widget-date-main--custom.widget-date-main--labels-below.widget-date--boxes .widget-date-numbers-row:not(.widget-date-numbers-row--flip-cells) {
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}

.widget-date-main--custom.widget-date-main--labels-below.widget-date--boxes .widget-date-numbers-row .widget-date-sep {
  opacity: 0.85;
  flex-shrink: 0;
}

/* Inline + квадраты: без обёртки flip-ряда — те же токены и зазор, что у .widget-date-numbers-row--flip-cells */
.widget-date-main--custom.widget-date-main--inline.widget-date-main--row.widget-date--boxes {
  --widget-date-flip-size: calc(var(--widget-dt-flip-tile-size) * var(--widget-date-digital-scale, 1));
  --widget-date-flip-radius: clamp(4px, 0.32em, 8px);
  gap: max(var(--widget-date-parts-gap, 0px), var(--widget-dt-flip-row-gap));
  align-items: flex-start;
}

.widget-date-main--custom.widget-date-main--inline.widget-date-main--row.widget-date--boxes .widget-date-pair {
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.18rem;
}

.widget-date-main--custom.widget-date-main--inline.widget-date-main--row.widget-date--boxes .widget-date-label-part {
  display: block;
  font-size: calc(0.22em * var(--widget-date-label-scale, 1));
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.15;
  text-align: center;
  color: var(--color-text-muted);
  opacity: 0.74;
}

.widget-date-main--custom.widget-date-main--inline.widget-date-main--row.widget-date--boxes.widget-date--no-sep {
  gap: var(--widget-date-parts-gap, 0px);
}

/* Режим «квадраты»: flip-карточки, подпись под каждой; фон полупрозрачный, год без увеличения */
.widget-date-main--custom.widget-date-main--labels-below.widget-date--boxes .widget-date-numbers-row--flip-cells {
  --widget-date-flip-size: calc(var(--widget-dt-flip-tile-size) * var(--widget-date-digital-scale, 1));
  --widget-date-flip-radius: clamp(4px, 0.32em, 8px);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  /* flex-start: плитки и точки по верхней линии с цифрами, не по центру «плитка+подпись» */
  align-items: flex-start;
  justify-content: center;
  gap: max(var(--widget-date-parts-gap, 0px), var(--widget-dt-flip-row-gap));
  padding: var(--widget-dt-flip-row-pad-inline);
  background: transparent;
  border: none;
  box-shadow: none;
  width: 100%;
  box-sizing: border-box;
}

.widget-date-main--custom.widget-date--boxes.widget-date--no-sep .widget-date-numbers-row--flip-cells {
  gap: var(--widget-date-parts-gap, 0px);
}

.widget-date-flip-cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: var(--widget-dt-flip-cell-gap);
  min-width: 0;
  flex: 0 0 auto;
}

.widget-date-numbers-row--flip-cells .widget-date-label-part {
  font-size: calc(var(--widget-dt-flip-caption-tight-fs) * var(--widget-date-label-scale, 1));
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-weight: 600;
  text-align: center;
  line-height: 1.25;
  max-width: 12em;
  color: rgba(147, 197, 253, 0.82);
}

[data-theme='light'] .widget-date-numbers-row--flip-cells .widget-date-label-part {
  color: rgba(30, 64, 175, 0.78);
}

.widget-date--label-small .widget-date-numbers-row--flip-cells .widget-date-label-part {
  font-size: calc(var(--widget-dt-flip-caption-tight-fs-sm) * var(--widget-date-label-scale, 1));
}

.widget-date-main--custom.widget-date--boxes .widget-date-numbers-row--flip-cells .widget-date-pair,
.widget-date-main--custom.widget-date-main--inline.widget-date-main--row.widget-date--boxes .widget-date-pair {
  display: flex;
  align-items: center;
  justify-content: center;
}

.widget-date-main--custom.widget-date--boxes .widget-date-numbers-row--flip-cells .widget-date-num--box,
.widget-date-main--custom.widget-date-main--inline.widget-date-main--row.widget-date--boxes .widget-date-num--box {
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  width: var(--widget-date-flip-size);
  height: var(--widget-date-flip-size);
  min-width: var(--widget-date-flip-size);
  min-height: var(--widget-date-flip-size);
  max-width: var(--widget-date-flip-size);
  max-height: var(--widget-date-flip-size);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.12em;
  aspect-ratio: 1;
  border-radius: var(--widget-date-flip-radius);
  border: 1px solid var(--widget-date-boxes-border, rgb(255 255 255 / 10%));
  background: var(--widget-date-boxes-bg, transparent);
  font-family: var(--widget-font-family, 'Barlow Condensed', var(--font-outfit, system-ui), sans-serif);
  font-weight: 700;
  font-size: calc(var(--widget-dt-flip-digit-fs) * var(--widget-date-digital-scale, 1));
  line-height: 1;
  letter-spacing: 0.04em;
  color: var(--color-text, #f8fafc);
  overflow: hidden;
  text-align: center;
}

/* Подсветка верхней половины */
.widget-date-main--custom.widget-date--boxes .widget-date-numbers-row--flip-cells .widget-date-num--box::before,
.widget-date-main--custom.widget-date-main--inline.widget-date-main--row.widget-date--boxes .widget-date-num--box::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 50%;
  border-radius: var(--widget-date-flip-radius) var(--widget-date-flip-radius) 0 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
  z-index: 0;
}

.widget-date-main--custom.widget-date--boxes .widget-date-numbers-row--flip-cells .widget-date-num--box::after,
.widget-date-main--custom.widget-date-main--inline.widget-date-main--row.widget-date--boxes .widget-date-num--box::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  margin-top: -0.5px;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.22) 20%,
    rgba(255, 255, 255, 0.28) 50%,
    rgba(255, 255, 255, 0.22) 80%,
    rgba(255, 255, 255, 0) 100%
  );
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
  pointer-events: none;
  z-index: 1;
}

[data-theme='light'] .widget-date-main--custom.widget-date--boxes .widget-date-numbers-row--flip-cells .widget-date-num--box,
[data-theme='light'] .widget-date-main--custom.widget-date-main--inline.widget-date-main--row.widget-date--boxes .widget-date-num--box {
  border: 1px solid rgba(15, 23, 42, 0.1);
  background: rgba(255, 255, 255, 0.35);
  color: var(--color-text, #0f172a);
  box-shadow: none;
}

/* Без «двойного стекла»: блик и линия flip на светлом фоне выглядят лишними */
[data-theme='light'] .widget-date-main--custom.widget-date--boxes .widget-date-numbers-row--flip-cells .widget-date-num--box::before,
[data-theme='light'] .widget-date-main--custom.widget-date-main--inline.widget-date-main--row.widget-date--boxes .widget-date-num--box::before,
[data-theme='light'] .widget-date-main--custom.widget-date--boxes .widget-date-numbers-row--flip-cells .widget-date-num--box::after,
[data-theme='light'] .widget-date-main--custom.widget-date-main--inline.widget-date-main--row.widget-date--boxes .widget-date-num--box::after {
  display: none;
}

/* Точка между flip-плитками: без отдельного блока/капсулы; в полосе высоты плиток, по центру с цифрами */
.widget-date-main--custom.widget-date--boxes .widget-date-sep--flip {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  align-self: flex-start;
  border: none;
  background: none;
  padding: 0 max(0.08em, calc(var(--widget-date-parts-gap, 0px) / 2));
  margin: 0;
  font-family: var(--widget-font-family, 'Barlow Condensed', var(--font-outfit, system-ui), sans-serif);
  font-weight: 700;
  font-size: calc(var(--widget-dt-flip-digit-fs) * var(--widget-date-digital-scale, 1));
  line-height: 1;
  letter-spacing: 0;
  color: var(--color-text, #f8fafc);
  opacity: 0.85;
  transform: none;
  user-select: none;
}

.widget-date-main--custom.widget-date--boxes .widget-date-numbers-row--flip-cells .widget-date-sep--flip,
.widget-date-main--custom.widget-date-main--inline.widget-date-main--row.widget-date--boxes .widget-date-sep--flip {
  height: var(--widget-date-flip-size);
  min-height: var(--widget-date-flip-size);
  width: auto;
  min-width: 0;
  max-width: none;
}

[data-theme='light'] .widget-date-main--custom.widget-date--boxes .widget-date-sep--flip {
  color: var(--color-text, #0f172a);
}

.widget-date-main--custom .widget-date-label-part {
  font-size: calc(0.26em * var(--widget-date-label-scale, 1));
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-text-muted);
  line-height: 1.35;
}

.widget-date-main--custom.widget-date-main--labels-below .widget-date-labels-row .widget-date-label-part,
.widget-date-main--custom.widget-date-main--labels-below .widget-date-numbers-row--cols .widget-date-label-part {
  font-size: calc(0.26em * var(--widget-date-label-scale, 1));
  opacity: 0.92;
  color: var(--color-text-muted);
  text-align: center;
  max-width: 100%;
}

.widget-date--label-small .widget-date-label {
  font-size: calc(0.42em * var(--widget-date-label-scale, 1));
}

.widget-date--label-small .widget-date-main--custom .widget-date-label-part {
  font-size: calc(0.2em * var(--widget-date-label-scale, 1));
}

.widget-date--label-small .widget-date-main--custom.widget-date-main--labels-below .widget-date-labels-row .widget-date-label-part,
.widget-date--label-small .widget-date-main--custom.widget-date-main--labels-below .widget-date-numbers-row--cols .widget-date-label-part {
  font-size: calc(0.2em * var(--widget-date-label-scale, 1));
}

.widget-date-main--plaque {
  flex-direction: column;
  gap: max(0.18rem, calc(var(--widget-gap) * 0.7));
  align-items: center;
  text-align: center;
}

/* Одна общая плашка: как flip-квадраты — верхний блик на всю ширину, рамка; линия «разреза» на ряду цифр (см. ниже) */
.widget-date-plaque-box {
  --widget-date-plaque-radius: clamp(10px, 0.8em, 18px);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  box-sizing: border-box;
  padding: clamp(0.7rem, 0.42em + 0.24rem, 1.15rem) clamp(1rem, 0.7em + 0.3rem, 1.65rem);
  border-radius: var(--widget-date-plaque-radius);
  border: 1px solid rgb(255 255 255 / 8%);
  background:
    linear-gradient(180deg, rgb(255 255 255 / 4%) 0%, rgb(255 255 255 / 1.5%) 100%),
    var(--widget-date-plaque-bg, transparent);
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 4%),
    0 10px 24px rgb(2 6 23 / 14%);
}

.widget-date-plaque-box::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 42%;
  border-radius: var(--widget-date-plaque-radius) var(--widget-date-plaque-radius) 0 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
  z-index: 0;
}

[data-theme='light'] .widget-date-plaque-box {
  border: 1px solid rgb(15 23 42 / 8%);
  background:
    linear-gradient(180deg, rgb(255 255 255 / 28%) 0%, rgb(255 255 255 / 12%) 100%),
    var(--widget-date-plaque-bg, transparent);
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 35%),
    0 4px 14px rgb(15 23 42 / 6%);
}

[data-theme='light'] .widget-date-plaque-box::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 88%);
}

/* Плашка: один общий фон — цифры без «квадратов»/flip-разреза на каждой группе */
.widget-date-main--plaque .widget-date-plaque-box .widget-date-num.widget-date-num--box {
  background: none;
  border: none;
  padding: 0;
  min-width: 0;
  border-radius: 0;
  box-shadow: none;
}

/* Плашка: без градиента/«разреза» на цифрах (раньше был ::before с linear-gradient на верхней половине) */
.widget-date-main--plaque .widget-date-plaque-box .widget-date-numbers-row--cols .widget-date-num::before,
.widget-date-main--plaque .widget-date-plaque-box .widget-date-numbers-row--cols .widget-date-num::after {
  content: none;
}

.widget-date-inner[data-date-plaque-bg-custom='1'] .widget-date-plaque-box {
  background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.06) 0%,
      rgba(255, 255, 255, 0.02) 50%,
      rgba(255, 255, 255, 0.04) 100%
    ),
    var(--widget-date-plaque-bg);
}

[data-theme='light'] .widget-date-inner[data-date-plaque-bg-custom='1'] .widget-date-plaque-box {
  background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.35) 0%,
      rgba(255, 255, 255, 0.12) 50%,
      rgba(255, 255, 255, 0.2) 100%
    ),
    var(--widget-date-plaque-bg);
}

.widget-date-main--plaque .widget-date-plaque-box .widget-date-numbers-row {
  margin: 0;
  position: relative;
  z-index: 1;
}

/* Линия как у flip-плитки — по центру строки цифр (em = кегль ряда), не по всей высоте плашки с подписями */
.widget-date-main--plaque .widget-date-plaque-box .widget-date-numbers-row--cols {
  position: relative;
  gap: max(var(--widget-date-parts-gap, 0px), calc(var(--widget-dt-plaque-cols-gap) * 0.82));
}

.widget-date-main--plaque .widget-date-plaque-box .widget-date-numbers-row--cols::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: var(--widget-dt-plaque-cutline-y);
  height: 1px;
  margin-top: -0.5px;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.12) 20%,
    rgba(255, 255, 255, 0.16) 50%,
    rgba(255, 255, 255, 0.12) 80%,
    rgba(255, 255, 255, 0) 100%
  );
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.03);
  pointer-events: none;
  z-index: 2;
}

.widget-date-main--plaque .widget-date-plaque-box .widget-date-numbers-row--cols .widget-date-num {
  position: relative;
  z-index: 1;
}

[data-theme='light'] .widget-date-main--plaque .widget-date-plaque-box .widget-date-numbers-row--cols::after {
  background: linear-gradient(
    90deg,
    rgba(15, 23, 42, 0) 0%,
    rgba(15, 23, 42, 0.1) 25%,
    rgba(15, 23, 42, 0.14) 50%,
    rgba(15, 23, 42, 0.1) 75%,
    rgba(15, 23, 42, 0) 100%
  );
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

/* Плашка с точками: паузу даёт разделитель — меньший минимальный gap */
.widget-date-main--plaque .widget-date-plaque-box .widget-date-numbers-row--cols:has(.widget-date-sep) {
  gap: max(var(--widget-date-parts-gap, 0px), var(--widget-dt-plaque-cols-gap-tight));
}

/* Подписи в колонках под числами (старая одна строка status-label больше не используется) */
.widget-date-main--plaque .widget-date-numbers-row--cols .widget-date-label-part {
  font-size: calc(0.24em * var(--widget-date-label-scale, 1));
  opacity: 0.72;
  color: var(--color-text-muted);
  font-weight: 500;
  letter-spacing: 0.12em;
  line-height: 1.2;
  text-transform: uppercase;
}

.widget-date-main--plaque .widget-date-status-label {
  font-size: calc(0.28em * var(--widget-date-label-scale, 1));
  opacity: 0.92;
  color: var(--color-text-muted);
  margin-top: max(0.12em, var(--widget-dt-col-label-gap));
}

.widget-date-main--plaque-expand-wide .widget-date-plaque-box {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

.widget-date-main--plaque-expand-full .widget-date-plaque-box {
  width: 100%;
  box-sizing: border-box;
}

.widget-date-main--plaque-expand-wide,
.widget-date-main--plaque-expand-full {
  width: 100%;
}

.widget-date-main--custom.widget-date--has-parts-gap .widget-date-numbers-row {
  gap: var(--widget-date-parts-gap, 0px);
}

.widget-date-main--custom.widget-date--has-parts-gap.widget-date-main--row {
  column-gap: var(--widget-date-parts-gap, 0px);
}

.widget-date--short .widget-date-inner {
  padding: var(--widget-pad);
}

.widget-date--short .widget-date-value {
  font-size: calc(var(--widget-date-short-font-size) * var(--widget-date-digital-scale, 1));
}

.widget-date--short .widget-date-icon {
  width: calc(1.15em * var(--widget-date-profile-icon-scale, 1));
  height: calc(1.15em * var(--widget-date-profile-icon-scale, 1));
  min-width: calc(1.15em * var(--widget-date-profile-icon-scale, 1));
  min-height: calc(1.15em * var(--widget-date-profile-icon-scale, 1));
}

.widget-date--medium .widget-date-value {
  font-size: calc(var(--widget-date-medium-font-size) * var(--widget-date-digital-scale, 1));
}

.widget-date--long .widget-date-inner {
  gap: var(--widget-gap);
}

.widget-date--long .widget-date-value {
  font-size: calc(var(--widget-date-long-font-size) * var(--widget-date-digital-scale, 1));
}

.widget-date--long .widget-date-label {
  font-size: calc(var(--widget-date-long-label-font-size) * var(--widget-date-label-scale, 1));
  opacity: 0.9;
}

/* Длинный текст + время: общий clamp для строки даты и времени — без скачков кегля */
.widget-date--long.widget-date--with-time .widget-date-inner {
  row-gap: var(--widget-dt-with-time-grid-row-gap);
}

.widget-date--long.widget-date--with-time .widget-date-main {
  gap: clamp(0.12rem, min(1.1cqi, 0.85vw), 0.38rem);
  align-items: center;
  min-width: 0;
  max-width: 100%;
}

.widget-date--long.widget-date--with-time .widget-date-value {
  font-size: calc(var(--widget-date-long-font-size) * var(--widget-date-digital-scale, 1));
  line-height: 1.22;
  text-wrap: balance;
  overflow-wrap: break-word;
  max-width: 100%;
}

.widget-date--long.widget-date--with-time .widget-date-time-row {
  padding-top: var(--widget-dt-with-time-time-pad-top);
}

.widget-date--long.widget-date--with-time .widget-date-time-value {
  font-size: calc(var(--widget-date-time-font-size) * var(--widget-date-time-scale, 1));
  letter-spacing: 0.06em;
  line-height: 1.15;
  white-space: nowrap;
}

.widget-date-inner[data-date-text-custom="1"] .widget-date .widget-date-value,
.widget-date-inner[data-date-text-custom="1"] .widget-date-main--custom .widget-date-num,
.widget-date-inner[data-date-text-custom="1"]
  .widget-date-numbers-row--flip-cells
  .widget-date-num--box,
.widget-date-inner[data-date-text-custom="1"]
  .widget-date-main--custom.widget-date-main--inline.widget-date-main--row.widget-date--boxes
  .widget-date-num--box {
  color: var(--widget-date-text);
}

.widget-date-inner[data-date-text-custom="1"] .widget-date-main--custom .widget-date-sep:not(.widget-date-sep--flip) {
  color: var(--widget-date-text);
  opacity: 0.78;
}

.widget-date-inner[data-date-text-custom="1"] .widget-date-main--custom.widget-date--boxes .widget-date-sep--flip {
  color: var(--widget-date-text);
  opacity: 0.85;
}

.widget-date-inner[data-date-text-custom="1"] .widget-date-main--custom .widget-date-label-part,
.widget-date-inner[data-date-text-custom="1"] .widget-date-main--plaque .widget-date-status-label,
.widget-date-inner[data-date-text-custom="1"] .widget-date-main--plaque .widget-date-numbers-row--cols .widget-date-label-part {
  color: var(--widget-date-text);
  opacity: 0.82;
}

.widget-date-inner[data-date-text-custom="1"] .widget-date-label {
  color: var(--widget-date-text);
  opacity: 0.88;
}

.widget-date-inner[data-date-text-custom="1"] .widget-date-time-value {
  color: var(--widget-date-text);
}

.widget-date-inner[data-date-text-custom="1"] .widget-date-weekday-line {
  color: var(--widget-date-text);
  opacity: 0.82;
}

.widget-date-inner[data-date-glow="1"] .widget-date-main--custom .widget-date-num,
.widget-date-inner[data-date-glow="1"] .widget-date .widget-date-value,
.widget-date-inner[data-date-glow="1"] .widget-date-time-value {
  text-shadow: 0 0 12px rgba(56, 189, 248, 0.45), 0 0 28px rgba(59, 130, 246, 0.28), 0 1px 2px rgba(0, 0, 0, 0.25);
}

/* Дисплейные шрифты цифр (как у времени) */
.widget-date-inner[data-date-digit-font="orbitron"] .widget-date-main--custom .widget-date-num,
.widget-date-inner[data-date-digit-font="orbitron"] .widget-date .widget-date-value,
.widget-date-inner[data-date-digit-font="orbitron"] .widget-date-time-value {
  font-family: 'Orbitron', var(--font-outfit, system-ui), sans-serif;
}

.widget-date-inner[data-date-digit-font="jetbrains_mono"] .widget-date-main--custom .widget-date-num,
.widget-date-inner[data-date-digit-font="jetbrains_mono"] .widget-date .widget-date-value,
.widget-date-inner[data-date-digit-font="jetbrains_mono"] .widget-date-time-value {
  font-family: 'JetBrains Mono', var(--font-mono, monospace);
}

.widget-date-inner[data-date-digit-font="roboto"] .widget-date-main--custom .widget-date-num,
.widget-date-inner[data-date-digit-font="roboto"] .widget-date .widget-date-value,
.widget-date-inner[data-date-digit-font="roboto"] .widget-date-time-value {
  font-family: 'Roboto', sans-serif;
}

.widget-date-inner[data-date-digit-font="barlow"] .widget-date-main--custom .widget-date-num,
.widget-date-inner[data-date-digit-font="barlow"] .widget-date .widget-date-value,
.widget-date-inner[data-date-digit-font="barlow"] .widget-date-time-value {
  font-family: 'Barlow Condensed', sans-serif;
}

.widget-date-inner[data-date-digit-font="rajdhani"] .widget-date-main--custom .widget-date-num,
.widget-date-inner[data-date-digit-font="rajdhani"] .widget-date .widget-date-value,
.widget-date-inner[data-date-digit-font="rajdhani"] .widget-date-time-value {
  font-family: 'Rajdhani', sans-serif;
}

.widget-date-inner[data-date-digit-font="share_tech"] .widget-date-main--custom .widget-date-num,
.widget-date-inner[data-date-digit-font="share_tech"] .widget-date .widget-date-value,
.widget-date-inner[data-date-digit-font="share_tech"] .widget-date-time-value {
  font-family: 'Share Tech Mono', monospace;
}

/* Одна ячейка (альбом): не задавать font-size от vw/vh — перебивало .player-cell.cells-1 (0.56em) и раздувало
   длинный текст («30 марта…») в сетке пресетов и в многоячеечной раскладке. Масштаб — как у прочих виджетов. */

/* Киоск: базовый размер ячейки — main.css */
.player-wrap[data-screen-orientation="portrait"] .player-cell.widget-date {
  font-size: 1rem;
}

/* Dense 1x1 grid: calmer visuals, tighter spacing, less glow-heavy noise. */
.player-cell.cells-1.widget-date {
  --widget-gap: 0.16rem;
  --widget-block-pad: 2px;
  --player-cell-pad: 0.08em;
}

.player-cell.cells-1.widget-date .widget-date-inner {
  padding: 0.18rem;
  gap: 0.14rem;
  background: rgba(15, 23, 42, 0.18);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12);
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 0;
  text-align: center;
}

[data-theme='light'] .player-cell.cells-1.widget-date:not([data-widget-theme='dark']) .widget-date-inner,
.player-cell.cells-1.widget-date[data-widget-theme='light'] .widget-date-inner {
  background: transparent;
  box-shadow: none;
}

.player-cell.cells-1.widget-date .widget-date-icon {
  width: 0.72em;
  height: 0.72em;
  min-width: 0.72em;
  min-height: 0.72em;
  border-width: 1.5px;
  border-radius: 4px;
  opacity: 0.68;
}

.player-cell.cells-1.widget-date .widget-date-inner > .widget-date-icon {
  margin-left: 0;
}

.player-cell.cells-1.widget-date .widget-date-icon {
  display: none;
}

.player-cell.cells-1.widget-date .widget-date-main {
  gap: 0.02em;
  width: 100%;
  min-width: 0;
  align-items: center;
  justify-content: center;
}

.player-cell.cells-1.widget-date .widget-date-label,
.player-cell.cells-1.widget-date .widget-date-main--custom .widget-date-label-part,
.player-cell.cells-1.widget-date .widget-date-main .widget-date-weekday-line {
  letter-spacing: 0.04em;
  opacity: 0.72;
}

.player-cell.cells-1.widget-date .widget-date-main--custom {
  padding-bottom: 0;
}

.player-cell.cells-1.widget-date .widget-date-main--custom .widget-date-num,
.player-cell.cells-1.widget-date .widget-date .widget-date-value,
.player-cell.cells-1.widget-date .widget-date-time-value {
  text-shadow: none;
  line-height: 1;
}

.player-cell.cells-1.widget-date .widget-date-main--custom .widget-date-sep {
  opacity: 0.58;
  padding-left: 0.05em;
  padding-right: 0.05em;
}

.player-cell.cells-1.widget-date .widget-date-main--custom.widget-date-main--labels-below {
  gap: 0.18rem;
}

.player-cell.cells-1.widget-date .widget-date-main--custom.widget-date-main--inline.widget-date-main--row {
  row-gap: 0.08rem;
  column-gap: 0.14rem;
}

.player-cell.cells-1.widget-date .widget-date-main--custom.widget-date-main--labels-below.widget-date--boxes .widget-date-numbers-row,
.player-cell.cells-1.widget-date .widget-date-main--custom.widget-date--boxes .widget-date-numbers-row--flip-cells,
.player-cell.cells-1.widget-date .widget-date-main--custom.widget-date-main--inline.widget-date-main--row.widget-date--boxes {
  gap: max(var(--widget-date-parts-gap, 0px), 0.18rem);
}

.player-cell.cells-1.widget-date .widget-date-main--custom.widget-date--boxes .widget-date-num--box,
.player-cell.cells-1.widget-date .widget-date-main--custom.widget-date-main--inline.widget-date-main--row.widget-date--boxes .widget-date-num--box {
  border-radius: 4px;
}

.player-cell.cells-1.widget-date .widget-date-plaque-box {
  padding: 0.22rem 0.28rem;
  border-radius: 8px;
  max-width: 100%;
}

.player-cell.cells-1.widget-date .widget-date--long .widget-date-value,
.player-cell.cells-1.widget-date.widget-date--long .widget-date-value {
  font-size: calc(var(--widget-date-long-font-size) * var(--widget-date-digital-scale, 1));
  line-height: 1.12;
  text-wrap: balance;
  max-width: 100%;
}

.player-cell.cells-1.widget-date.widget-date--with-time .widget-date-time-row {
  margin-top: 0.04rem;
}

.player-cell.cells-1.widget-date.widget-date--with-time .widget-date-time-value {
  font-size: calc(0.48em * var(--widget-date-time-scale, 1));
  letter-spacing: 0.03em;
  opacity: 0.84;
}

.player-cell.cells-1.widget-date .widget-date-main .widget-date-weekday-line {
  margin-top: 0.08rem;
  font-size: calc(0.18em * var(--widget-date-weekday-line-scale, 1));
  line-height: 1.05;
}

.player-cell.cells-1.widget-date .widget-date-inner[data-date-glow="1"] .widget-date-main--custom .widget-date-num,
.player-cell.cells-1.widget-date .widget-date-inner[data-date-glow="1"] .widget-date .widget-date-value,
.player-cell.cells-1.widget-date .widget-date-inner[data-date-glow="1"] .widget-date-time-value {
  text-shadow: none;
}