/**
 * return-summary.css — karta podsumowania zgłoszenia zwrotu
 * (template-parts/account/return-summary.php): licznik worków, waga,
 * wartość, ostrzeżenie o koszcie odesłania, przycisk, podpowiedź.
 *
 * Wymaga tokens.css, base.css i components/notice.css (ostrzeżenie).
 * Prefiks .dc-return-summary__.
 *
 * TEN SAM PRZEPIS CO checkout-summary.css: karta glass-soft r28 z cieniem
 * stopnia 3, nadtytuł z C.8, sticky w kolumnie, przycisk rangi 1 jako
 * jedyna poświata. Makietowe 52 px licznika -> --dc-numeral-lg (44).
 *
 * OSTRZEŻENIE: .dc-notice--info z komponentu, tu tylko układ pionowy
 * tytuł/tekst (komponent ustawia treść w wierszu z akcją po prawej)
 * i „gorąca" odmiana przy odstąpieniu — obwódka a50 + pierścień a10,
 * czyli przepis wiersza akcyzy w kasie, nie nowy kształt.
 */

/* ==========================================================================
   1. KARTA
   ========================================================================== */

.dc-return-summary {
  position: sticky;
  top: var(--dc-space-24);
  flex: 1 1 var(--dc-measure-sm);
  align-self: flex-start;
  min-width: 0;
  padding: var(--dc-space-28);
  border: var(--dc-border) solid var(--dc-border-subtle);
  border-radius: var(--dc-radius-28);
  background-color: var(--dc-surface-glass-soft);
  -webkit-backdrop-filter: var(--dc-blur-lg);
  backdrop-filter: var(--dc-blur-lg);
  box-shadow: var(--dc-shadow-xl), var(--dc-shadow-inset-top);
}

.dc-return-summary__eyebrow {
  margin-block-end: var(--dc-space-18);
  font-size: var(--dc-text-sm);
  font-weight: var(--dc-weight-medium);
  line-height: var(--dc-leading-normal);
  letter-spacing: var(--dc-tracking-widest);
  text-transform: uppercase;
  color: var(--dc-accent-strong);
}

/* ==========================================================================
   2. LICZNIK I WIERSZE
   ========================================================================== */

.dc-return-summary__count {
  display: flex;
  align-items: baseline;
  gap: var(--dc-space-10);
}

.dc-return-summary__number {
  font-family: var(--dc-font-display);
  font-size: var(--dc-numeral-lg);
  font-weight: var(--dc-weight-black);
  line-height: var(--dc-leading-none);
  letter-spacing: var(--dc-tracking-tighter);
  font-variant-numeric: tabular-nums;
  color: var(--dc-text);
  transition: color var(--dc-duration-base) var(--dc-ease);
}

.dc-return-summary__number--zero {
  color: var(--dc-text-subtle);
}

.dc-return-summary__unit {
  font-family: var(--dc-font-display);
  font-size: var(--dc-text-2xl);
  font-weight: var(--dc-weight-bold);
  color: var(--dc-text-secondary);
}

.dc-return-summary__rows {
  margin-block-start: var(--dc-space-20);
}

.dc-return-summary__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--dc-space-12);
  padding-block: var(--dc-space-10);
  border-block-end: var(--dc-border) solid var(--dc-border-line);
}

.dc-return-summary__label {
  font-size: var(--dc-text-md);
  color: var(--dc-text-muted);
}

.dc-return-summary__value {
  font-family: var(--dc-font-display);
  font-size: var(--dc-text-lg);
  font-weight: var(--dc-weight-bold);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  color: var(--dc-text);
}

/* ==========================================================================
   3. OSTRZEŻENIE O KOSZCIE ODESŁANIA
   ========================================================================== */

.dc-return-summary__notice {
  align-items: flex-start;
  margin-block-start: var(--dc-space-22);
  transition: box-shadow var(--dc-duration-base) var(--dc-ease);
}

.dc-return-summary__notice .dc-notice__body {
  display: block;
  font-family: var(--dc-font-body);
  font-weight: 400;
}

.dc-return-summary__notice-title {
  display: block;
  font-family: var(--dc-font-display);
  font-size: var(--dc-text-md);
  font-weight: var(--dc-weight-bold);
  line-height: var(--dc-leading-snug);
}

.dc-return-summary__notice-text {
  display: block;
  margin-block-start: var(--dc-space-4);
  font-size: var(--dc-text-base);
  line-height: var(--dc-leading-normal);
}

.dc-return-summary__notice--hot {
  border-color: var(--dc-accent-a50);
  box-shadow: 0 0 0 var(--dc-space-4) var(--dc-accent-a10);
}

/* ==========================================================================
   4. PRZYCISK I PODPOWIEDŹ
   Ranga 1; nieaktywny wg C.1: sunken, obwódka line, tekst subtle, bez
   cienia. Blokada przez aria-disabled, nie disabled — przycisk zostaje
   w drzewie fokusu, a podpowiedź pod nim mówi, czego brakuje.
   ========================================================================== */

.dc-return-summary__submit {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--dc-space-8);
  width: 100%;
  margin-block-start: var(--dc-space-22);
  padding: var(--dc-space-18) var(--dc-space-24);
  border: var(--dc-border) solid var(--dc-accent-a50);
  border-radius: var(--dc-radius-16);
  background-image: var(--dc-gradient-cta);
  box-shadow: var(--dc-shadow-accent), var(--dc-shadow-inset-top);
  color: var(--dc-on-accent);
  font-size: var(--dc-text-lg);
  font-weight: var(--dc-weight-bold);
  line-height: var(--dc-leading-none);
  transition:
    background-color var(--dc-duration-base) var(--dc-ease),
    border-color var(--dc-duration-base) var(--dc-ease),
    color var(--dc-duration-base) var(--dc-ease),
    box-shadow var(--dc-duration-base) var(--dc-ease),
    transform var(--dc-duration-fast) var(--dc-ease-out);
}

.dc-return-summary__submit:hover {
  background-color: var(--dc-accent-a50);
}

.dc-return-summary__submit:active {
  transform: scale(0.97);
  box-shadow: var(--dc-shadow-accent), var(--dc-shadow-inset-press);
}

.dc-return-summary__submit:focus-visible {
  border-radius: var(--dc-radius-16);
}

.dc-return-summary__submit[aria-disabled='true'],
.dc-return-summary__submit[aria-disabled='true']:hover {
  border-color: var(--dc-border-line);
  background-color: var(--dc-surface-sunken);
  background-image: none;
  box-shadow: none;
  color: var(--dc-text-subtle);
  cursor: not-allowed;
}

.dc-return-summary__submit[aria-disabled='true']:active {
  transform: none;
}

.dc-return-summary__submit[aria-busy='true'] {
  cursor: progress;
}

.dc-return-summary__hint {
  margin-block-start: var(--dc-space-12);
  font-size: var(--dc-text-sm);
  line-height: var(--dc-leading-normal);
  text-align: center;
  color: var(--dc-text-subtle);
}

@media (max-width: 40em) {
  .dc-return-summary {
    position: static;
    padding: var(--dc-space-22);
  }
}

@media (prefers-reduced-motion: reduce) {
  .dc-return-summary__number,
  .dc-return-summary__notice,
  .dc-return-summary__submit {
    transition: none;
  }
}