/* =========================================================
   THERAOO CORE - FORMULAIRE FICHE THERAPEUTE
   ========================================================= */

#submit-job-form {
    margin-bottom: 40px;
}

/* ---------------------------------------------------------
   Blocs / sections
   --------------------------------------------------------- */

#submit-job-form .box-list-2,
#submit-job-form fieldset[class*="fieldset-custom-heading"] {
    background: #fff;
}

#submit-job-form fieldset[class*="fieldset-custom-heading"] {
    margin: 0;
    padding: 18px 28px;
    border-bottom: 1px solid #eceef3;
    border-radius: 6px 6px 0 0;
    /*box-shadow: 0 0 10px 1px rgba(71, 85, 95, 0.08); */
}

#submit-job-form fieldset[class*="fieldset-custom-heading"] .heading {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: #26354e;
}

/* ---------------------------------------------------------
   Champs
   --------------------------------------------------------- */

#submit-job-form fieldset {
    margin: 0;
    padding: 22px 28px;
    border-bottom: 1px solid #eef1f5;
}

#submit-job-form fieldset:last-child {
    border-bottom: 0;
}

#submit-job-form fieldset > label {
    display: block;
    margin: 0 0 8px;
    font-size: 15px;
    font-weight: 600;
    color: #26354e;
}

#submit-job-form small.description {
    display: block;
    margin-top: 6px;
    color: #8a9097;
    font-size: 13px;
    line-height: 1.45;
}

/* ---------------------------------------------------------
   Inputs
   --------------------------------------------------------- */

#submit-job-form input[type="text"],
#submit-job-form input[type="email"],
#submit-job-form input[type="url"],
#submit-job-form input[type="number"],
#submit-job-form textarea,
#submit-job-form select {
    width: 100%;
    min-height: 50px;

    padding: 10px 18px;

    background: #fbfdff;

    border: 1px solid #dde6ef;
    border-radius: 3px;

    box-shadow: none;

    color: #45515f;

    transition:
        border-color 0.2s ease,
        background-color 0.2s ease;
}

#submit-job-form textarea {
    min-height: 140px;
    resize: vertical;
}

#submit-job-form input:focus,
#submit-job-form textarea:focus,
#submit-job-form select:focus {
    border-color: #00abc9;
    background: #fff;
    outline: none;
}

/* =========================================================
   SELECT2 - STYLE FINDUS
   Activité professionnelle / Spécialités
   ========================================================= */

#submit-job-form .select2-container {
    width: 100% !important;
}

#submit-job-form .select2-container .select2-selection--multiple,
#submit-job-form .select2-container--default .select2-selection--multiple {
    background: #fbfdff !important;
    margin-bottom: 0;

    min-height: 50px;
    height: auto;

    padding: 0 20px;

    color: #626a70;

    border: 1px solid #dde6ef !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    transition: border-color 0.25s ease-in-out;
}


/* Liste des choix */

#submit-job-form
.select2-container .select2-selection--multiple
.select2-selection__rendered,

#submit-job-form
.select2-container--default .select2-selection--multiple
.select2-selection__rendered {

    padding-left: 0 !important;

    line-height: 48px;

    color: #626a70;
}


/* Badge sélectionné */

#submit-job-form
.select2-container .select2-selection--multiple
.select2-selection__choice,

#submit-job-form
.select2-container--default .select2-selection--multiple
.select2-selection__choice {

    margin-top: 5px !important;
    margin-right: 5px !important;

    padding: 4px 10px !important;

    line-height: 1.7;

    cursor: pointer;

    color: #626a70 !important;

    background: #fff !important;

    border: 1px solid #eaeff5 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    transition: all 0.3s ease-in-out;
}


/* Croix */

#submit-job-form
.select2-container .select2-selection--multiple
.select2-selection__choice
.select2-selection__choice__remove,

#submit-job-form
.select2-container--default .select2-selection--multiple
.select2-selection__choice
.select2-selection__choice__remove {

    margin-right: 5px !important;

    color: #ef2f24 !important;

    background: transparent !important;

    border: 0 !important;

    transition: all 0.3s ease-in-out;
}


/* Hover Findus : badge rouge */

#submit-job-form
.select2-container .select2-selection--multiple
.select2-selection__choice:hover,

#submit-job-form
.select2-container--default .select2-selection--multiple
.select2-selection__choice:hover {

    color: #fff !important;
    background: #ef2f24 !important;
}


/* Croix blanche au hover */

#submit-job-form
.select2-container .select2-selection--multiple
.select2-selection__choice:hover
.select2-selection__choice__remove,

