:root {
    --cv-decalage-libelles: 170px;
    --cv-gap-libelles: 30px;
}

/* Liste des metas en mode flex-gauche/droite */
body .single-resume-content ul.meta li {
    display: flex;
    flex-wrap: nowrap; /* Empêche le passage à la ligne */
    margin-bottom: 10px;
    padding-left:0;
    color: black;
    float: none !important;     /* on neutralise WPJM */
    width: 100%;
    align-items: flex-start; /* Alignement en haut pour les longs textes */
}

/* Label à gauche, largeur fixe 170px */
body .single-resume-content ul.meta li .resume-label {
    line-height: 24px;
    flex: 0 0 calc(var(--cv-decalage-libelles) + var(--cv-gap-libelles));  
    font-weight: bold;
    margin-right: 10px;
}

/* Valeur à droite, occupe tout l'espace restant */
body .single-resume-content ul.meta li .resume-value {
    line-height: 24px;
    flex: 1 1 auto;
    word-wrap: break-word; /* Permet le retour à la ligne des longs textes */
    overflow-wrap: break-word; /* Support supplémentaire */
}


body .single-resume-content .cv-contact-form {
    margin-left: calc(var(--cv-decalage-libelles) + var(--cv-gap-libelles));
}
body .single-resume-content .cv-contact-form .resume_contact .resume_contact_button{
    font-family: 'Poppins', sans-serif;
    font-size:16px;
    font-weight:normal;
    text-transform:capitalize;
    padding: 10px 15px;
    width:auto;
}

/* Container aside CV en flex */
body .single-resume-content .resume-aside {
    display: flex;
    flex-wrap: wrap; /* Permet le passage à la ligne en responsive */
    gap: var(--cv-gap-libelles); /* Espace horizontal entre photo et infos */
    margin-bottom: 20px;
    border: none;
    box-shadow: none;
}

body .single-resume-content .resume-aside *{
    font-family: 'Poppins', sans-serif;
}

/*************************************/
/* Fiche deux colonnes photo + infos */
/*************************************/

/* Container de la photo */
body .single-resume-content .resume-aside .candidate-photo {
    flex: 0 0 var(--cv-decalage-libelles); /* Largeur fixe de 170px */
}

/* Image candidat */
body .single-resume-content .resume-aside .candidate-photo {
    max-width: var(--cv-decalage-libelles);
    width: 100%;
    height: auto;
    border-radius: 6px;
    display: block;
}

body .single-resume-content .resume-aside .candidate-photo img{
    position: relative;
    width:auto;
    height:auto;
}

/* Section des informations à côté de la photo */
body .single-resume-content .resume-aside .candidate-info {
    flex: 1; /* Prend tout l'espace restant */
    text-align: left;
    min-width: 0; /* Permet le shrink correct en flex */
}

/* Espacement entre les infos du candidat */
body .single-resume-content .resume-aside .candidate-info p {
    margin-bottom: 5px;
    color:black;
}

/* Style pour le nom du candidat */
body .single-resume-content .resume-aside h2.candidate-name {
    margin-bottom: 10px;
    margin-top: 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--ast-global-color-0);
}

body .single-resume-content .resume-aside p.job-title, body .single-resume-content .resume-aside p.location {
    padding-left: 0; /* Surchage style plugin par défaut */
}

body .single-resume-content .resume-aside p.job-title, body .single-resume-content .resume-aside p.location * {
    font-weight:normal;
    color:black;
}

body .single-resume-content .resume-aside p.location a::before{
    display:none;
}

/* Section des actions (téléchargement + vidéo) */
body .single-resume-content .resume-aside .candidate-actions {
    flex: 0 0 auto;
}


/* Lien de téléchargement du CV */
body .single-resume-content .candidate-actions .resume-link a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
}

body .single-resume-content .candidate-actions .resume-link a::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23DC3545' d='M181.9 256.1c-5-16-4.9-46.9-2-46.9 8.4 0 7.6 36.9 2 46.9zm-1.7 47.2c-7.7 20.2-17.3 43.3-28.4 62.7 18.3-7 39-17.2 62.9-21.9-12.7-9.6-24.9-23.4-34.5-40.8zM86.1 428.1c0 .8 13.2-5.4 34.9-40.2-6.7 6.3-29.1 24.5-34.9 40.2zM248 160h136v328c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V24C0 10.7 10.7 0 24 0h200v136c0 13.2 10.8 24 24 24zm-8 171.8c-20-12.2-33.3-29-42.7-53.8 4.5-18.5 11.6-46.6 6.2-64.2-4.7-29.4-42.4-26.5-47.8-6.8-5 18.3-.4 44.1 8.1 77-11.6 27.6-28.7 64.6-40.8 85.8-.1 0-.1.1-.2.1-27.1 13.9-73.6 44.5-54.5 68 5.6 6.9 16 10 21.5 10 17.9 0 35.7-18 61.1-61.8 25.8-8.5 54.1-19.1 79-23.2 21.7 11.8 47.1 19.5 64 19.5 29.2 0 31.2-32 19.7-43.4-13.9-13.6-54.3-9.7-73.6-7.2zM377 105L279 7c-4.5-4.5-10.6-7-17-7h-6v128h128v-6.1c0-6.3-2.5-12.4-7-16.9zm-74.1 255.3c4.1-2.7-2.5-11.9-42.8-9 37.1 15.8 42.8 9 42.8 9z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
}

body .single-resume-content .candidate-actions .resume-link a:hover::before {
    opacity: 0.7;
}

/* Version mobile : actions passent en dessous */
@media screen and (max-width: 768px) {
    body .single-resume-content ul.meta li {
        display: block;
    }
    body .single-resume-content ul.meta li .resume-label {
        flex: unset;
        margin-bottom: 5px;
    }
    body .single-resume-content ul.meta li .resume-value {
        flex: unset;
    }
    
    /* Les actions passent en dessous (photo + infos restent côte à côte) */
    body .single-resume-content .resume-aside .candidate-actions {
        flex: 1 1 100%; /* Force le passage à la ligne */
        order: 2; /* Passe en dernier */
    }
    
    /* La photo reste en haut à gauche */
    body .single-resume-content .resume-aside .candidate-photo {
        order: 0;
        flex: 0 0 120px; /* Réduction de la taille en mobile */
        max-width: 120px;
    }
    
    /* Les infos restent à droite de la photo */
    body .single-resume-content .resume-aside .candidate-info {
        order: 1;
        flex: 1; /* Prend l'espace restant à côté de la photo */
    }
}