/* Serv'o Offres d'emploi — CSS listing. Base reprise verbatim du cahier §6.3. */

.jobs-layout{display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:start;}
.job-list{display:flex;flex-direction:column;gap:16px;}
.job-card{background:#fff;border-radius:14px;padding:24px 28px;border:1px solid rgba(12,50,106,.08);border-left:4px solid #0C326A;transition:transform .18s,box-shadow .18s;position:relative;}
.job-card svg{color:#0C326A;}
.job-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(12,50,106,.1);}
.job-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px;}
.job-tag{font-family:Roboto,sans-serif;font-size:11px;font-weight:700;padding:3px 10px;border-radius:5px;text-transform:uppercase;letter-spacing:.04em;}
.job-tag.urgent{background:#22CB82;color:#fff;}
.job-tag.type{background:#0C326A;color:#fff;}
.job-tag.dept{background:#eef2f8;color:#0C326A;}      /* couleur dept : à confirmer sur le live */
.job-card h3{color:#0C326A;margin:0 0 4px;}           /* titre carte */
.job-company{color:#737a84;margin-bottom:14px;}
.job-meta{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:14px;}
.job-meta-item{display:flex;align-items:center;gap:6px;font-family:Roboto,sans-serif;font-size:13px;color:#5b6470;}
.job-meta-item svg{width:15px;height:15px;flex-shrink:0;color:#737a84;}
.job-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.job-arrow{position:absolute;top:24px;right:24px;width:44px;height:44px;border-radius:50%;background:#f4f1ec;display:flex;align-items:center;justify-content:center;transition:background .15s;}
.job-card:hover .job-arrow{background:#0C326A;}
.job-card:hover .job-arrow svg{stroke:#fff;}
.job-arrow svg{width:20px;height:20px;stroke:#0C326A;transition:stroke .15s;}
@media(max-width:900px){.jobs-layout{grid-template-columns:1fr;}}

/* --- Compléments fidèles au design décrit (boutons, sidebar, menu Partager) --- */

/* Titre carte : le <h3> contient un lien, on neutralise le style de lien. */
.job-card h3 a{color:inherit;text-decoration:none;}
.job-card h3 a:hover{text-decoration:underline;}

/* Boutons d'action */
.job-btn{display:inline-block;font-family:Roboto,sans-serif;font-size:14px;font-weight:700;line-height:1;padding:11px 20px;border-radius:30px;cursor:pointer;text-decoration:none;transition:background .15s,color .15s,border-color .15s;border:2px solid transparent;}
.job-btn.apply{background:#22CB82;color:#fff;border-color:#22CB82;}
.job-btn.apply:hover{background:#1aa86b;border-color:#1aa86b;}
.job-btn.detail{background:transparent;color:#0C326A;border-color:#0C326A;}
.job-btn.detail:hover{background:#0C326A;color:#fff;}

/* Menu Partager */
.job-share{position:relative;}
.job-btn.share-toggle{background:#f5f8fc;color:#0C326A;border-color:#e7eef7;}
.job-btn.share-toggle:hover{background:#eef2f8;}
.job-share-menu{position:absolute;bottom:calc(100% + 8px);left:0;background:#fff;border:1px solid #e7eef7;border-radius:12px;box-shadow:0 8px 28px rgba(12,50,106,.14);padding:6px;min-width:170px;z-index:10;display:flex;flex-direction:column;gap:2px;}
.job-share-menu[hidden]{display:none;}
.job-share-menu a,.job-share-menu button{display:block;width:100%;text-align:left;background:none;border:none;padding:9px 12px;border-radius:8px;font-size:14px;color:#33414f;cursor:pointer;text-decoration:none;font-family:inherit;}
.job-share-menu a:hover,.job-share-menu button:hover{background:#f5f8fc;color:#0C326A;}

/* Colonne latérale « candidature spontanée » */
.sidebar{position:sticky;top:20px;}
.sidebar-card{background:#f5f8fc;border-radius:18px;padding:28px 26px;border:1px solid #e7eef7;}
.sidebar-card h3{color:#0C326A;font-size:20px;margin:0 0 12px;}
.sidebar-card p{color:#5b6470;font-size:15px;line-height:1.6;margin:0 0 18px;}
.sidebar-card .job-btn.apply{width:100%;text-align:center;box-sizing:border-box;}
.sidebar-coords{font-size:13px;color:#737a84;margin:16px 0 0;}

.job-empty{color:#5b6470;font-size:15px;}

@media(max-width:900px){.sidebar{position:static;}}