/* =========================================================
   WDT — XI Warsztaty — strona rejestracji
   Namespace klas własnych: wdtrxi-

   Ten plik zakłada, że motyw W Dobrym Tonie ładuje wcześniej:
   - assets/css/base.css
   - assets/css/components.css
   - assets/css/page.css
   - assets/css/xi-warsztaty-hero.css

   Klasy bazowe motywu (wdt-*) pozostają bez zmian.
   ========================================================= */

/* Odstęp pomiędzy hero i sekcją informacyjną. */
.wdtrxi-signup-page .wdtrxi-hero-section {
  padding-bottom: clamp(28px, 3.4vw, 42px);
}

.wdtrxi-signup-info-section {
  padding-top: 0;
}

.wdtrxi-signup-panel {
  overflow: visible;
}

.wdtrxi-signup-heading {
  max-width: 760px;
}

.wdtrxi-signup-heading__lead {
  max-width: 680px;
  margin: var(--wdt-space-5) auto 0;
  color: var(--wdt-muted);
  font-size: var(--wdt-font-size-body-sm);
  line-height: var(--wdt-line-height-copy);
}

/* =========================================================
   Karty z najważniejszymi informacjami
   ========================================================= */

.wdtrxi-signup-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--wdt-space-8);
}

.wdtrxi-signup-card {
  min-width: 0;
  min-height: 154px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(var(--wdt-space-6), 1.8vw, var(--wdt-space-8));
  background: linear-gradient(180deg, var(--wdt-white) 0%, var(--wdt-surface-warm) 100%);
  border: var(--wdt-border-default);
  border-radius: var(--wdt-radius-2xl);
  box-shadow: var(--wdt-shadow-sm);
}

.wdtrxi-signup-card__label,
.wdtrxi-signup-resource__label {
  margin: 0 0 var(--wdt-space-3);
  color: var(--wdt-accent-label);
  font-size: var(--wdt-font-size-xs);
  line-height: 1.2;
  font-weight: var(--wdt-font-weight-eyebrow);
  letter-spacing: var(--wdt-letter-spacing-eyebrow);
  text-transform: uppercase;
}

.wdtrxi-signup-card__value,
.wdtrxi-signup-card__price {
  margin: 0;
  color: var(--wdt-text);
  font-family: var(--wdt-title-font);
  line-height: var(--wdt-line-height-title);
  font-weight: var(--wdt-font-weight-heading);
  letter-spacing: var(--wdt-letter-spacing-heading);
}

.wdtrxi-signup-card__value {
  font-size: clamp(1.18rem, 2vw, 1.55rem);
}

.wdtrxi-signup-card__value--large,
.wdtrxi-signup-card__price {
  font-size: clamp(1.75rem, 3.2vw, 2.5rem);
}

.wdtrxi-signup-card__extras {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--wdt-space-5);
  margin-top: var(--wdt-space-5);
}

.wdtrxi-signup-card__extra {
  min-width: 0;
  padding-top: var(--wdt-space-4);
  border-top: var(--wdt-border-divider-soft);
}

.wdtrxi-signup-card__extra-label {
  display: block;
  margin-bottom: var(--wdt-space-2);
  color: var(--wdt-muted);
  font-size: var(--wdt-font-size-meta);
  line-height: 1.3;
  font-weight: var(--wdt-font-weight-semibold);
}

.wdtrxi-signup-card__extra-price {
  display: block;
  color: var(--wdt-text);
  font-family: var(--wdt-title-font);
  font-size: clamp(1.12rem, 1.7vw, 1.42rem);
  line-height: 1.2;
  font-weight: var(--wdt-font-weight-heading);
}

.wdtrxi-signup-card__extra-price span {
  color: var(--wdt-muted);
  font-family: var(--wdt-font-family);
  font-size: .72em;
  font-weight: var(--wdt-font-weight-medium);
  white-space: nowrap;
}

.wdtrxi-signup-card__meta {
  margin: var(--wdt-space-4) 0 0;
  color: var(--wdt-muted);
  font-size: var(--wdt-font-size-meta);
  line-height: 1.55;
}

.wdtrxi-signup-card__map {
  color: var(--wdt-link);
  font-weight: var(--wdt-font-weight-semibold);
  text-decoration: none;
}

