/* Plugin 1378 - Recruiter Partnership Request Form */
.fdrf-section{background:#fff;padding:64px 0;font-family:var(--creote-family-two,'Inter',sans-serif);scroll-margin-top:84px}
.fdrf-section *,.fdrf-section *::before,.fdrf-section *::after{box-sizing:border-box}
.fdrf-head{text-align:center}
.fdrf-eyebrow{display:inline-flex;align-items:center;gap:6px;background:#C1F11D;color:#141414;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;padding:6px 14px;border-radius:50px;margin-bottom:16px}
.fdrf-h2{font-family:var(--creote-family-one,'Spartan',sans-serif);font-size:clamp(22px,2.6vw,26px);font-weight:800;line-height:1.2;letter-spacing:-.3px;color:#141414;margin:0}
.fdrf-lead{font-size:15px;line-height:1.78;color:#6B6B6B;max-width:560px;margin:12px auto 0}

.fdrf-wizard{background:#fff;border:1.5px solid #E0E0E0;border-radius:12px;overflow:hidden;margin-top:52px}
.fdrf-form{margin:0}
.fdrf-progress{display:flex;border-bottom:1px solid #E0E0E0}
.fdrf-progress__step{flex:1;padding:16px 12px;text-align:center;font-size:11px;font-weight:700;color:#9E9E9E;border-right:1px solid #E0E0E0;position:relative;transition:all .2s}
.fdrf-progress__step:last-child{border-right:none}
.fdrf-progress__step.active{color:#141414;background:#F2FDD4}
.fdrf-progress__step.done{color:#2a3d00;background:#C1F11D}
.fdrf-progress__step.active::after,.fdrf-progress__step.done::after{content:'';position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent}
.fdrf-progress__step.active::after{border-top:6px solid #F2FDD4}
.fdrf-progress__step.done::after{border-top:6px solid #C1F11D}
.fdrf-progress__num{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.08);font-size:11px;font-weight:800;margin:0 auto 4px}
.fdrf-progress__step.done .fdrf-progress__num{background:#141414;color:#C1F11D}
.fdrf-progress__step.active .fdrf-progress__num{background:#141414;color:#fff}

.fdrf-body{padding:40px}
.fdrf-form-title{font-family:var(--creote-family-one,'Spartan',sans-serif);font-size:22px;font-weight:800;letter-spacing:-.3px;color:#141414;margin-bottom:6px}
.fdrf-form-sub{font-size:14px;color:#6B6B6B;margin-bottom:32px}
.fdrf-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.fdrf-fields--3{grid-template-columns:1fr 1fr 1fr}
.fdrf-fields--1{grid-template-columns:1fr}
.fdrf-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.fdrf-field--full{grid-column:1/-1}
.fdrf-label{font-size:13px;font-weight:700;color:#141414;margin:0}
.fdrf-label--block{margin-bottom:4px}
.fdrf-label .req{color:#e53e3e}
.fdrf-label__note{font-weight:500;color:#9E9E9E}
.fdrf-input,.fdrf-select,.fdrf-textarea{width:100%;padding:10px 13px;border:1.5px solid #E0E0E0;border-radius:8px;font-size:14px;font-family:inherit;color:#141414;background:#fff;transition:border-color .12s;outline:none}
.fdrf-input:focus,.fdrf-select:focus,.fdrf-textarea:focus{border-color:#C1F11D}
.fdrf-input.fdrf-error,.fdrf-select.fdrf-error,.fdrf-textarea.fdrf-error{border-color:#e53e3e}
.fdrf-input-hint{font-size:11.5px;color:#9E9E9E}
.fdrf-textarea{resize:vertical;min-height:100px}
.fdrf-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23555' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}
.fdrf-char-count{font-size:11px;color:#9E9E9E;text-align:right}
.fdrf-refs-intro{font-size:13px;color:#6B6B6B;margin:0 0 4px;line-height:1.55}

.fdrf-chips{display:flex;flex-wrap:wrap;gap:8px}
.fdrf-chip{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border:1.5px solid #E0E0E0;border-radius:100px;font-size:12.5px;font-weight:500;color:#141414;cursor:pointer;transition:all .12s;user-select:none;margin:0}
.fdrf-chip input{display:none}
.fdrf-chip:hover{border-color:#9E9E9E}
.fdrf-chip.is-on{background:#141414;border-color:#141414;color:#C1F11D;font-weight:700}
.fdrf-chip--sm{padding:5px 10px;font-size:11.5px}

.fdrf-radios{display:flex;flex-wrap:wrap;gap:10px}
.fdrf-radio{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border:1.5px solid #E0E0E0;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;color:#141414;transition:all .12s;user-select:none;margin:0}
.fdrf-radio input{display:none}
.fdrf-radio.is-on{border-color:#141414;background:#141414;color:#C1F11D;font-weight:700}
.fdrf-radio__dot{width:14px;height:14px;border-radius:50%;border:1.5px solid #E0E0E0;flex-shrink:0;transition:all .12s}
.fdrf-radio.is-on .fdrf-radio__dot{border-color:#C1F11D;background:#C1F11D}

.fdrf-uploads{margin-top:24px}
.fdrf-upload{display:block;border:2px dashed #E0E0E0;border-radius:8px;padding:24px;text-align:center;cursor:pointer;transition:all .15s;background:#fafafa;margin:0}
.fdrf-upload:hover{border-color:#141414;background:#F2FDD4}
.fdrf-upload__icon{margin:0 auto 8px;width:36px;height:36px;background:#F2FDD4;border-radius:8px;display:flex;align-items:center;justify-content:center}
.fdrf-upload__label{display:block;font-size:13px;font-weight:600;color:#333}
.fdrf-upload__hint{display:block;font-size:11.5px;color:#9E9E9E;margin-top:2px}
.fdrf-upload__req{display:inline-block;font-size:10px;font-weight:700;background:#e53e3e;color:#fff;padding:2px 6px;border-radius:4px;margin-top:6px}
.fdrf-upload__file{display:block;font-size:11.5px;font-weight:700;color:#2a3d00;margin-top:6px;word-break:break-all}
.fdrf-file{display:none}

.fdrf-ref-row{background:#f8f9f4;border:1.5px solid #E0E0E0;border-radius:8px;padding:18px;margin-bottom:12px}
.fdrf-ref-remove{margin-top:12px}

.fdrf-checks{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}
.fdrf-check{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:#333;line-height:1.5;margin:0;cursor:pointer}
.fdrf-check input[type=checkbox]{width:18px;height:18px;border-radius:4px;accent-color:#141414;flex-shrink:0;margin-top:2px;cursor:pointer}
.fdrf-check a{color:#141414;font-weight:700;text-decoration:underline}
.fdrf-nextbox{background:#f6f8f1;border:1.5px solid #e4e8dc;border-radius:8px;padding:16px 20px;margin-bottom:28px;font-size:13px;color:#555;line-height:1.65}
.fdrf-nextbox strong{color:#141414}

.fdrf-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:36px;padding-top:28px;border-top:1px solid #E0E0E0}
.fdrf-nav--end{justify-content:flex-end}
.fdrf-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:8px;font-size:15px;font-weight:800;cursor:pointer;border:none;font-family:inherit;text-decoration:none;transition:background .15s,color .15s}
.fdrf-btn--primary{background:#C1F11D;color:#141414}
.fdrf-btn--primary:hover{background:#A8D518}
.fdrf-btn--dark{background:#141414;color:#fff}
.fdrf-btn--dark:hover{background:#1E1E1E;color:#fff}
.fdrf-btn--sm{padding:10px 20px;font-size:13px}
.fdrf-btn--lg{padding:16px 36px;font-size:16px}

.fdrf-success{text-align:center;padding:80px 40px}
.fdrf-success__icon{width:80px;height:80px;background:#C1F11D;border-radius:50%;margin:0 auto 28px;display:flex;align-items:center;justify-content:center}
.fdrf-success__p{font-size:15px;color:#6B6B6B;margin-top:10px;line-height:1.7}
.fdrf-success__p--narrow{font-size:14px;max-width:480px;margin-left:auto;margin-right:auto}
.fdrf-success__ref{display:inline-block;font-size:13px;font-weight:700;background:#F2FDD4;border:1.5px solid rgba(193,241,29,.3);color:#2a3d00;padding:8px 20px;border-radius:8px;margin:16px 0 28px}
.fdrf-success__steps{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}
.fdrf-success__step{font-size:12.5px;font-weight:600;color:#6B6B6B;padding:8px 14px;border:1.5px solid #E0E0E0;border-radius:8px}

.fdrf-notice{background:#F2FDD4;border:2px solid rgba(193,241,29,.4);border-radius:12px;padding:32px 36px;margin-top:52px}
.fdrf-notice__title{font-family:var(--creote-family-one,'Spartan',sans-serif);font-size:18px;font-weight:800;color:#1a2a00;margin-bottom:12px;display:flex;align-items:center;gap:10px}
.fdrf-notice__body{font-size:14px;color:#333;line-height:1.7}
.fdrf-notice__body p{margin-bottom:8px}
.fdrf-notice__body p:last-child{margin-bottom:0}

@media(max-width:991px){.fdrf-section{padding:60px 0}}
@media(max-width:767px){
  .fdrf-fields,.fdrf-fields--3{grid-template-columns:1fr}
  .fdrf-field--full{grid-column:1}
  .fdrf-body{padding:24px 20px}
  .fdrf-progress__step{font-size:9px;padding:12px 6px}
  .fdrf-notice{padding:22px 20px}
  .fdrf-success{padding:48px 20px}
  .fdrf-nav .fdrf-btn{flex:1;justify-content:center}
}
@media(max-width:480px){.fdrf-progress__step span{display:none}}
@media(prefers-reduced-motion:reduce){.fdrf-section *{transition:none!important;animation:none!important}}

/* ===== intl-tel-input phone fields =====================================
   The library's CSS is loaded globally by index2.php. These rules just stop
   the injected .iti wrapper from collapsing the field inside our grid. */
.fdrf-form .iti{display:block !important;width:100% !important;position:relative}
.fdrf-form .iti input.fdrf-phone{width:100% !important;padding-left:12px}
.fdrf-form .iti--separate-dial-code input.fdrf-phone{padding-left:92px !important}
.fdrf-form .iti__flag-container{padding:0}
.fdrf-form .iti__selected-flag{padding:0 8px 0 12px;display:flex;align-items:center}
.fdrf-form .iti__country-list{text-align:left;z-index:60}
/* The theme adds a FontAwesome check-circle ::before to every <ul><li> inside a
   <section>, which painted a green tick on every flag in the country dropdown.
   Must be UNSCOPED (the list can render outside .fdrf-form) and must kill the
   box as well as the glyph - same fix as plugin 1314. */
.iti__country-list li::before,.iti__country-list li::after{content:none !important;display:none !important;background:none !important;border:none !important}
.iti__country-list li{padding-left:10px !important}
.iti__country{display:flex !important;align-items:center;gap:6px;padding:6px 10px !important}
.iti__country .iti__flag{position:static !important;margin:0 6px 0 0;flex-shrink:0}
.fdrf-btn.is-busy{opacity:.6;pointer-events:none}

/* ===== Field text normalisation =======================================
   The theme applies text-transform:capitalize widely, which was rendering
   placeholders as "E.G. Director, HR Manager", "Your@Company.Com" and
   "Https://Linkedin.Com/In/You". Fields and their placeholders must show
   exactly what was typed/authored. */
.fdrf-form .fdrf-input,
.fdrf-form .fdrf-select,
.fdrf-form .fdrf-textarea,
.fdrf-form .fdrf-select option{text-transform:none !important}
.fdrf-form .fdrf-input::placeholder,
.fdrf-form .fdrf-textarea::placeholder{text-transform:none !important}
.fdrf-form .fdrf-input::-webkit-input-placeholder,
.fdrf-form .fdrf-textarea::-webkit-input-placeholder{text-transform:none !important}
.fdrf-form .fdrf-input::-moz-placeholder,
.fdrf-form .fdrf-textarea::-moz-placeholder{text-transform:none !important}
.fdrf-form .fdrf-input:-ms-input-placeholder,
.fdrf-form .fdrf-textarea:-ms-input-placeholder{text-transform:none !important}

/* ===== Selects: text sits on the vertical centre ======================
   Without an explicit line-height/height the option text rides high in the
   box on Windows/Firefox. */
.fdrf-form .fdrf-select{line-height:1 !important;height:44px;padding-top:0;padding-bottom:0;vertical-align:middle}
.fdrf-form .fdrf-input,.fdrf-form .fdrf-input.fdrf-phone{height:44px;line-height:1}

/* Declaration error: a tick box cannot show a red border usefully, so it gets
   a real message underneath. Hidden until validate() reveals it. */
.fdrf-check-err{display:none;margin:8px 0 0 30px;color:#e53e3e;font-size:13px;font-weight:600}
.fdrf-check-err.is-on{display:block}
.fdrf-check.is-err span{color:#e53e3e}
.fdrf-check.is-err input[type=checkbox]{outline:2px solid #e53e3e;outline-offset:2px}