/*
 * Fyld job page + application form, matched to Fyld's Form_JobOffer.pdf mockup
 * (1920px, 1:1). Loaded only when the plugin's Company Name is "Fyld".
 * !important where Fyld's Elementor job-page CSS (.box2 form, .gridcss) outranks these rules.
 */

/* Mockup page layout: description 841px, 90px gap, form card 633px. */
@media (min-width: 1600px) {
    #job-apply { width:1564px !important; max-width:none !important; margin-left:calc((100% - 1564px) / 2) !important; }
    #job-apply .gridcss { grid-template-columns:841px 633px !important; column-gap:90px !important; }
    #job-apply .box2 form.cv-mgt-apply-form { width:633px !important; max-width:none !important; }
    .cv-mgt-data-notice { width:569px; }
}

.box2 form.cv-mgt-apply-form { box-sizing:border-box; padding:42px 63px 46px !important; background:#F0F0F0 !important; border-radius:0 !important; font-family:"Mogno",sans-serif !important; color:#000; }
#job-apply .box2 form.cv-mgt-apply-form h2.joint, .cv-mgt-apply-form h2.joint { margin:0 !important; text-align:center; font-family:"Mogno",sans-serif !important; font-size:40px !important; font-weight:800 !important; line-height:48px !important; color:#000 !important; }
.cv-mgt-apply-form .stitle { display:block; margin:13px 0 0 !important; text-align:center; font-family:"Mogno",sans-serif !important; font-size:25px !important; font-weight:400 !important; line-height:30px !important; color:#565656 !important; }
.cv-mgt-apply-form .stitle + div { margin-top:64px !important; }
.cv-mgt-apply-form label { display:block; }

.cv-mgt-apply-form input[type="text"], .cv-mgt-apply-form input[type="email"] {
    box-sizing:border-box; width:440px !important; max-width:100%; height:auto !important; margin:0 0 50px 22px !important; padding:0 7px 6px !important;
    border:0 !important; border-bottom:1px solid #565656 !important; border-radius:0 !important; background:transparent !important;
    font-family:"Mogno",sans-serif !important; font-size:20px !important; font-weight:400 !important; line-height:24px !important; color:#565656 !important;
}
.cv-mgt-apply-form input::placeholder { color:#565656; opacity:1; }
.cv-mgt-apply-form label:nth-of-type(1) input { margin-bottom:67px !important; }
.cv-mgt-apply-form label:nth-of-type(2) input { margin-bottom:46px !important; }
.cv-mgt-apply-form label:nth-of-type(3) input { margin-bottom:32px !important; }

.cv-mgt-apply-form .input-file { display:block !important; float:none !important; margin:0 0 0 14px !important; }
.cv-mgt-apply-form .input-file label {
    display:inline-block !important; float:none !important; box-sizing:border-box; width:188px !important; height:45px; padding:0 !important;
    border:1.55px solid #000 !important; border-radius:0 !important; background:transparent !important; cursor:pointer;
    font-family:"Mogno",sans-serif !important; font-size:19px !important; font-weight:600 !important; line-height:42px !important; text-align:center; color:#000 !important;
}
.cv-mgt-apply-form .input-file .cv-file-btn-text { color:inherit; }
.cv-mgt-apply-form .input-file.has-file label { background:#000 !important; color:#fff !important; }
.cv-mgt-apply-form .cv-file-name, .cv-mgt-apply-form .cv-file-error { display:block; margin:6px 0 0 20px; font-family:"Mogno",sans-serif; font-size:14px; color:#000; }
.cv-mgt-apply-form .cv-file-error { color:#c00; }
.cv-mgt-apply-form .cv-file-name:empty, .cv-mgt-apply-form .cv-file-error:empty { display:none; }

.cv-mgt-apply-form .cv-mgt-consent { display:flex !important; align-items:flex-start; gap:16px; margin:46px 0 0 20px; font-family:"Mogno",sans-serif !important; font-size:18px !important; font-weight:400 !important; line-height:21px !important; color:#000 !important; }
.cv-mgt-apply-form .cv-mgt-consent + .cv-mgt-consent { margin-top:7px; }
.cv-mgt-apply-form .cv-mgt-consent + .cv-mgt-consent .wpcf7-list-item-label { max-width:440px; }
.cv-mgt-apply-form .cv-mgt-consent .wpcf7-list-item-label { font:inherit !important; color:inherit !important; }
.cv-mgt-apply-form .cv-mgt-consent .wpcf7-list-item-label::before, .cv-mgt-apply-form .cv-mgt-consent .wpcf7-list-item-label::after { content:none !important; }
.cv-mgt-apply-form .cv-mgt-consent input[type="checkbox"] {
    -webkit-appearance:none; appearance:none; flex:0 0 18px; width:18px; height:18px; margin:2px 0 0; padding:0;
    border:1px solid #000; border-radius:0; background:#fff; cursor:pointer;
}
.cv-mgt-apply-form .cv-mgt-consent input[type="checkbox"]:checked {
    background:#000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 5.2l2 2L8 3' fill='none' stroke='%23fff' stroke-width='1.4'/%3E%3C/svg%3E") center/100% no-repeat;
}
.cv-mgt-apply-form .cv-mgt-consent input[type="checkbox"]:focus-visible { outline:2px solid #000; outline-offset:2px; }
.cv-mgt-apply-form .cv-mgt-consent a, .cv-mgt-data-notice a { color:inherit !important; font:inherit !important; text-decoration:underline !important; }

.cv-mgt-apply-form .cv-mgt-required-note { margin:13px 0 0 15px; font-family:"Mogno",sans-serif !important; font-size:16px !important; font-weight:400 !important; line-height:20px !important; color:#666 !important; }
.cv-mgt-apply-form .cv-mgt-submit-row { margin:41px 0 0 !important; line-height:0 !important; text-align:left !important; }
.cv-mgt-apply-form .cv-mgt-submit-row input[type="submit"] {
    box-sizing:border-box; width:507px !important; max-width:100%; height:45px; margin:0 !important; padding:0 !important;
    border:1.55px solid #000 !important; border-radius:0 !important; background:#000 !important; cursor:pointer;
    font-family:"Mogno",sans-serif !important; font-size:23px !important; font-weight:600 !important; line-height:42px !important; color:#fff !important; text-align:center;
}
.cv-mgt-data-notice { margin:13px 0 0 !important; padding:0 0 0 59px; font-family:"Mogno",sans-serif !important; font-size:18px !important; font-weight:400 !important; line-height:24px !important; color:#000 !important; }

@media (max-width: 767px) {
    .box2 form.cv-mgt-apply-form { padding:32px 20px !important; }
    .cv-mgt-apply-form input[type="text"], .cv-mgt-apply-form input[type="email"] { margin-left:0 !important; }
    .cv-mgt-apply-form .input-file, .cv-mgt-apply-form .cv-mgt-consent { margin-left:0 !important; }
    .cv-mgt-data-notice { padding:0 8px; }
}