/* Teddy Eddie page specific polish styles */

.teddy-eddie-page [id^="formularz"],
.teddy-eddie-page [id="metoda"],
.teddy-eddie-page [id="sprawdz-przed-zapisem"] {
  scroll-margin-top: 120px;
}

/* Hero cards */
.teddy-eddie-page .te-cards-4 {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 18px !important;
  margin-top: 0 !important;
}

.teddy-eddie-page .te-card,
.teddy-eddie-page .te-why-card,
.teddy-eddie-page .te-offer-card {
  border: 1px solid #dce0dc !important;
  border-radius: 22px !important;
  box-shadow: 0 12px 26px rgba(47, 62, 54, 0.07) !important;
  padding: 28px 22px !important;
  box-sizing: border-box !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  background: #ffffff !important;
}

.teddy-eddie-page .te-card:hover,
.teddy-eddie-page .te-why-card:hover,
.teddy-eddie-page .te-offer-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 32px rgba(47, 62, 54, 0.1) !important;
}

.teddy-eddie-page .te-why-top,
.teddy-eddie-page .te-offer-top {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 32px !important;
}

.teddy-eddie-page .te-why-top__text,
.teddy-eddie-page .te-offer-top__text,
.teddy-eddie-page .te-why-top__image,
.teddy-eddie-page .te-offer-top__image {
  flex: 1 1 440px !important;
  min-width: 300px !important;
}

.teddy-eddie-page .te-why-cards,
.teddy-eddie-page .te-offer-cards {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
  gap: 22px !important;
}

.teddy-eddie-page .forum-te-team-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 24px !important;
}

.teddy-eddie-page .forum-te-team-grid > div {
  background: #f3f6f1 !important;
  border-radius: 22px !important;
  padding: 24px 18px !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.05) !important;
}

.teddy-eddie-page .forum-te-team-grid img {
  width: 130px !important;
  height: 130px !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  margin: 0 auto 14px auto !important;
  display: block !important;
}

.teddy-eddie-page .wpforms-container {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.teddy-eddie-page .wpforms-field-label {
  margin-bottom: 10px !important;
}

.teddy-eddie-page .wpforms-field-radio ul {
  gap: 14px !important;
}

.teddy-eddie-page .wpforms-field-radio li {
  margin: 0 !important;
}

.teddy-eddie-page .wpforms-field-radio li label {
  min-height: 82px !important;
  padding: 14px 12px !important;
  border-radius: 16px !important;
}

.teddy-eddie-page .wpforms-submit {
  min-width: 230px !important;
}

.teddy-eddie-page .wpforms-submit:hover {
  filter: brightness(0.95) !important;
}

.teddy-eddie-page .interest-grid ul {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(180px, 1fr)) !important;
  gap: 14px !important;
}

.teddy-eddie-page .interest-grid li label {
  min-height: 72px !important;
}

/* Video layout */
.teddy-eddie-page table[role="presentation"] {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 22px 0 !important;
  margin-bottom: 16px !important;
}

.teddy-eddie-page table[role="presentation"] tbody {
  display: block !important;
  width: 100% !important;
}

.teddy-eddie-page table[role="presentation"] tr {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(280px, 1fr)) !important;
  gap: 22px !important;
}

.teddy-eddie-page table[role="presentation"] td {
  display: block !important;
  width: auto !important;
  padding: 0 !important;
}

.teddy-eddie-page iframe {
  min-height: 315px !important;
}

@media (max-width: 1000px) {
  .teddy-eddie-page .te-why-top,
  .teddy-eddie-page .te-offer-top {
    gap: 24px !important;
  }

  .teddy-eddie-page .te-card,
  .teddy-eddie-page .te-why-card,
  .teddy-eddie-page .te-offer-card {
    padding: 24px 18px !important;
  }
}