#submit-job-form
.select2-container--default .select2-selection--multiple
.select2-selection__choice:hover
.select2-selection__choice__remove {

    color: #fff !important;
}


/* Champ de recherche invisible/intégré */

#submit-job-form
.select2-container .select2-search--inline
.select2-search__field {

    min-height: 38px !important;

    padding: 0 !important;

    margin: 0 !important;

    border: 0 !important;
    background: transparent !important;

    box-shadow: none !important;
}


/* Focus */

#submit-job-form
.select2-container--default.select2-container--focus
.select2-selection--multiple,

#submit-job-form
.select2-container--default.select2-container--open
.select2-selection--multiple {

    border-color: #00abc9 !important;
    outline: none !important;
}

/* ---------------------------------------------------------
   Uploads
   --------------------------------------------------------- */

#submit-job-form input[type="file"] {
    max-width: 100%;
}

#submit-job-form .job-manager-uploaded-files {
    margin-bottom: 10px;
}

#submit-job-form .job-manager-uploaded-file {
    margin-right: 10px;
}

/* ---------------------------------------------------------
   Réseaux sociaux
   --------------------------------------------------------- */

#submit-job-form .wc-job-manager-repeater-rows {
    padding: 15px;

    border: 1px solid #e4eaf1;
    border-radius: 4px;

    background: #fbfcfe;
}

#submit-job-form .repeater-field {
    padding: 18px;

    margin-bottom: 12px;

    background: #fff;

    border: 1px solid #e6ebf0;
    border-radius: 4px;
}

#submit-job-form .repeate_field_add_row,
#submit-job-form .delete-repeat-row {
    display: inline-block;
    margin-top: 8px;

    font-size: 13px;

    text-decoration: none;
}

#submit-job-form .repeate_field_add_row {
    color: #00abc9;
}

#submit-job-form .delete-repeat-row {
    color: #d9534f;
}

/* =========================================================
   HORAIRES
   ========================================================= */

#submit-job-form .theraoo-hours-field {
    margin-top: 10px;
}

/* Une ligne par jour */
#submit-job-form .theraoo-hours-day {
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr);
    column-gap: 18px;

    padding: 14px 0;

    border-bottom: 1px solid #eef1f5;
}

#submit-job-form .theraoo-hours-day:last-child {
    border-bottom: 0;
}

/* Nom du jour */
#submit-job-form .theraoo-hours-day-name {
    padding-top: 15px;

    font-size: 15px;
    font-weight: 500;

    color: #26354e;
}

/* Partie centrale : horaires + choix d'ouverture */
#submit-job-form .theraoo-hours-main {
    display: grid;

    grid-template-columns:
        minmax(0, 610px)
        minmax(220px, 260px);

    gap: 35px;

    align-items: start;
}

/* De / À */
#submit-job-form .theraoo-hours-period {
    display: grid;
    grid-template-columns: 1fr 1fr;

    gap: 20px;

    margin-bottom: 8px;
}

#submit-job-form .theraoo-hours-period select {
    width: 100%;
    height: 50px;

    padding: 8px 18px;

    background: #fbfdff;

    border: 1px solid #dde6ef;
    border-radius: 2px;
}

/* Ajouter / Supprimer */
#submit-job-form .theraoo-hours-actions {
    display: flex;
    gap: 15px;

    margin-top: 4px;
}

#submit-job-form .theraoo-add-hour,
#submit-job-form .theraoo-remove-hour {
    width: auto;
    height: auto;

    padding: 0;

    border: 0;

    background: transparent;

    font-size: 13px;
    font-weight: 400;

    cursor: pointer;
}

#submit-job-form .theraoo-add-hour {
    color: #5b8d28;
}

#submit-job-form .theraoo-remove-hour {
    color: #d9534f;
}

#submit-job-form .theraoo-add-hour:hover {
    color: #47731c;
}

#submit-job-form .theraoo-remove-hour:hover {
    color: #b52b27;
}

/* Radios à droite, en colonne */
#submit-job-form .theraoo-hours-type {
    display: flex;
    flex-direction: column;

    gap: 10px;

    padding-top: 0;
}

#submit-job-form .theraoo-hours-type label {
    display: flex;
    align-items: center;

    gap: 8px;

    margin: 0;

    font-size: 14px;
    font-weight: 400;

    color: #626a70;

    cursor: pointer;

    white-space: nowrap;
}

#submit-job-form .theraoo-hours-type input[type="radio"] {
    margin: 0;
    flex: 0 0 auto;
}

