/*
 * Desktop layout corrections for theme 1.1.1.
 *
 * The smartphone layout is intentionally untouched. These rules are loaded
 * after the approved layout and WordPress integration styles so that old
 * fixed-coordinate rules cannot reintroduce overlaps.
 */
@media (min-width: 821px) {
  /* News article: restore breathing room above NEWS. */
  body[data-page="news"] .simple-page-title,
  body.single-fsc_news .simple-page-title {
    padding: 26px 0 30px;
  }

  /* Contact: added guidance and legal notes must stay in normal flow. */
  body[data-page="contact"] main > .section {
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 95px !important;
  }

  body[data-page="contact"] .contact-form-guidance {
    width: min(100%, 733px);
  }

  body[data-page="contact"] .contact-notes {
    position: static !important;
  }

  /* Course archive: each registered schedule carries its own venue. */
  body[data-page="courses"] .course-meta {
    grid-template-columns: 520px 250px 210px !important;
  }

  /* Consulting: expanded guidance and notes must participate in normal flow. */
  body[data-page="consulting"] .consulting-form-section {
    height: auto !important;
    min-height: 0 !important;
    padding: 69px 0 95px !important;
  }

  body[data-page="consulting"] .consulting-intro {
    position: static !important;
    height: auto !important;
    min-height: 0 !important;
    margin-bottom: 46px !important;
  }

  body[data-page="consulting"] .consulting-intro > p {
    position: static !important;
    width: min(100%, 733px) !important;
    margin: 28px auto 0 !important;
    transform: none !important;
  }

  body[data-page="consulting"] .consulting-notes {
    position: static !important;
    margin-top: 42px !important;
  }

  /* Company: qualifications and registration agency content expanded. */
  body[data-page="company"] .company-profile-section {
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 96px !important;
  }

  body[data-page="company"] .company-mission {
    height: auto !important;
    min-height: 521.5px !important;
    padding-bottom: 96px !important;
  }

  /* TOP concerns: reserve separate text/artwork columns. */
  body[data-page="home"] .concerns-stack .concern-card .concern-art {
    right: 1% !important;
    left: auto !important;
    width: 44% !important;
  }

  body[data-page="home"] .concerns-stack .concern-card h3 {
    left: 4.4% !important;
    width: 50% !important;
  }

  body[data-page="home"] .concerns-stack .concern-card p {
    left: 5.6% !important;
    width: 46% !important;
  }

  /* Course forms: align headings and leave readable spacing below them. */
  body[data-page^="course-detail"] .participant-block .form-title-row {
    margin-left: 0 !important;
  }

  body[data-page^="course-detail"] .participant-block .form-section-title {
    margin-left: 0 !important;
    text-align: left !important;
  }

  body[data-page="course-detail-a"] .attendance-options {
    top: 72px !important;
    left: 0 !important;
    gap: 70px !important;
  }

  /* CF7 wraps both radio buttons in one span. display:contents lets the date
     field sit between the two choices without changing stored form data. */
  body[data-page^="course-detail"] .payment-block {
    height: 190px !important;
  }

  body[data-page^="course-detail"] .payment-block .payment-options {
    top: 60px !important;
    left: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 70px !important;
    min-height: 70px !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body[data-page^="course-detail"] .payment-options > p {
    display: flex !important;
    align-items: center !important;
    width: 100%;
    height: 70px;
    margin: 0 !important;
    gap: 28px;
    flex-wrap: nowrap;
  }

  body[data-page^="course-detail"]
    .payment-options
    .wpcf7-form-control-wrap[data-name="payment_method"],
  body[data-page^="course-detail"] .payment-options .wpcf7-radio {
    display: contents !important;
  }

  body[data-page^="course-detail"] .payment-options .wpcf7-list-item {
    margin: 0 !important;
    white-space: nowrap;
  }

  body[data-page^="course-detail"] .payment-options .wpcf7-list-item.first {
    order: 1;
  }

  body[data-page^="course-detail"]
    .payment-options
    .wpcf7-form-control-wrap[data-name="payment_date"] {
    display: block !important;
    flex: 0 0 229px;
    order: 2;
  }

  body[data-page^="course-detail"] .payment-options .wpcf7-list-item.last {
    order: 3;
  }

  body[data-page^="course-detail"] .payment-options label {
    gap: 14px !important;
  }

  body[data-page^="course-detail"] .payment-date {
    width: 229px !important;
    height: 70px !important;
    margin: 0 !important;
  }

  body[data-page^="course-detail"] .payment-block > p {
    top: 146px !important;
    left: 0 !important;
  }

  body[data-page="course-detail-b"] .application-section {
    height: 2585px !important;
  }

  body[data-page="course-detail-b"] .application-submit {
    top: 2460px !important;
  }

  /* Reissue: make the pending three-row layout visually distinct. */
  body[data-page="reissue"] .reissue-qa-row.is-placeholder {
    border-style: dashed;
    opacity: 0.82;
  }
}