/* career.css — job offer page (/careers/{id}), on top of foundation.css + content.css */

.cl-app .cl-hero .mono-label { display: block; margin-bottom: 10px; }
.cl-app .cl-job-back { display: inline-flex; align-items: center; gap: 7px; margin-top: 18px;
  font-weight: 700; font-size: 14px; color: var(--blue); }
.cl-app .cl-job-back svg { transform: rotate(180deg); }
.cl-app .cl-job-back:hover { text-decoration: underline; }

/* description card: neutralise the hover lift meant for tile grids */
.cl-app .cl-job-description:hover { transform: none; box-shadow: none; }
.cl-app .cl-job-description > :first-child { margin-top: 0; }
.cl-app .cl-job-description > :last-child { margin-bottom: 0; }

/* application form */
.cl-app .cl-job-apply:hover { transform: none; box-shadow: none; }
.cl-app .cl-job-apply .cl-section-title { margin-bottom: 18px; }
.cl-app .cl-job-form { display: grid; gap: 18px; }
.cl-app .cl-job-form__grid { display: grid; gap: 18px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.cl-app .cl-job-form ul { list-style: none; margin: 0; padding: 0; }
.cl-app .cl-job-form li, .cl-app .cl-job-apply > ul li { font-size: 13px; font-weight: 600; color: #c2410c; }
.cl-app .cl-job-apply > ul { list-style: none; margin: 0 0 14px; padding: 12px 16px; border-radius: var(--r);
  background: #fff4ec; border: 1px solid #f3d6c4; }

/* file upload tiles */
.cl-app .cl-file { display: flex; align-items: center; gap: 12px; padding: 13px 16px; cursor: pointer;
  border: 1.6px dashed var(--line); border-radius: var(--r); background: var(--bg); transition: border-color .2s, background .2s; }
.cl-app .cl-file:hover { border-color: var(--orange); }
.cl-app .cl-file__ico { color: var(--blue); display: grid; place-items: center; flex: none; }
.cl-app .cl-file__text { display: flex; flex-direction: column; min-width: 0; }
.cl-app .cl-file__name { font-weight: 700; font-size: 13.5px; color: var(--ink); }
.cl-app .cl-file__filename { font-size: 12.5px; color: #1f8a5b; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cl-app .cl-file__btn { margin-left: auto; padding: 8px 14px; border-radius: var(--r-pill); background: #fff; color: var(--blue);
  font-weight: 700; font-size: 13px; box-shadow: var(--sh-sm); white-space: nowrap; }
.cl-app .cl-file__input { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; pointer-events: none; }
.cl-app .cl-file__input:focus-visible + * , .cl-app .field:focus-within .cl-file { border-color: var(--blue); }