/* Responsive tablette */
@media (max-width: 991px) {

    #submit-job-form .theraoo-hours-main {
        grid-template-columns: 1fr;
    }

    #submit-job-form .theraoo-hours-type {
        margin-top: 8px;
    }
}

/* Responsive mobile */
@media (max-width: 767px) {

    #submit-job-form .theraoo-hours-day {
        grid-template-columns: 1fr;
        row-gap: 8px;
    }

    #submit-job-form .theraoo-hours-day-name {
        padding-top: 0;
        font-weight: 600;
    }

    #submit-job-form .theraoo-hours-period {
        grid-template-columns: 1fr;
        gap: 8px;
    }
}

#submit-job-form .theraoo-copy-previous-day {
    padding: 0;
    border: 0;
    background: transparent;

    color: #00abc9;

    font-size: 13px;
    font-weight: 400;

    cursor: pointer;
}

#submit-job-form .theraoo-copy-previous-day:hover {
    text-decoration: underline;
}
/* ---------------------------------------------------------
   Adresse
   --------------------------------------------------------- */

#submit-job-form .theraoo-location-field fieldset {
    padding-left: 0;
    padding-right: 0;
}

#submit-job-form .theraoo-geolocation-fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

/* ---------------------------------------------------------
   Boutons bas du formulaire
   --------------------------------------------------------- */

#submit-job-form input[type="submit"],
#submit-job-form button[type="submit"] {
    padding: 11px 24px;

    border: 0;
    border-radius: 4px;

    background: #00abc9;
    color: #fff;

    font-weight: 600;

    cursor: pointer;
}

#submit-job-form input[type="submit"]:hover,
#submit-job-form button[type="submit"]:hover {
    background: #008fa8;
}

/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */

@media (max-width: 767px) {

    #submit-job-form fieldset,
    #submit-job-form fieldset[class*="fieldset-custom-heading"] {
        padding-left: 18px;
        padding-right: 18px;
    }

    #submit-job-form .theraoo-hours-period {
        grid-template-columns: 1fr;
    }

    #submit-job-form .theraoo-geolocation-fields {
        grid-template-columns: 1fr;
    }

    #submit-job-form .theraoo-hours-type {
        flex-direction: column;
        gap: 6px;
    }

}

/* =========================================================
   CARTES DE SECTION
   ========================================================= */

#submit-job-form .box-list-2 {
    background: #fff;

    margin-bottom: 30px;

    border-radius: 6px;

    box-shadow:
        0 0 12px 1px rgba(71, 85, 95, 0.10);

    overflow: hidden;
}

/* En-tête : Vos informations, Média, Coordonnées... */

#submit-job-form .box-list-2 [class*="fieldset-custom-heading"] {
    padding: 20px 28px;

    margin: 0;

    border-bottom: 1px solid #eceef3;

    box-shadow: none;

    background: #fff;
}

#submit-job-form .box-list-2 [class*="fieldset-custom-heading"] .heading {
    margin: 0;

    font-size: 20px;
    font-weight: 600;

    color: #26354e;
}

/* Contenu de la carte */

#submit-job-form .box-list-2-inner {
    padding: 10px 28px 18px;
}

/* Évite le double padding horizontal */
#submit-job-form .box-list-2-inner > fieldset {
    padding-left: 0;
    padding-right: 0;
}

/* =========================================================
   SECTION MEDIA
   ========================================================= */

@media (min-width: 768px) {

    #submit-job-form .column-2 .box-list-2-inner {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px 48px;
    }

    #submit-job-form .column-2 .box-list-2-inner > fieldset {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        border-bottom: 0;
    }
}

/* =========================================================
   UPLOADS MEDIA
   ========================================================= */

#submit-job-form .fieldset-job_logo input[type="file"],
#submit-job-form .fieldset-job_cover_image input[type="file"],
#submit-job-form .fieldset-job_gallery_image input[type="file"] {
    width: 100%;
}


/* Zone d'upload WP Job Manager */
/* =========================================================
   CHAMPS UPLOAD - TOUS LES FIELDSETS DE TYPE FILE
   ========================================================= */

#submit-job-form fieldset.file input[type="file"] {
    display: none !important;
}

#submit-job-form fieldset.file .field {
    float: none !important;
    width: 100% !important;
}

#submit-job-form fieldset.file .label-can-drag {
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 100% !important;
    min-height: 135px;

    margin: 12px 0 8px !important;
    padding: 20px;

    border: 1px dashed #ccd4dd !important;
    border-radius: 4px;

    background: #fff;

    cursor: pointer !important;

    box-sizing: border-box;
}

#submit-job-form fieldset.file .label-can-drag:hover {
    border-color: #00abc9 !important;
    background: #f8fcfd;
}

