/* Careers application popup: reference layout, native Fluent Forms inputs and upload states. */
html.aden-careers-modal-open { overflow:hidden; }
.aden-career .aj-hr-action--apply { cursor:pointer; }
dialog[id].aden-careers-modal {
  box-sizing:border-box; width:min(520px,calc(100% - 48px)); max-width:none;
  height:725px; max-height:calc(100vh - 48px); max-height:calc(100dvh - 48px);
  margin:auto; padding:0; overflow:hidden; border:1px solid #ddd; border-radius:5px;
  background:#fff; color:#333; box-shadow:0 0 12px rgba(0,0,0,.1); font-family:inherit;
}
dialog[id].aden-careers-modal[open] { display:flex; flex-direction:column; }
.aden-careers-modal::backdrop { background:rgba(12,16,22,.58); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); }
.aden-careers-modal__head { position:relative; flex:none; padding:20px 64px 18px 24px; border-bottom:2px solid #f0f0f0; }
.aden-careers-modal__head h2 { margin:0; color:#e51b23; font-size:28px; line-height:1.4; font-weight:600; }
.aden-careers-modal .aden-careers-modal__close {
  position:absolute; top:14px; right:18px; display:grid; place-items:center; width:40px; height:40px;
  min-height:0; padding:0; border:0; border-radius:4px; background:transparent; color:#000;
  font-size:36px; font-weight:400; line-height:1; cursor:pointer;
}
.aden-careers-modal .aden-careers-modal__close:hover { background:#f2f2f2; color:#000; }
.aden-careers-modal .aden-careers-modal__body { display:flex; flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; }
.aden-careers-modal .aden-careers-modal__body > .fluentform { display:flex; flex:1; min-width:0; }
.aden-careers-modal .aden-careers-modal__body form { display:flex; flex:1; min-width:0; margin:0; }
.aden-careers-modal .aden-careers-modal__body fieldset { display:flex; flex:1; flex-direction:column; min-width:0; min-height:430px; margin:0; padding:0; border:0; }
.aden-careers-modal .aden-careers-modal__body fieldset > .ff-t-container { width:auto; margin:28px 32px 0; }
.aden-careers-modal .aden-careers-modal__body fieldset > .ff-el-group { margin:0 32px 24px; }
.aden-careers-modal .aden-careers-modal__body .ff-el-group { margin-bottom:18px; }
.aden-careers-modal .aden-careers-modal__body .ff-name-field-wrapper { display:block; }
.aden-careers-modal .aden-careers-modal__body .ff-name-field-wrapper > .ff-t-container { display:block; }
.aden-careers-modal .aden-careers-modal__body .ff-name-field-wrapper .ff-t-cell { width:100%; margin:0; padding:0; }
.aden-careers-modal .aden-careers-modal__body .ff-el-input--label,
.aden-careers-modal .aden-careers-modal__body .ff-el-form-label,
.aden-careers-modal .aden-careers-modal__body .aden-file-help {
  position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
  clip:rect(0,0,0,0); white-space:nowrap; border:0;
}
.aden-careers-modal .aden-careers-modal__body .ff-el-form-control {
  box-sizing:border-box; width:100%; height:42px; min-height:42px; padding:10px 0;
  border:0; border-bottom:1px solid #ccc; border-radius:0; background:#fff; color:#333;
  font-size:16px; line-height:1.4; box-shadow:none;
}
.aden-careers-modal .aden-careers-modal__body .ff-el-form-control::placeholder { color:#929292; opacity:1; }
.aden-careers-modal .aden-careers-modal__body .ff-el-form-control:focus { border-color:#c8171e; box-shadow:0 1px 0 #c8171e; outline:0; }
.aden-careers-modal .aden-careers-modal__body .ff_file_upload_field_wrap { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.aden-careers-modal .aden-careers-modal__body .ffuff-upload-btn {
  display:inline-flex; align-items:center; justify-content:center; gap:8px; max-width:100%; min-height:46px;
  padding:8px 18px; border:1px solid #d4d4d4!important; border-radius:999px;
  background:#fff!important; color:#444!important; box-shadow:none!important;
  font-family:inherit; font-size:16px!important; font-weight:500!important; line-height:1.5; white-space:normal;
}
.aden-careers-modal .aden-careers-modal__body .ffuff-upload-btn::before {
  content:''; width:16px; height:16px; flex:0 0 16px; background:currentColor;
  mask:url("assets/icons/career-upload.svg") center / contain no-repeat;
  -webkit-mask:url("assets/icons/career-upload.svg") center / contain no-repeat;
}
.aden-careers-modal .aden-careers-modal__body .ffuff-upload-btn:hover { background:#f2f2f2!important; }
.aden-careers-modal .aden-careers-modal__body .ffuff-uploaded-list { width:100%; margin-top:16px; }
.aden-careers-modal .aden-careers-modal__body .ffuff-uploaded-list .ff-upload-preview {
  margin:6px 0; padding:12px 15px; border:1px solid #ddd; border-radius:8px; min-height:46px; align-items:center;
}
.aden-careers-modal .aden-careers-modal__body .ff-upload-thumb { display:none; }
.aden-careers-modal .aden-careers-modal__body .ff-upload-filename { color:#f71925; font-size:15px; font-weight:700; white-space:normal; overflow-wrap:anywhere; }
.aden-careers-modal .aden-careers-modal__body .ff-upload-preview:not(.ff_uploading) .ff-upload-progress-inline,
.aden-careers-modal .aden-careers-modal__body .ff-upload-preview:not(.ff_uploading) .ff-upload-progress-inline-text,
.aden-careers-modal .aden-careers-modal__body .ff-upload-preview:not(.ff_uploading) .ff-upload-filesize { display:none; }
.aden-careers-modal .aden-careers-modal__body .ffuff-uploaded-list .ff-upload-remove {
  width:32px; height:32px; min-height:0; top:50%; right:-8px; transform:translateY(-50%);
  display:grid; place-items:center; padding:7px; border:0; background:transparent; color:#999; font-size:0;
}
.aden-careers-modal .aden-careers-modal__body .ff-upload-remove::before {
  content:''; width:15px; height:15px; background:currentColor;
  mask:url("assets/icons/career-trash.svg") center / contain no-repeat;
  -webkit-mask:url("assets/icons/career-trash.svg") center / contain no-repeat;
}
.aden-careers-modal .aden-careers-modal__body .ffuff-uploaded-list .ff-upload-remove:hover { color:#c8171e; background:#fff5f5; }
.aden-careers-modal .aden-careers-modal__body fieldset > .ff_submit_btn_wrapper {
  position:sticky; bottom:0; z-index:1; background:#fff;
  margin: auto 0 0!important; padding:24px 24px 20px; border-top:2px solid #f0f0f0; width:100%; box-sizing:border-box;
}
.aden-careers-modal .aden-careers-modal__body .ff-btn-submit {
  display:inline-flex; align-items:center; justify-content:center; width:100%; min-height:57px;
  padding:12px 24px!important; border:0!important; border-radius:999px; background:#e51b23!important;
  color:#fff!important; font-size:20px; line-height:1.5; font-weight:500; box-shadow:none!important; transition:background-color .18s ease;
}
.aden-careers-modal .aden-careers-modal__body .ff-btn-submit:hover { background:#c8171e!important; }
.aden-careers-modal button:focus-visible { outline:2px solid #c8171e; outline-offset:3px; }
.aden-careers-modal .aden-careers-modal__body .ff-message-success { margin:24px; border-radius:8px; box-shadow:none; align-self:flex-start; }
.aden-careers-modal .aden-careers-modal__body .ff-message-success,.aden-careers-modal .aden-careers-modal__body .ff-errors-in-stack { overflow-wrap:anywhere; }
@media(max-width:768px) { dialog[id].aden-careers-modal { width:min(520px,calc(100% - 32px)); max-height:calc(100dvh - 32px); } }
@media(max-width:425px) {
  dialog[id].aden-careers-modal { width:calc(100% - 24px); max-height:calc(100dvh - 24px); }
  .aden-careers-modal__head { padding:17px 52px 17px 18px; }
  .aden-careers-modal__head h2 { font-size:20px; }
  .aden-careers-modal .aden-careers-modal__close { top:10px; right:10px; }
  .aden-careers-modal .aden-careers-modal__body fieldset > .ff-t-container { margin:24px 24px 0; }
  .aden-careers-modal .aden-careers-modal__body fieldset > .ff-el-group { margin-left:24px; margin-right:24px; }
  .aden-careers-modal .aden-careers-modal__body fieldset > .ff_submit_btn_wrapper { padding:18px; }
}
@media(max-width:320px) {
  .aden-careers-modal__head h2 { font-size:18px; }
  .aden-careers-modal .aden-careers-modal__body fieldset > .ff-t-container { margin-left:16px; margin-right:16px; }
  .aden-careers-modal .aden-careers-modal__body fieldset > .ff-el-group { margin-left:16px; margin-right:16px; }
  .aden-careers-modal .aden-careers-modal__body .ffuff-upload-btn { padding:8px 12px; font-size:12px!important; }
}
@media(prefers-reduced-motion:reduce) { .aden-careers-modal button { transition:none!important; } }

/* Floating labels keep the field name visible while typing, as in the reference. */
.aden-careers-modal .aj-position-field input { color:#c8171e!important; font-weight:500!important; }
.aden-careers-modal .aj-position-field input:read-only { cursor:default; }
.aden-careers-modal .aden-careers-modal__body .ff-el-form-control { font-family:inherit; font-size:18px; font-weight:300; height:54px; padding:20px 0 8px; }
.aden-careers-modal .aj-apply-field { position:relative; }
.aden-careers-modal .aj-apply-field .ff-el-input--label {
  clip:auto; width:auto; height:auto; overflow:visible; white-space:normal; margin:0;
  top:0; left:0; opacity:0; pointer-events:none;
}
.aden-careers-modal .aj-apply-field .ff-el-input--label label { font-size:11px; line-height:1.4; color:#888; }
.aden-careers-modal .aj-apply-field:focus-within .ff-el-input--label,
.aden-careers-modal .aj-apply-field.has-value .ff-el-input--label { opacity:1; }
.aden-careers-modal .aj-apply-field:focus-within input::placeholder { color:transparent; }
.aden-careers-modal .aj-apply-field select {
  appearance:none; padding-right:28px!important;
  background-image:url("assets/icons/career-chevron.svg"); background-repeat:no-repeat; background-size:16px; background-position:right 6px bottom 14px;
}
.aden-careers-modal .aj-apply-field:not(.has-value) select { color:#929292; }
.aden-careers-modal .aden-gender__native { position:absolute!important; width:1px!important; height:1px!important; min-height:0!important; padding:0!important; clip-path:inset(50%); overflow:hidden; }
.aden-careers-modal .aden-gender { position:relative; }
.aden-careers-modal .aden-gender__trigger {
  display:block; width:100%; height:54px; min-height:54px; margin:0; padding:20px 36px 8px 12px;
  border:0; border-bottom:1px solid #ccc; border-radius:0; box-shadow:none;
  background:#fff url("assets/icons/career-chevron.svg") right 12px center / 16px no-repeat;
  color:#333; font:inherit; font-size:18px; font-weight:400; line-height:1.4; text-align:left; cursor:pointer;
}
.aden-careers-modal .aden-gender__trigger.is-placeholder { color:#929292; }
.aden-careers-modal .aden-gender__trigger:hover { background-color:#fff; border-bottom-color:#c8171e; color:#c8171e; }
.aden-careers-modal .aden-gender__trigger:focus-visible { outline:0; border-bottom-color:#c8171e; box-shadow:0 1px 0 #c8171e; }
.aden-careers-modal .aden-gender__options {
  position:absolute; top:calc(100% + 6px); left:0; right:0; z-index:5;
  margin:0; padding:6px; border:1px solid #e7e7e7; border-radius:8px;
  background:#fff; box-shadow:0 6px 20px #00000012;
}
.aden-careers-modal .aden-gender__options[hidden] { display:none; }
.aden-careers-modal .aden-gender__option {
  margin:0; padding:10px 14px; border-radius:5px; color:#444;
  font-size:16px; font-weight:400; line-height:1.5; cursor:pointer;
}
.aden-careers-modal .aden-gender__option[aria-selected="true"] { background:#fff1f2; color:#c8171e; }
.aden-careers-modal .aden-gender__option.is-active,
.aden-careers-modal .aden-gender__option:hover { background:#c8171e; color:#fff; }
.aden-careers-modal .aden-gender__options:has(.aden-gender__option:hover) .aden-gender__option.is-active:not(:hover) { background:#fff; color:#444; }
.aden-careers-modal .ff-el-is-error .aden-gender__trigger { border-bottom-color:#f71925; }
@media(max-width:425px) { .aden-careers-modal .aden-gender__trigger { font-size:16px; } }
.aden-careers-modal .aj-apply-field .ff-el-form-control[aria-invalid="true"],
.aden-careers-modal .aj-apply-field.ff-el-is-error .ff-el-form-control { border-bottom-color:#f71925; }
.aden-careers-modal .aj-apply-field .error { color:#f71925; font-size:11px; line-height:1.5; margin-top:4px; }
.aden-careers-modal .aden-careers-modal__body fieldset { min-height:540px; }
@media(max-width:425px) {
  .aden-careers-modal .aden-careers-modal__body .ff-el-form-control { font-size:16px; }
  .aden-careers-modal .aden-careers-modal__body .ffuff-upload-btn { font-size:12px!important; min-height:38px; }
  .aden-careers-modal .aden-careers-modal__body .ff-btn-submit { font-size:16px; min-height:48px; }
}


