/* yandex-upload.css — split from orders.css (Yandex upload/dropzone helpers) */

/* Зона загрузки для Яндекс.Диска */
.yadisk-dropzone {
  border: 1px dashed var(--fx-border);
  border-radius: var(--fx-radius);
  background: var(--fx-card);
  box-shadow: var(--fx-shadow);
  padding: 1.5rem;
  min-height: 96px;

  display: flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;
  transition:
    border-color .15s ease,
    box-shadow .15s ease,
    background-color .15s ease,
    transform .1s ease;
}

.yadisk-dropzone-inner {
  max-width: 320px;
}

/* hover/focus — тёплый оранжевый акцент */
.yadisk-dropzone:hover,
.yadisk-dropzone:focus-within {
  border-color: var(--bs-primary);
  background: var(--fx-bg); /* чуть теплее var(--fx-bg) */
  box-shadow: var(--fx-shadow-lg);
  transform: translateY(-1px);
}

/* Состояние "тащат файл" — можно ставить класс dragover из JS */
.yadisk-dropzone.dragover {
  border-color: var(--fx-extra-accent);
  background: var(--fx-extra-bg);
}

/* Yandex dir picker row — make whole row clickable and visually respond on hover */
.ydp-row {
  cursor: pointer;
  padding: 6px 8px;
  border-radius: 6px;
}
.ydp-row:hover {
  background: color-mix(in srgb, var(--surface), black 4%);
  text-decoration: none; /* avoid link-underlines if any */
}
.ydp-row:focus {
  outline: none;
  box-shadow: 0 0 0 .12rem color-mix(in srgb, var(--focus), black 15%);
}