/* Source #1207: 302 CSS YOBB – Worker CV Edit */
/* =========================================================
   YOBB – WORKER CV EDIT / LAYOUT V6
   Shortcode: [yobb_cv_edit]

   Visuaaliset komponentit tulevat:
   YOBB – Global Component Styles V11+

   Tämä tiedosto hoitaa vain:
   - layoutin
   - gridit
   - välit
   - responsive-rakenteen
   - details-rakenteen
========================================================= */

.yobb-cv-tool-page,
.yobb-cv-tool-page * {
  box-sizing: border-box;
}

.yobb-cv-tool-page {
  width: 100%;
  max-width: 1040px;
  margin: 0 auto 90px;
  padding: 14px;
}

.yobb-cv-tool-hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--yobb-space-lg);
}

.yobb-cv-tool-hero > div {
  min-width: 0;
}

.yobb-cv-tool-kicker {
  margin-bottom: var(--yobb-space-sm);
}

.yobb-cv-tool-hero h1,
.yobb-cv-tool-section h2 {
  margin: 0;
}

.yobb-cv-tool-form {
  display: grid;
  gap: var(--yobb-space-lg);
}

.yobb-cv-tool-section {
  scroll-margin-top: 110px;
}

.yobb-cv-tool-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--yobb-space-md);
  margin-bottom: var(--yobb-space-md);
}

.yobb-cv-tool-section-head > div {
  min-width: 0;
}

.yobb-cv-tool-section-head p {
  margin: 6px 0 0;
}

.yobb-cv-row-list,
.yobb-cv-small-row-list {
  display: grid;
  gap: var(--yobb-space-md);
}

.yobb-cv-edit-row {
  display: grid;
  gap: var(--yobb-space-md);
}

.yobb-cv-edit-row-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--yobb-space-md);
}

.yobb-cv-edit-row-head > div {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.yobb-cv-edit-row-head span {
  overflow-wrap: anywhere;
}

.yobb-cv-visible-fields {
  display: grid;
  gap: var(--yobb-space-sm);
}

.yobb-cv-edit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--yobb-space-md);
}

.yobb-cv-inline-check {
  margin-top: 2px;
}

.yobb-cv-edit-description {
  overflow: hidden;
}

.yobb-cv-edit-description summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--yobb-space-sm);
  cursor: pointer;
  list-style: none;
}

.yobb-cv-edit-description summary::-webkit-details-marker {
  display: none;
}

.yobb-cv-edit-description label {
  display: block;
  margin-top: var(--yobb-space-sm);
}

.yobb-cv-edit-small-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: var(--yobb-space-sm);
}

.yobb-cv-edit-small-row.is-language {
  grid-template-columns: minmax(0, 1fr) 150px auto;
}

.yobb-cv-edit-small-row.is-language .yobb-cv-language-native {
  grid-column: 1 / -1;
  justify-self: start;
  margin-top: 2px;
}

.yobb-cv-choice-grid {
  width: 100%;
}

.yobb-cv-tool-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--yobb-space-sm);
  padding-top: var(--yobb-space-sm);
}

/* Vanhojen apu-/selitetekstien piilotukset säilytetään. */
.yobb-cv-edit-mini-title,
.yobb-cv-edit-description summary em,
.yobb-cv-tool-section-head p,
.yobb-cv-tool-hero p {
  display: none !important;
}

@media (max-width: 760px) {
  .yobb-cv-tool-page {
    padding: 5px;
  }

  .yobb-cv-tool-form {
    gap: 12px;
  }

  .yobb-cv-tool-section {
    padding: 12px !important;
  }

  .yobb-cv-tool-section-head {
    margin-bottom: 10px;
    gap: 8px;
  }

  .yobb-cv-row-list,
  .yobb-cv-small-row-list {
    gap: 10px;
  }

  .yobb-cv-edit-row {
    padding: 10px !important;
    gap: 9px;
  }

  .yobb-cv-edit-row-head {
    gap: 8px;
  }

  .yobb-cv-edit-row-head > div {
    gap: 2px;
  }

  .yobb-cv-edit-row-head .yobb-cv-remove-row {
    min-height: 40px;
    padding: 8px 11px;
  }

  .yobb-cv-visible-fields,
  .yobb-cv-edit-description {
    padding: 9px !important;
  }

  .yobb-cv-tool-hero,
  .yobb-cv-tool-section-head {
    flex-direction: column;
  }

  .yobb-cv-tool-preview,
  .yobb-cv-add-row {
    width: 100%;
  }

  .yobb-cv-edit-small-row,
  .yobb-cv-edit-small-row.is-language {
    grid-template-columns: 1fr;
  }

  .yobb-cv-edit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 8px;
    row-gap: 9px;
  }

  .yobb-cv-edit-grid > .yobb-field:not(.yobb-cv-date-field) {
    grid-column: 1 / -1;
  }

  .yobb-cv-date-field {
    min-width: 0;
  }

  .yobb-cv-date-field .yobb-input {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 8px;
    font-size: 12px;
  }

  .yobb-cv-tool-page .yobb-input,
  .yobb-cv-tool-page .yobb-select {
    min-height: 44px;
  }

  .yobb-cv-inline-check {
    margin-top: 0;
  }

  .yobb-cv-edit-small-row.is-language .yobb-cv-language-native {
    grid-column: auto;
  }

  .yobb-cv-edit-description summary {
    align-items: center;
    flex-direction: row;
  }

  .yobb-cv-edit-description label {
    margin-top: 7px;
  }

  .yobb-cv-tool-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .yobb-cv-tool-actions .yobb-btn {
    width: 100%;
  }
}