/* WorkScout Resume Suite - Submit Resume form enhancer
   Scoped to #submit-resume-form so nothing else on the site is touched. */

#submit-resume-form{--bgw-navy:#102d52;--bgw-green:#16a66a;--bgw-green-dark:#0b7a57;--bgw-blue:#0d72d8;--bgw-line:#e4ebf2;--bgw-muted:#71839b;--bgw-bg:#f8fafc;--bgw-red:#d83d3d;--bgw-purple:#6d3fc0;--bgw-purple-dark:#4d2b8a;font-family:inherit}

/* ---------- General field polish (kept light so it blends with your theme) ---------- */
#submit-resume-form fieldset{margin:0 0 18px}
#submit-resume-form label{font-weight:700;color:var(--bgw-navy);font-size:14px;display:block;margin-bottom:6px}
#submit-resume-form label .bgw-optional,#submit-resume-form label small{font-weight:500;color:var(--bgw-muted);font-size:12.5px;margin-left:4px}
#submit-resume-form input[type=text],#submit-resume-form input[type=email],#submit-resume-form input[type=url],#submit-resume-form input[type=tel],#submit-resume-form input[type=number],#submit-resume-form input[type=month],#submit-resume-form select,#submit-resume-form textarea{width:100%;box-sizing:border-box;border:1px solid #d9e3eb;border-radius:8px;padding:10px 13px;font-size:13.5px;color:#223e5e;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}
#submit-resume-form input:focus,#submit-resume-form select:focus,#submit-resume-form textarea:focus{outline:none;border-color:#5baedc;box-shadow:0 0 0 3px rgba(13,114,216,.08)}
#submit-resume-form input[type=submit]{background:linear-gradient(135deg,var(--bgw-navy),var(--bgw-green-dark));border:0;color:#fff;font-weight:750;font-size:14.5px;padding:13px 26px;border-radius:9px;cursor:pointer;box-shadow:0 8px 20px rgba(13,45,82,.18);transition:transform .15s ease,box-shadow .15s ease}
#submit-resume-form input[type=submit]:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(13,45,82,.24)}

/* ---------- Repeater rows (Education / Experience / Projects / URLs) ---------- */
#submit-resume-form .bgw-repeater-row{background:#fff;border:1px solid var(--bgw-line);border-radius:13px;box-shadow:0 2px 9px rgba(17,48,79,.045);overflow:hidden;position:relative;margin-bottom:14px}
#submit-resume-form .bgw-repeater-row.ui-sortable-helper{box-shadow:0 14px 30px rgba(17,48,79,.18)}
#submit-resume-form .bgw-repeater-row.ui-sortable-placeholder{visibility:visible!important;background:#eef4fa;border:2px dashed #b9cfe4;border-radius:13px}

#submit-resume-form .bgw-repeater-row-head{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--bgw-navy),#0d3f66);color:#fff;padding:12px 16px}
#submit-resume-form .bgw-repeater-drag{cursor:move;color:rgba(255,255,255,.55);font-size:15px;line-height:1}
#submit-resume-form .bgw-repeater-row-title{flex:1;font-weight:750;font-size:14px;letter-spacing:.2px}
#submit-resume-form .bgw-repeater-row-title .bgw-row-number{font-style:normal;opacity:.75;font-weight:600}

#submit-resume-form .bgw-repeater-remove{display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,.14);color:#fff;border-radius:999px;padding:5px 11px 5px 9px;font-size:12px;font-weight:700;text-decoration:none;line-height:1;transition:background .15s ease}
#submit-resume-form .bgw-repeater-remove:hover{background:var(--bgw-red);color:#fff}
#submit-resume-form .bgw-repeater-remove span{font-size:14px;line-height:1}

#submit-resume-form .bgw-repeater-row-body{padding:18px 18px 6px;display:grid;grid-template-columns:1fr 1fr;gap:0 18px;background:var(--bgw-bg)}
#submit-resume-form .bgw-repeater-row-body fieldset{margin:0 0 16px}

/* Fields that always take the full width of the card, whichever repeater
   they belong to (Education's Notes, Experience's Key Responsibilities,
   Projects' Description/Technologies, the "currently working" checkbox…) */
#submit-resume-form .bgw-subfield-notes,
#submit-resume-form .bgw-subfield-description,
#submit-resume-form .bgw-subfield-date,
#submit-resume-form .bgw-subfield-location,
#submit-resume-form .bgw-subfield-technologies,
#submit-resume-form .bgw-subfield-current{grid-column:1/-1}

#submit-resume-form .bgw-subfield-notes textarea,
#submit-resume-form .bgw-subfield-description textarea{min-height:70px;resize:vertical}

@media (max-width:680px){
	#submit-resume-form .bgw-repeater-row-body{grid-template-columns:1fr}
}

/* ---------- "I currently work here" checkbox ---------- */
#submit-resume-form .bgw-subfield-current{margin-top:-6px;margin-bottom:20px}
#submit-resume-form .bgw-checkbox-label{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--bgw-navy);font-size:13.5px;cursor:pointer;margin:0}
#submit-resume-form .bgw-current-checkbox{width:17px;height:17px;flex-shrink:0;accent-color:var(--bgw-green);cursor:pointer}

/* Grey out + lock the End Date field once "currently work here" is ticked
   (toggled by the .bgw-row-is-current class in resume-form-enhancer.js) */
#submit-resume-form .bgw-repeater-row.bgw-row-is-current .bgw-subfield-end_date{opacity:.45}
#submit-resume-form .bgw-repeater-row.bgw-row-is-current .bgw-subfield-end_date input{background:#eef1f4;cursor:not-allowed}

/* ---------- Projects rows get a purple accent instead of navy, so the
   candidate can tell the sections apart at a glance ---------- */
#submit-resume-form .bgw-repeater-row.bgw-group-projects .bgw-repeater-row-head{background:linear-gradient(135deg,var(--bgw-purple),var(--bgw-purple-dark))}
#submit-resume-form .bgw-repeater-add.bgw-group-projects{border-color:var(--bgw-purple);color:var(--bgw-purple-dark)}
#submit-resume-form .bgw-repeater-add.bgw-group-projects:hover{background:var(--bgw-purple);color:#fff}
#submit-resume-form .bgw-repeater-add.bgw-group-projects .bgw-add-icon{background:var(--bgw-purple)}
#submit-resume-form .bgw-repeater-add.bgw-group-projects:hover .bgw-add-icon{color:var(--bgw-purple)}

/* ---------- Add Experience / Add Education / Add Project / Add URL button ---------- */
#submit-resume-form .bgw-repeater-add{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--bgw-green);color:var(--bgw-green-dark);background:#fff;border-radius:9px;padding:10px 16px;font-weight:750;font-size:13.5px;text-decoration:none;transition:background .15s ease,color .15s ease,transform .15s ease}
#submit-resume-form .bgw-repeater-add:hover{background:var(--bgw-green);color:#fff;transform:translateY(-1px)}
#submit-resume-form .bgw-add-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--bgw-green);color:#fff;font-size:13px;line-height:1}
#submit-resume-form .bgw-repeater-add:hover .bgw-add-icon{background:#fff;color:var(--bgw-green)}