/*
 * CarePeople Learning Styles
 * Site: Blog 2 / cp.echtagentur.net
 * Zweck: zentrale Styling-Anpassungen fuer Learning-Portal, Checkout, Dashboard und Kursseiten.
 */

:root {
  --cp-learning-primary: #6387a9;
  --cp-learning-primary-dark: #4d7193;
  --cp-learning-text: #193229;
  --cp-learning-muted: #5d6b64;
  --cp-learning-border: rgba(25, 50, 41, 0.12);
  --cp-learning-bg-soft: #f4f7f3;
}

/* Placeholder: konkrete Checkout-/Dashboard-Styles kommen als naechstes rein. */

/* Checkout Layout Fix: LifterLMS nutzt konkret .llms-checkout.llms-checkout-cols-2 mit zwei direkten Spalten */
@media (min-width: 960px) {
  body.page-id-60 .llms-checkout.llms-checkout-cols-2 {
    display: grid !important;
    grid-template-columns: minmax(0, 58%) minmax(320px, 42%) !important;
    column-gap: clamp(28px, 4vw, 54px) !important;
    row-gap: 0 !important;
    align-items: start !important;
  }

  body.page-id-60 .llms-checkout.llms-checkout-cols-2 > .llms-checkout-col {
    float: none !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
  }

  body.page-id-60 .llms-checkout.llms-checkout-cols-2 > .llms-col-1 {
    grid-column: 1 !important;
  }

  body.page-id-60 .llms-checkout.llms-checkout-cols-2 > .llms-col-2 {
    grid-column: 2 !important;
  }

  body.page-id-60 .llms-checkout.llms-checkout-cols-2::before,
  body.page-id-60 .llms-checkout.llms-checkout-cols-2::after {
    content: none !important;
    display: none !important;
  }
}

@media (max-width: 959px) {
  body.page-id-60 .llms-checkout.llms-checkout-cols-2 {
    display: block !important;
  }

  body.page-id-60 .llms-checkout.llms-checkout-cols-2 > .llms-checkout-col {
    float: none !important;
    width: auto !important;
    max-width: none !important;
  }
}

/* Globales Formular-Styling Learning, angelehnt an CarePeople Main */
body {
  color: var(--cp-learning-text);
}

body input[type="text"],
body input[type="email"],
body input[type="password"],
body input[type="tel"],
body input[type="url"],
body input[type="number"],
body input[type="search"],
body select,
body textarea,
body.page-id-60 .llms-field-input,
body.page-id-60 .llms-field-select,
body.page-id-60 .wpforms-container input[type="text"],
body.page-id-60 .wpforms-container input[type="email"],
body.page-id-60 .wpforms-container input[type="password"],
body.page-id-60 .wpforms-container input[type="tel"],
body.page-id-60 .wpforms-container input[type="url"],
body.page-id-60 .wpforms-container input[type="number"],
body.page-id-60 .wpforms-container select,
body.page-id-60 .wpforms-container textarea {
  box-sizing: border-box;
  width: 100%;
  height: 38px;
  border: 1px solid var(--cp-learning-primary) !important;
  border-radius: 20px !important;
  background: transparent;
  color: var(--cp-learning-text);
  font: inherit;
  font-size: 16px;
  line-height: 1.4;
  padding: 6px 14px;
  box-shadow: none !important;
  outline: none;
}

body textarea,
body.page-id-60 .wpforms-container textarea {
  min-height: 130px;
  resize: vertical;
}

body input:focus,
body select:focus,
body textarea:focus,
body.page-id-60 .llms-field-input:focus,
body.page-id-60 .llms-field-select:focus,
body.page-id-60 .wpforms-container input:focus,
body.page-id-60 .wpforms-container select:focus,
body.page-id-60 .wpforms-container textarea:focus {
  border-color: var(--cp-learning-primary-dark) !important;
  box-shadow: 0 0 0 3px rgba(99, 135, 169, 0.16) !important;
}

body label,
body.page-id-60 .llms-label,
body.page-id-60 .wpforms-field-label {
  color: var(--cp-learning-text);
  font-weight: 700;
  margin-bottom: 8px;
}

body.page-id-60 .llms-form-field,
body.page-id-60 .wpforms-field {
  margin-bottom: 18px;
}

body.page-id-60 .llms-required,
body.page-id-60 .wpforms-required-label {
  color: var(--cp-learning-primary-dark);
}

body.page-id-60 .llms-description,
body.page-id-60 .wpforms-field-description,
body.page-id-60 .wpforms-field-sublabel,
body.page-id-60 .llms-field-description {
  color: var(--cp-learning-muted);
  font-size: 14px;
  line-height: 1.45;
}

body button:not(.mejs-button > button):not(.mejs-overlay-button),
body input[type="submit"],
body .button,
body.page-id-60 .llms-button-action,
body.page-id-60 .llms-button-primary,
body.page-id-60 .llms-field-button,
body.page-id-60 .wpforms-submit,
body div.wpforms-container-full button[type="submit"] {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  border: 2px solid transparent !important;
  border-radius: 999px !important;
  background: var(--cp-learning-primary) !important;
  color: #fff !important;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none !important;
  padding: 0 22px;
  box-shadow: none !important;
  cursor: pointer;
  transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}

body button:not(.mejs-button > button):not(.mejs-overlay-button):hover,
body input[type="submit"]:hover,
body .button:hover,
body.page-id-60 .llms-button-action:hover,
body.page-id-60 .llms-button-primary:hover,
body.page-id-60 .llms-field-button:hover,
body.page-id-60 .wpforms-submit:hover,
body div.wpforms-container-full button[type="submit"]:hover {
  background: transparent !important;
  color: var(--cp-learning-primary) !important;
  border-color: var(--cp-learning-primary) !important;
}

body button:not(.mejs-button > button):not(.mejs-overlay-button):focus-visible,
body input[type="submit"]:focus-visible,
body .button:focus-visible,
body.page-id-60 .llms-button-action:focus-visible,
body.page-id-60 .llms-button-primary:focus-visible,
body.page-id-60 .llms-field-button:focus-visible,
body.page-id-60 .wpforms-submit:focus-visible {
  outline: 2px dotted var(--cp-learning-primary-dark);
  outline-offset: 3px;
}

body.page-id-60 .llms-notice,
body.page-id-60 .wpforms-confirmation-container-full,
body.page-id-60 .wpforms-error-container {
  border-radius: 18px;
  border: 1px solid var(--cp-learning-border);
  padding: 16px 18px;
}

body .select2-container .select2-selection,
body .choices__inner,
body .choices__list--dropdown {
  border: 1px solid var(--cp-learning-primary) !important;
  border-radius: 20px !important;
  background: transparent !important;
  height: 38px;
}

/* CarePeople Learning: WordPress/MediaElement video controls must not inherit pill button styling. */
body .mejs-container button,
body .mejs-container button:hover,
body .mejs-container button:focus,
body .mejs-container button:focus-visible,
body .mejs-overlay-button,
body .mejs-overlay-button:hover,
body .mejs-overlay-button:focus,
body .mejs-overlay-button:focus-visible {
  appearance: auto !important;
  display: block !important;
  align-items: initial !important;
  justify-content: initial !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  color: inherit !important;
  font: inherit !important;
  line-height: normal !important;
  text-decoration: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}