/* Teddy Eddie - tmavší prémiový modrý gradient */

.te-form {
  background:
    radial-gradient(circle at top left, rgba(0, 122, 204, 0.30), transparent 34%),
    radial-gradient(circle at top right, rgba(0, 84, 166, 0.22), transparent 30%),
    radial-gradient(circle at bottom left, rgba(0, 155, 220, 0.18), transparent 32%),
    linear-gradient(180deg, #f8fcff 0%, #dceeff 100%) !important;
  border: 1px solid rgba(0, 76, 153, 0.38) !important;
  box-shadow: 0 26px 75px rgba(0, 61, 125, 0.22) !important;
}

.te-form::before {
  background: rgba(0, 92, 184, 0.22) !important;
}

.te-form::after {
  background: rgba(0, 143, 209, 0.16) !important;
}

.te-badge {
  background: linear-gradient(135deg, #006ecb 0%, #004b99 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(0, 76, 153, 0.24) !important;
}

.te-form-header h3 {
  color: #003766 !important;
}

.te-form-header p {
  color: #35536f !important;
}

.te-section {
  background: rgba(255, 255, 255, 0.96) !important;
  border: 1px solid rgba(0, 92, 184, 0.28) !important;
  box-shadow: 0 12px 30px rgba(0, 76, 153, 0.09) !important;
}

.te-section h4,
.te-conditions h4,
.te-course-duration strong {
  color: #0057a8 !important;
}

.te-course-duration,
.te-payment .wpcf7-list-item label,
.te-declaration {
  background: #dceeff !important;
  border-color: #78b8eb !important;
  color: #003766 !important;
}

.te-payment .wpcf7-list-item label:hover {
  background: #cbe6ff !important;
  border-color: #0057a8 !important;
}

.te-form input[type="text"],
.te-form input[type="email"],
.te-form input[type="tel"],
.te-form input[type="date"],
.te-form select,
.te-form textarea {
  border-color: #78b8eb !important;
}

.te-form input[type="text"]:focus,
.te-form input[type="email"]:focus,
.te-form input[type="tel"]:focus,
.te-form input[type="date"]:focus,
.te-form select:focus,
.te-form textarea:focus {
  border-color: #0057a8 !important;
  box-shadow: 0 0 0 4px rgba(0, 87, 168, 0.16) !important;
}

.te-form input[type="submit"],
.te-form input[type="submit"].te-submit {
  background: linear-gradient(135deg, #0077d9 0%, #004b99 100%) !important;
  box-shadow: 0 16px 34px rgba(0, 75, 153, 0.36) !important;
}

.te-form input[type="submit"]:hover,
.te-form input[type="submit"].te-submit:hover {
  background: linear-gradient(135deg, #006bc4 0%, #003f82 100%) !important;
  box-shadow: 0 20px 42px rgba(0, 75, 153, 0.44) !important;
}/* Teddy Eddie - oprava hranatého vzhľadu na mobile */

@media (max-width: 767px) {

  .te-form {
    border-radius: 28px !important;
    overflow: hidden !important;
  }

  .te-section,
  .te-conditions,
  .te-gdpr,
  .te-course-duration,
  .te-declaration {
    border-radius: 22px !important;
  }

  .te-form input[type="text"],
  .te-form input[type="email"],
  .te-form input[type="tel"],
  .te-form input[type="date"],
  .te-form select,
  .te-form textarea {
    -webkit-appearance: none !important;
    appearance: none !important;
    border-radius: 18px !important;
    background-color: #ffffff !important;
    border: 1px solid #7db9e8 !important;
    box-shadow: 0 4px 14px rgba(0, 76, 153, 0.06) !important;
  }

  .te-form select {
    background-image:
      linear-gradient(45deg, transparent 50%, #0057a8 50%),
      linear-gradient(135deg, #0057a8 50%, transparent 50%),
      linear-gradient(to right, transparent, transparent);
    background-position:
      calc(100% - 20px) 50%,
      calc(100% - 14px) 50%,
      100% 0;
    background-size:
      6px 6px,
      6px 6px,
      2.5em 2.5em;
    background-repeat: no-repeat;
    padding-right: 42px !important;
  }

  .te-form input[type="date"] {
    min-height: 48px !important;
  }

  .te-payment .wpcf7-list-item label {
    border-radius: 18px !important;
    background: linear-gradient(180deg, #eef8ff 0%, #dceeff 100%) !important;
    border: 1px solid #7db9e8 !important;
    box-shadow: 0 5px 14px rgba(0, 76, 153, 0.07) !important;
  }

  .te-payment input[type="radio"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    border-radius: 50% !important;
    border: 2px solid #0057a8 !important;
    background: #ffffff !important;
    position: relative !important;
  }

  .te-payment input[type="radio"]:checked {
    background:
      radial-gradient(circle, #0057a8 0%, #0057a8 42%, #ffffff 45%, #ffffff 100%) !important;
  }

  .te-gdpr input[type="checkbox"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 19px !important;
    height: 19px !important;
    min-width: 19px !important;
    border-radius: 6px !important;
    border: 2px solid #0057a8 !important;
    background: #ffffff !important;
    position: relative !important;
  }

  .te-gdpr input[type="checkbox"]:checked {
    background: #0057a8 !important;
    border-color: #0057a8 !important;
  }

  .te-gdpr input[type="checkbox"]:checked::after {
    content: "✓";
    position: absolute;
    top: -3px;
    left: 3px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 900;
  }

  .te-form input[type="submit"],
  .te-form input[type="submit"].te-submit {
    -webkit-appearance: none !important;
    appearance: none !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #0077d9 0%, #004b99 100%) !important;
    box-shadow: 0 14px 30px rgba(0, 75, 153, 0.34) !important;
  }
}/* Teddy Eddie - premium hero banner na mobile */

@media (max-width: 767px) {

  .teddy-hero-mobile {
    position: relative !important;
    min-height: 360px !important;
    margin-top: 0 !important;
    margin-bottom: 34px !important;
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    overflow: hidden !important;
  }

  .teddy-hero-mobile::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
      linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.02) 0%,
        rgba(255, 255, 255, 0.00) 45%,
        rgba(255, 255, 255, 0.72) 82%,
        #ffffff 100%
      ) !important;
    z-index: 1 !important;
    pointer-events: none !important;
  }

  .teddy-hero-mobile::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
      radial-gradient(circle at top left, rgba(0, 140, 220, 0.16), transparent 38%),
      linear-gradient(180deg, rgba(0, 55, 110, 0.05) 0%, rgba(255, 255, 255, 0) 60%) !important;
    z-index: 2 !important;
    pointer-events: none !important;
  }

  .teddy-hero-mobile > .vc_column_container,
  .teddy-hero-mobile > .wpb_column {
    position: relative !important;
    z-index: 3 !important;
  }
}