/* UP1802.1 — Freelancer profile form hotfix
   Fixes upload button contrast, remote-work checkbox alignment, upload spacing,
   and visibility action spacing after UP1802 autosave/upload persistence. */

/* File upload buttons must stay readable in all inherited/hover/disabled states. */
.fij-file-upload .fij-file-trigger,
.fij-upload-card .fij-file-trigger,
label.fij-file-trigger {
    color: #ffffff !important;
    background: #080b18 !important;
    border-color: #080b18 !important;
    opacity: 1 !important;
    text-shadow: none !important;
    -webkit-text-fill-color: #ffffff !important;
    text-decoration: none !important;
}
.fij-file-upload .fij-file-trigger:hover,
.fij-file-upload .fij-file-trigger:focus,
.fij-file-upload .fij-file-trigger:focus-visible,
.fij-upload-card .fij-file-trigger:hover,
.fij-upload-card .fij-file-trigger:focus,
.fij-upload-card .fij-file-trigger:focus-visible {
    color: #ffffff !important;
    background: #0f172a !important;
    border-color: #0f172a !important;
    opacity: 1 !important;
    outline: 2px solid rgba(20, 184, 166, .45);
    outline-offset: 2px;
}
.fij-upload-card.is-uploading .fij-file-trigger,
.fij-upload-card.is-uploaded .fij-file-trigger,
.fij-upload-card.is-error .fij-file-trigger {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Add clearer separation between URL fields and upload cards. */
.fij-profile-step#portfolio .fij-upload-row,
.fij-profile-step#portfolio .fij-upload-row-spaced {
    margin-top: 1.65rem !important;
    padding-top: 1.45rem !important;
}
.fij-profile-step#portfolio .fij-upload-card {
    row-gap: .68rem;
}
.fij-profile-step#portfolio .fij-upload-card > label:first-child {
    margin-bottom: .05rem;
}
.fij-profile-step#portfolio .fij-upload-current {
    margin-top: .25rem;
}

/* Remote work checkbox as a full, aligned preference row. */
.fij-profile-step#step-rates label.fij-inline-check.fij-toggle-check,
.fij-profile-step#step-rates .fij-toggle-check {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start;
    gap: .85rem !important;
    width: 100%;
    min-height: 64px;
    margin-top: 1rem !important;
    padding: .95rem 1rem !important;
    border: 1px solid rgba(15, 23, 42, .12);
    background: rgba(240, 253, 250, .55);
    cursor: pointer;
    line-height: 1.3;
}
.fij-profile-step#step-rates .fij-toggle-check input[type="checkbox"] {
    flex: 0 0 auto !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    transform: none !important;
    align-self: center !important;
    accent-color: #14b8a6;
}
.fij-profile-step#step-rates .fij-toggle-check span {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: 800;
    line-height: 1.3;
    color: #111827;
}
.fij-profile-step#step-rates .fij-toggle-check:focus-within {
    outline: 2px solid rgba(20, 184, 166, .42);
    outline-offset: 2px;
}

/* Visibility final action spacing. */
.fij-profile-step#step-privacy .form-grid-compact,
.fij-profile-step#step-privacy .grid {
    margin-bottom: 1.05rem;
}
.fij-profile-step#step-privacy .btn[type="submit"] {
    margin-top: .15rem !important;
    margin-bottom: .55rem !important;
}
.fij-profile-step#step-privacy .btn[type="submit"] + .muted,
.fij-profile-step#step-privacy .btn[type="submit"] + .small {
    display: block;
    margin-top: .25rem !important;
    line-height: 1.45;
}

@media (max-width: 860px) {
    .fij-profile-step#portfolio .fij-upload-row,
    .fij-profile-step#portfolio .fij-upload-row-spaced {
        margin-top: 1.2rem !important;
        padding-top: 1.15rem !important;
    }
    .fij-file-upload .fij-file-trigger,
    .fij-upload-card .fij-file-trigger,
    label.fij-file-trigger {
        width: 100%;
        min-height: 44px;
    }
    .fij-profile-step#step-rates label.fij-inline-check.fij-toggle-check,
    .fij-profile-step#step-rates .fij-toggle-check {
        min-height: 56px;
        padding: .85rem .9rem !important;
        gap: .75rem !important;
    }
    .fij-profile-step#step-privacy .btn[type="submit"] {
        width: 100%;
        margin-top: .3rem !important;
    }
}