#submit-job-form fieldset.file .label-can-drag,
#submit-job-form fieldset.file .label-can-drag * {
    cursor: pointer !important;
    pointer-events: auto;
}

#submit-job-form fieldset.file .theraoo-upload-zone {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    width: 100% !important;

    gap: 8px;

    text-align: center;
}

#submit-job-form fieldset.file .theraoo-upload-icon {
    display: block;

    font-size: 38px;
    line-height: 1;

    color: #52647a;
}

#submit-job-form fieldset.file .theraoo-upload-text {
    display: block;

    font-size: 18px;
    line-height: 1.2;

    color: #26354e;

    white-space: normal;
}

#submit-job-form fieldset.file small.description {
    display: block;
    clear: both;

    width: 100%;

    margin-top: 8px;

    color: #9aa1aa;
}

#submit-job-form .theraoo-upload-zone {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    gap: 8px;

    width: 100%;
}

#submit-job-form .theraoo-upload-icon {
    display: block;

    font-size: 38px;
    line-height: 1;

    font-weight: 300;

    color: #52647a;
}

#submit-job-form .theraoo-upload-text {
    font-size: 18px;
    font-weight: 400;

    color: #26354e;
}

/*images présentes en mode modification*/

#submit-job-form .job-manager-uploaded-files {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;

    gap: 10px;

    margin: 10px 0;
}


#submit-job-form .job-manager-uploaded-file-preview {
    position: relative;

    display: inline-block;
}


#submit-job-form .job-manager-uploaded-file-preview {
    position: relative;
    display: inline-block;
}

#submit-job-form .job-manager-uploaded-file-preview img {
    display: block;

    width: auto;
    height: 78px;

    object-fit: cover;

    border-radius: 2px;
}

#submit-job-form .job-manager-remove-uploaded-file {
    position: absolute;

    top: 0;
    right: 0;

    width: 24px;
    height: 24px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0 !important;

    background: #ef2f24;
    color: #fff !important;

    border: 0;
    border-radius: 0 2px 0 2px;

    font-size: 18px;
    font-weight: 400;
    line-height: 1;

    text-decoration: none;

    cursor: pointer;
}

#submit-job-form .job-manager-remove-uploaded-file:hover {
    background: #d9251b;
    color: #fff !important;
}

/* Croix de suppression */

#submit-job-form .job-manager-remove-uploaded-file,
#submit-job-form .job-manager-remove-uploaded-file-logo {

    position: absolute;

    top: 0;
    right: 0;

    width: 24px;
    height: 24px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0 !important;

    background: #ef2f24;
    color: #fff !important;

    border: 0;
    border-radius: 2px;

    font-size: 12px;
    line-height: 1;
}

#submit-job-form
.box-list-2:has(.fieldset-job_logo)
.box-list-2-inner > fieldset {

    margin: 0;

    padding-top: 22px;
    padding-bottom: 22px;

    border-bottom: 0;
}

#submit-job-form .label-can-drag {
    cursor: pointer!important;
}

#submit-job-form .label-can-drag * {
    cursor: pointer!important;
}

/* Annule le layout historique WP Job Manager label gauche / champ droite */
#submit-job-form fieldset > label,
#submit-job-form fieldset > .field {
    float: none !important;
    width: 100% !important;
}

#submit-job-form fieldset > label {
    margin-bottom: 8px;
}

#submit-job-form fieldset::after {
    content: "";
    display: table;
    clear: both;
}

/* =========================================================
   SECTION COORDONNEES CARTE
   ========================================================= */

#submit-job-form .fieldset-job_location {
    padding-top: 20px;
    padding-bottom: 20px;
}

#submit-job-form .theraoo-location-field {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 1fr);
    gap: 28px;
    align-items: start;
}

#submit-job-form .theraoo-location-fields {
    min-width: 0;
}

#submit-job-form .theraoo-location-map {
    min-height: 260px;
    border-radius: 4px;
    overflow: hidden;
    background: #f5f7f9;
}

#submit-job-form .theraoo-location-map .leaflet-container {
    width: 100%;
    height: 100%;
    min-height: 260px;
}

#submit-job-form .theraoo-geolocation-fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

#submit-job-form .fieldset-job_phone,
#submit-job-form .fieldset-job_website {
    clear: both;
}

/* =========================================================
   LOCALISATION
   ========================================================= */

#submit-job-form .theraoo-location-field {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(380px, 1fr);
    gap: 30px;
    align-items: center;
}

#submit-job-form .theraoo-location-fields {
    min-width: 0;
}