.wdtrxi-signup-card__map:hover,
.wdtrxi-signup-card__map:focus-visible {
  color: var(--wdt-link-hover);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* =========================================================
   Materiały do pobrania
   ========================================================= */

.wdtrxi-signup-resources {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--wdt-space-8);
  margin-top: var(--wdt-space-8);
  padding-top: var(--wdt-space-8);
  border-top: var(--wdt-border-divider-soft);
}

.wdtrxi-signup-resource {
  min-width: 0;
  min-height: 176px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--wdt-space-9);
  padding: clamp(var(--wdt-space-8), 2.2vw, var(--wdt-space-10));
  background: linear-gradient(135deg, rgba(36, 56, 77, .055) 0%, rgba(255, 144, 0, .045) 100%);
  border: 1px solid rgba(var(--wdt-rgb-blue), .16);
  border-radius: var(--wdt-radius-2xl);
}

.wdtrxi-signup-resource__copy {
  min-width: 0;
}

.wdtrxi-signup-resource__copy h3 {
  margin: 0;
  color: var(--wdt-text);
  font-family: var(--wdt-title-font);
  font-size: clamp(1.14rem, 1.8vw, 1.4rem);
  line-height: var(--wdt-line-height-heading);
  font-weight: var(--wdt-font-weight-heading);
}

.wdtrxi-signup-resource__copy p:not(.wdtrxi-signup-resource__label) {
  max-width: 480px;
  margin: var(--wdt-space-3) 0 0;
  color: var(--wdt-muted);
  font-size: var(--wdt-font-size-meta);
  line-height: 1.55;
}

.wdtrxi-signup-resource__button {
  flex: 0 0 auto;
  min-width: 210px;
  transition: filter .22s ease;
}

.wdtrxi-signup-resource__button:hover,
.wdtrxi-signup-resource__button:focus-visible {
  filter: brightness(1.045);
}

.wdtrxi-signup-resource__button:disabled {
  opacity: .52;
  cursor: not-allowed;
  filter: grayscale(.12);
}

/* =========================================================
   Kontener formularza rejestracyjnego
   ========================================================= */

.wdtrxi-signup-form-shell {
  margin-top: var(--wdt-space-10);
  padding-top: var(--wdt-space-10);
  border-top: var(--wdt-border-divider-soft);
}

.wdtrxi-signup-form-heading {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
}

.wdtrxi-signup-form-heading__lead {
  max-width: 700px;
  margin: var(--wdt-space-5) auto 0;
  color: var(--wdt-muted);
  font-size: var(--wdt-font-size-body-sm);
  line-height: var(--wdt-line-height-copy);
}

.wdtrxi-signup-form-placeholder {
  min-height: clamp(260px, 30vw, 380px);
  display: flex;
  margin-top: var(--wdt-space-8);
  padding: clamp(var(--wdt-space-8), 3vw, var(--wdt-space-12));
  background: linear-gradient(180deg, var(--wdt-white) 0%, var(--wdt-surface-warm) 100%);
  border: var(--wdt-border-default);
  border-radius: var(--wdt-radius-2xl);
  box-shadow: var(--wdt-shadow-sm);
}

.wdtrxi-signup-form-placeholder p {
  max-width: 700px;
  margin: 0;
  color: var(--wdt-muted);
  font-size: clamp(.96rem, 1.4vw, 1.08rem);
  line-height: var(--wdt-line-height-copy);
}

/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 860px) {
  .wdtrxi-signup-resource {
    align-items: stretch;
    flex-direction: column;
  }

  .wdtrxi-signup-resource__button {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 680px) {
  .wdtrxi-signup-grid,
  .wdtrxi-signup-resources {
    grid-template-columns: 1fr;
  }

  .wdtrxi-signup-card {
    min-height: 0;
  }

  .wdtrxi-signup-card__extras {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wdtrxi-signup-heading__lead,
  .wdtrxi-signup-form-heading__lead {
    font-size: .9rem;
  }

  .wdtrxi-signup-form-shell {
    margin-top: var(--wdt-space-8);
    padding-top: var(--wdt-space-8);
  }

  .wdtrxi-signup-form-placeholder {
    min-height: 220px;
    margin-top: var(--wdt-space-6);
    padding: var(--wdt-space-8) var(--wdt-space-6);
  }
}

@media (max-width: 420px) {
  .wdtrxi-signup-card__extras {
    grid-template-columns: 1fr;
    gap: var(--wdt-space-3);
  }
}