@media (max-width: 900px) {
  .teddy-eddie-page table[role="presentation"] tr {
    grid-template-columns: 1fr !important;
  }

  .teddy-eddie-page .wpforms-container {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .teddy-eddie-page .interest-grid ul,
  .teddy-eddie-page .wpforms-field-radio ul {
    grid-template-columns: 1fr !important;
  }
}

/* Teddy Eddie CTAs: keep every button on the shared brand palette. */
body .teddy-eddie-page .te-card a,
body .teddy-eddie-page .te-why-card a,
body .teddy-eddie-page .te-offer-card a,
body .teddy-eddie-page a.forum-cta-primary,
body .teddy-eddie-page a.forum-cta-secondary,
body .teddy-eddie-page .forum-button-primary,
body .teddy-eddie-page button[type="submit"],
body .teddy-eddie-page input[type="submit"],
body .teddy-eddie-page input[type="button"] {
    background: var(--forum-primary) !important;
    background-color: var(--forum-primary) !important;
    border-color: var(--forum-primary) !important;
    color: var(--forum-on-primary) !important;
    text-decoration: none !important;
}

body .teddy-eddie-page .te-card a:hover,
body .teddy-eddie-page .te-card a:focus-visible,
body .teddy-eddie-page .te-why-card a:hover,
body .teddy-eddie-page .te-why-card a:focus-visible,
body .teddy-eddie-page .te-offer-card a:hover,
body .teddy-eddie-page .te-offer-card a:focus-visible,
body .teddy-eddie-page a.forum-cta-primary:hover,
body .teddy-eddie-page a.forum-cta-primary:focus-visible,
body .teddy-eddie-page a.forum-cta-secondary:hover,
body .teddy-eddie-page a.forum-cta-secondary:focus-visible,
body .teddy-eddie-page .forum-button-primary:hover,
body .teddy-eddie-page .forum-button-primary:focus-visible,
body .teddy-eddie-page button[type="submit"]:hover,
body .teddy-eddie-page button[type="submit"]:focus-visible,
body .teddy-eddie-page input[type="submit"]:hover,
body .teddy-eddie-page input[type="submit"]:focus-visible,
body .teddy-eddie-page input[type="button"]:hover,
body .teddy-eddie-page input[type="button"]:focus-visible {
    background: var(--forum-primary-hover) !important;
    background-color: var(--forum-primary-hover) !important;
    border-color: var(--forum-primary-hover) !important;
    color: var(--forum-on-primary) !important;
}

/* Keep the Teddy Eddie form button readable in every state. */
body .teddy-eddie-page .wpforms-submit,
body .teddy-eddie-page .wpforms-submit:hover,
body .teddy-eddie-page .wpforms-submit:focus,
body .teddy-eddie-page .wpforms-submit:active {
    background: var(--forum-primary) !important;
    background-color: var(--forum-primary) !important;
    border-color: var(--forum-primary) !important;
    color: var(--forum-on-primary, #FFFFFF) !important;
    -webkit-text-fill-color: var(--forum-on-primary, #FFFFFF) !important;
}

body .teddy-eddie-page .wpforms-submit:hover,
body .teddy-eddie-page .wpforms-submit:focus,
body .teddy-eddie-page .wpforms-submit:active {
    background: var(--forum-primary-hover, #0F2C21) !important;
    background-color: var(--forum-primary-hover, #0F2C21) !important;
    border-color: var(--forum-primary-hover, #0F2C21) !important;
}

/* Normalize inline-styled CTA links such as the ebook download button. */
body .teddy-eddie-page a[style*="background" i],
body .teddy-eddie-page a[style*="background" i]:hover,
body .teddy-eddie-page a[style*="background" i]:focus,
body .teddy-eddie-page a[style*="background" i]:active {
    background: var(--forum-primary) !important;
    background-color: var(--forum-primary) !important;
    border-color: var(--forum-primary) !important;
    color: var(--forum-on-primary, #FFFFFF) !important;
    -webkit-text-fill-color: var(--forum-on-primary, #FFFFFF) !important;
}

body .teddy-eddie-page a[style*="background" i]:hover,
body .teddy-eddie-page a[style*="background" i]:focus,
body .teddy-eddie-page a[style*="background" i]:active {
    background: var(--forum-primary-hover, #0F2C21) !important;
    background-color: var(--forum-primary-hover, #0F2C21) !important;
    border-color: var(--forum-primary-hover, #0F2C21) !important;
}