#submit-job-form .theraoo-location-field fieldset {
    padding: 0;
    margin: 0 0 18px;
    border: 0;
}

#submit-job-form .theraoo-location-address-wrapper {
    position: relative;
}

#submit-job-form .theraoo-location-address-wrapper .input-location-field {
    padding-right: 48px;
}

#submit-job-form .theraoo-find-me {
    position: absolute;

    top: 7px;
    right: 8px;

    width: 36px;
    height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    border: 0;
    background: transparent;

    color: #52647a;

    font-size: 22px;
    line-height: 1;

    cursor: pointer;
}

#submit-job-form .theraoo-find-me:hover {
    color: #00abc9;
}

#submit-job-form .theraoo-find-me.loading {
    opacity: .5;
}

#submit-job-form .theraoo-geocode-results {
    display: none;

    position: absolute;

    top: calc(100% + 2px);
    left: 0;
    right: 0;

    z-index: 50;

    background: #fff;

    border: 1px solid #dde6ef;

    box-shadow: 0 6px 18px rgba(0,0,0,.10);

    max-height: 260px;
    overflow-y: auto;
}

#submit-job-form .theraoo-geocode-results.active {
    display: block;
}

#submit-job-form .theraoo-geocode-results .result-item {
    padding: 10px 14px;

    border-bottom: 1px solid #eef1f5;

    cursor: pointer;

    font-size: 13px;
    line-height: 1.4;
}

#submit-job-form .theraoo-geocode-results .result-item:last-child {
    border-bottom: 0;
}

#submit-job-form .theraoo-geocode-results .result-item:hover {
    background: #f6fafc;
}

#submit-job-form .theraoo-geolocation-fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

#submit-job-form .theraoo-location-map-wrapper {
    width: 100%;
}

#submit-job-form .theraoo-location-map {
    width: 100%;
    height: 260px;

    min-height: 260px;

    border-radius: 4px;

    overflow: hidden;

    background: #f3f5f7;
}

#submit-job-form .theraoo-location-help {
    margin-top: 0;
}

@media (max-width: 991px) {

    #submit-job-form .theraoo-location-field {
        grid-template-columns: 1fr;
    }

    #submit-job-form .theraoo-location-map {
        height: 300px;
    }
}

@media (max-width: 767px) {

    #submit-job-form .theraoo-geolocation-fields {
        grid-template-columns: 1fr;
    }
}

.theraoo-map-marker {
    background: transparent;
    border: 0;
}

.theraoo-map-marker-inner {
    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #00abc9;
    color: #fff;

    border: 3px solid #fff;
    border-radius: 50% 50% 50% 0;

    box-shadow: 0 2px 7px rgba(0,0,0,.25);

    font-size: 13px;

    transform: rotate(-45deg);
}

.theraoo-map-marker-inner::before {
    content: "";
    width: 8px;
    height: 8px;

    background: #fff;
    border-radius: 50%;

    display: block;
}

.theraoo-map-leaflet {
    width: 100%;
    height: 350px;
    min-height: 350px;
    overflow: hidden;
}

.theraoo-profile-marker {
    background: transparent !important;
    border: 0 !important;
}

.theraoo-profile-marker-inner {
    width: 54px;
    height: 54px;
    padding: 3px;
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 3px 12px rgba(0,0,0,.28);
    box-sizing: border-box;
}

.theraoo-profile-marker-inner img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover;
    object-position: center;
    border-radius: 50% !important;
}

/* =========================================================
   CONTENU INTERNE DES CARTES
   ========================================================= */

.theraoo-dashboard-card-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
}

.theraoo-dashboard-card-content {
    min-width: 0;
}

.theraoo-adresse{
    margin-top:15px;
}


/* =========================================================
   ICONES SVG
   ========================================================= */

.theraoo-dashboard-icon {
    flex: 0 0 auto;
    width: 64px;
    height: 64px;
    opacity: 0.32;
}

.theraoo-dashboard-icon svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}


/* =========================================================
   RESPONSIVE ICONES
   ========================================================= */

@media (max-width: 767px) {

    .theraoo-dashboard-icon {
        width: 54px;
        height: 54px;
    }

}

/* =========================================================
   Agenda Calendly - Bouton d'ouverture
   ========================================================= */

.theraoo-agenda-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 18px;

    border: 0;
    border-radius: 6px;

    background: #196788;
    color: #fff;

    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.theraoo-agenda-toggle:hover {
    background: #14546f;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
}

.theraoo-agenda-toggle:focus-visible {
    outline: 2px solid #196788;
    outline-offset: 3px;
}

.theraoo-agenda-toggle:active {
    transform: translateY(0);
}