/* Blogistics - Métiers 1.2.0 : s'appuie sur les variables et composants du thème Blogistics. */

/* ---------- En-têtes ---------- */
.mt-tete .wrap{grid-template-columns:minmax(0,1fr) auto}
.mt-tete .kicker{display:inline-block;margin-top:10px}
.mt-tete .kicker:hover{color:var(--rouge-fonce)}
.mt-tete h1{margin-top:4px}
.mt-tete .chapo,.mt-entete .chapo{font-size:16.5px;color:var(--texte-doux);max-width:72ch;margin-top:8px;line-height:1.45}
.mt-tete .ou{margin-top:12px}
.mt-tete .mt-maj{font-size:13px}
.mt-tete .cta{display:grid;gap:8px;align-self:center}
.mt-deux{margin-top:26px}
.mt-corps>*+*{margin-top:34px}

/* ---------- Partage ---------- */
.mt-partage{position:relative}
.mt-partage summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}
.mt-partage summary::-webkit-details-marker{display:none}
.mt-partage .ic-env{width:15px;height:15px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12v7a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-7M16 6l-4-4-4 4M12 2v13'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12v7a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-7M16 6l-4-4-4 4M12 2v13'/%3E%3C/svg%3E") center/contain no-repeat}
.mt-partage .menu{position:absolute;right:0;top:calc(100% + 6px);z-index:20;background:var(--fond);border:1px solid var(--trait);border-radius:var(--r);box-shadow:var(--ombre);min-width:220px;padding:6px 0;display:grid}
.mt-partage .menu a{display:flex;align-items:center;gap:9px;padding:8px 14px;font-size:14px;font-weight:600;font-family:var(--display)}
.mt-partage .menu a[hidden]{display:none}
.mt-partage .menu a:hover{background:var(--fond-doux);color:var(--rouge)}
.mt-partage .menu a::before{content:"";width:8px;height:8px;border-radius:2px;flex:none;background:var(--encre)}
.mt-partage .menu a.m-mail::before{background:var(--rouge)}.mt-partage .menu a.m-wa::before{background:#25d366}.mt-partage .menu a.m-li::before{background:#0a66c2}
.mt-partage .menu a.ok{color:var(--vert)}

/* ---------- Barre de salaire (jauge et comparateur) ---------- */
.mt-barre{position:relative;display:block;height:14px;background:var(--fond-doux);border-radius:7px}
.mt-plage{position:absolute;top:0;bottom:0;border-radius:7px;background:linear-gradient(90deg,var(--rouge-pale),var(--rouge));min-width:8px}
.mt-repere{position:absolute;top:-4px;bottom:-4px;width:4px;margin-left:-2px;border-radius:2px;background:var(--encre);box-shadow:0 0 0 2px var(--fond)}
.mt-smic{position:absolute;top:-6px;bottom:-6px;width:0;border-left:2px dashed var(--texte-doux);opacity:.8}
.mt-grad{position:relative;height:20px;margin-top:6px;font-size:11.5px;color:var(--texte-faible);font-variant-numeric:tabular-nums}
.mt-grad span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.mt-grad span:last-child{transform:translateX(-100%)}
.mt-grad span:last-child::before{left:100%}
.mt-grad span::before{content:"";position:absolute;left:50%;top:-6px;height:4px;border-left:1px solid var(--trait-fort)}
.mt-legende{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:13px;color:var(--texte-doux);margin-top:10px}
.mt-legende .lg-smic{display:inline-block;width:0;height:14px;border-left:2px dashed var(--texte-doux);opacity:.8}
.mt-legende .lg-rep{display:inline-block;width:4px;height:14px;border-radius:2px;background:var(--encre);margin-left:14px}

/* ---------- Bloc salaire de la fiche ---------- */
.mt-reponse{font-size:18px;line-height:1.5;color:var(--encre);max-width:68ch}
.mt-jauge{position:relative;margin-top:22px;padding-top:30px}
.mt-jauge .mt-barre{height:18px;border-radius:9px}
.mt-jauge .mt-plage{border-radius:9px}
.mt-etq{position:absolute;top:-30px;transform:translateX(-50%);font-family:var(--display);font-size:13px;white-space:nowrap;color:var(--texte-doux)}
.mt-etq b{font-weight:700;color:var(--encre)}
.mt-etq-m{top:auto;bottom:-28px}
.mt-etq-m b{color:var(--rouge);font-size:15px}
.mt-etq.fin{transform:translateX(-100%)}.mt-etq.debut{transform:none}
.mt-jauge .mt-grad{margin-top:34px}
.mt-points{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:1px;background:var(--trait);border:1px solid var(--trait);border-radius:var(--r);overflow:hidden;margin:18px 0 0}
.mt-points div{background:var(--fond);padding:12px 14px;display:grid;gap:4px;align-content:start}
.mt-points dt{font-size:12.5px;color:var(--texte-doux);font-family:var(--display);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.mt-points dd{margin:0;display:grid;gap:3px}
.mt-points dd b{font-family:var(--display);font-size:22px;font-weight:700;color:var(--encre);font-variant-numeric:tabular-nums;line-height:1.1}
.mt-points .p-mid dd b{color:var(--rouge)}
.mt-points small{font-size:12.5px;color:var(--texte-doux);line-height:1.35}
.mt-minimum{margin-top:18px;border-left:4px solid var(--encre);background:var(--fond-doux);padding:14px 18px;border-radius:0 var(--r) var(--r) 0;display:grid;gap:4px}
.mt-minimum b{font-family:var(--display);font-size:19px;color:var(--encre)}
.mt-minimum p{font-size:14.5px;color:var(--texte);line-height:1.5}
.mt-releves{margin-top:18px;border:1px solid var(--trait);border-radius:var(--r)}
.mt-releves summary{cursor:pointer;padding:11px 14px;font-family:var(--display);font-weight:700;color:var(--encre);list-style:none;display:flex;justify-content:space-between}
.mt-releves summary::-webkit-details-marker{display:none}
.mt-releves summary::after{content:"+";color:var(--rouge);font-weight:800}
.mt-releves[open] summary::after{content:"−"}
.mt-releves .tbl{overflow-x:auto;border-top:1px solid var(--trait)}
.mt-releves table{width:100%;border-collapse:collapse;font-size:14px}
.mt-releves th{text-align:left;font-family:var(--display);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--texte-doux);background:var(--fond-doux);padding:8px 12px;font-weight:700}
.mt-releves td{padding:9px 12px;border-top:1px solid var(--trait);vertical-align:top;line-height:1.4}
.mt-releves td:first-child{font-weight:600;color:var(--encre);min-width:130px}
.mt-releves td a{text-decoration:underline;text-decoration-color:var(--rouge);text-underline-offset:3px}
.mt-releves td.mt-val{font-variant-numeric:tabular-nums;font-weight:600;color:var(--encre);min-width:150px}
.mt-releves td:last-child{white-space:nowrap;color:var(--texte-doux)}
.mt-chiffres .chiffres{grid-template-columns:repeat(var(--n,4),minmax(0,1fr))}
.mt-chiffres .chiffres b{font-size:24px}
.mt-note{font-size:12.5px;color:var(--texte-faible);margin-top:8px}

/* ---------- Blocs de contenu ---------- */
.mt-texte .mt-angle{border-left:4px solid var(--rouge);background:var(--fond-doux);padding:16px 20px;border-radius:0 var(--r) var(--r) 0}
.mt-texte .mt-angle .k{display:block;font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rouge);margin-bottom:6px}
.mt-texte h2:first-child,.mt-texte .mt-angle+h2{margin-top:30px}
.mt-texte table{width:100%;border-collapse:collapse;font-size:15px}
.mt-texte th,.mt-texte td{border:1px solid var(--trait);padding:8px 10px;text-align:left;vertical-align:top}
.mt-texte th{background:var(--fond-doux);font-family:var(--display)}
.mt-bloc h2{font-size:24px;margin-bottom:14px}
.mt-bloc ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.mt-missions li,.mt-conditions li{position:relative;padding-left:22px;line-height:1.5}
.mt-missions li::before{content:"";position:absolute;left:2px;top:.55em;width:9px;height:9px;border-radius:2px;background:var(--rouge)}
.mt-conditions li::before{content:"";position:absolute;left:2px;top:.55em;width:9px;height:9px;border-radius:50%;border:2px solid var(--texte-doux)}
.mt-bloc li a{text-decoration:underline;text-decoration-color:var(--rouge);text-underline-offset:3px}
.mt-diplomes{grid-template-columns:repeat(2,minmax(0,1fr))}
.mt-diplomes li{border:1px solid var(--trait);border-radius:var(--r);padding:12px 14px;display:grid;gap:3px}
.mt-diplomes b{font-family:var(--display);color:var(--encre)}
.mt-diplomes span{font-size:14px;color:var(--texte-doux);line-height:1.4}
.mt-chemin{list-style:none;margin:0;padding:0;display:grid;gap:0;counter-reset:etape}
.mt-chemin li{position:relative;padding:10px 0 10px 34px;border-left:2px solid var(--trait);margin-left:9px;display:grid;gap:2px}
.mt-chemin li::before{content:"";position:absolute;left:-8px;top:14px;width:14px;height:14px;border-radius:50%;background:var(--fond);border:2px solid var(--texte-doux)}
.mt-chemin li.ici::before{background:var(--rouge);border-color:var(--rouge)}
.mt-chemin li:last-child{border-left-color:transparent}
.mt-chemin b{font-family:var(--display);color:var(--encre)}
.mt-chemin a b{text-decoration:underline;text-decoration-color:var(--rouge);text-underline-offset:3px}
.mt-chemin a:hover b{color:var(--rouge)}
.mt-chemin span{font-size:14px;color:var(--texte-doux)}
.mt-faq details p{margin-top:8px;line-height:1.55;color:var(--texte)}
.mt-faq details p a{text-decoration:underline;text-decoration-color:var(--rouge)}
.mt-sources{border-top:1px solid var(--trait);padding-top:16px;font-size:13.5px;color:var(--texte-doux)}
.mt-sources ol{margin:8px 0 0;padding-left:20px;columns:2;column-gap:28px}
.mt-sources li{break-inside:avoid;margin-bottom:3px}
.mt-sources a{color:var(--texte-doux);text-decoration:underline}
.mt-signaler{font-size:13.5px;color:var(--texte-doux)}
.mt-signaler a{color:var(--encre);text-decoration:underline;text-decoration-color:var(--rouge)}

/* ---------- Colonne ---------- */
.mt-bref .coord{display:grid;gap:9px}
.mt-bref .coord div{grid-template-columns:92px minmax(0,1fr)}
.mt-bref dd small{color:var(--texte-faible);font-size:12px}
.mt-ancre{display:inline-block;margin-top:12px;font-size:13.5px;font-weight:600;font-family:var(--display);color:var(--rouge)}
.lat .encart ul{margin:0;padding:0;list-style:none;display:grid;gap:7px;font-size:14.5px}
.mt-annu p{font-size:13.5px;color:var(--texte-doux);margin-bottom:8px}
.mt-annu li a,.mt-form li a,.mt-lire li a{color:var(--encre);text-decoration:underline;text-decoration-color:var(--trait-fort);text-underline-offset:3px}
.mt-annu li a:hover,.mt-form li a:hover,.mt-lire li a:hover{color:var(--rouge);text-decoration-color:var(--rouge)}
.mt-voisins li a{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.mt-voisins li b{font-family:var(--display);font-weight:600;color:var(--encre)}
.mt-voisins li small{color:var(--rouge);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.mt-voisins li a:hover b{color:var(--rouge)}
.mt-tout{display:inline-block;margin-top:12px;font-size:13.5px;font-weight:600;font-family:var(--display)}

/* ---------- Page /metiers/ ---------- */
.mt-page{padding-bottom:40px}
.mt-puces{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:22px 0 26px}
.mt-puces .n{margin-left:auto;font-size:13.5px;color:var(--texte-doux)}
.mt-comparateur .titre-section{flex-wrap:wrap}
.mt-tri{margin-left:auto}
.mt-tri select{font:inherit;font-size:14px;padding:6px 8px;border:1px solid var(--trait-fort);border-radius:var(--r);background:var(--fond);color:var(--texte)}
.mt-lecture{font-size:14px;color:var(--texte-doux);max-width:80ch;margin-bottom:14px}
.mt-tableau{--nom:230px;--val:118px;border:1px solid var(--trait);border-radius:var(--r);padding:8px 18px 12px}
.mt-tableau ul{margin:0;padding:0;list-style:none}
.mt-groupe-t{font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--texte-faible);padding:12px 0 4px;border-top:1px solid var(--trait)}
.mt-groupe:first-child .mt-groupe-t{border-top:0}
.mt-ligne{display:grid;grid-template-columns:var(--nom) minmax(0,1fr) var(--val);gap:16px;align-items:center;padding:9px 0}
.mt-ligne+.mt-ligne{border-top:1px dashed var(--trait)}
.mt-nom{font-family:var(--display);font-weight:600;color:var(--encre);line-height:1.25}
.mt-nom:hover{color:var(--rouge)}
.mt-piste{display:block}
.mt-val{display:grid;text-align:right;line-height:1.2;font-variant-numeric:tabular-nums}
.mt-val b{font-family:var(--display);font-size:16px;color:var(--encre)}
.mt-val small{font-size:12px;color:var(--texte-faible)}
.mt-tableau>.mt-grad{margin:8px calc(var(--val) + 16px) 0 calc(var(--nom) + 16px)}
.mt-ligne:hover .mt-plage{background:linear-gradient(90deg,var(--rouge-pale),var(--rouge-fonce))}
.mt-famille{margin-top:44px}
.mt-cartes{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mt-carte>a{height:100%;display:grid;align-content:start;gap:7px;border:1px solid var(--trait);border-radius:var(--r);padding:16px;background:var(--fond);transition:border-color .15s,box-shadow .15s}
.mt-carte>a:hover{border-color:var(--rouge);box-shadow:var(--ombre);color:inherit}
.mt-carte-h{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.mt-carte-h b{font-family:var(--display);font-size:18px;color:var(--encre);line-height:1.2}
.mt-carte>a:hover .mt-carte-h b{color:var(--rouge)}
.mt-carte-s{font-family:var(--display);font-weight:700;color:var(--rouge);white-space:nowrap;font-variant-numeric:tabular-nums}
.mt-carte-m{font-size:13px;color:var(--texte-doux)}
.mt-carte-a{font-size:14.5px;line-height:1.45;color:var(--texte)}
.mt-carte-c{font-size:13px;color:var(--texte-doux);border-top:1px solid var(--trait);padding-top:8px;margin-top:2px}
.mt-carte-c b{color:var(--encre);font-family:var(--display)}
.mt-bas{margin-top:48px}
.mt-methode h2{margin-top:0;padding-top:0}
[data-famille].mt-off{display:none!important}

@media (max-width:980px){
  .mt-cartes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mt-tete .wrap{grid-template-columns:minmax(0,1fr)}
  .mt-tete .cta{grid-auto-flow:column;justify-content:start}
}
@media (max-width:640px){
  .mt-cartes,.mt-diplomes{grid-template-columns:minmax(0,1fr)}
  .mt-points{grid-auto-flow:row}
  .mt-texte table{display:block;overflow-x:auto}
  .mt-tableau{padding:6px 12px 10px}
  .mt-ligne{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}
  .mt-piste{grid-column:1/-1;grid-row:2}
  .mt-tableau>.mt-grad{margin:8px 0 0}
  .mt-tri{margin-left:0;width:100%}
  .mt-chiffres .chiffres{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mt-sources ol{columns:1}
  .mt-etq{font-size:12px}
  .mt-reponse{font-size:17px}
  .mt-puces .n{margin-left:0;width:100%}
}
@media print{.mt-partage,.mt-puces,.mt-tri{display:none!important}}

/* ---------- Liaison avec les formations (1.1.0) ---------- */
.mt-formations-intro{font-size:15px;color:var(--texte-doux);margin-bottom:12px}
.mt-bloc .mt-form-liste{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}
.mt-form-liste li{border:1px solid var(--trait);border-radius:var(--r);padding:10px 12px;line-height:1.35}
.mt-form-liste li a{font-family:var(--display);font-weight:600;color:var(--encre);text-decoration:none}
.mt-form-liste li a:hover{color:var(--rouge)}
.mt-form-plus{margin-top:10px}
.mt-form-plus summary{cursor:pointer;font-family:var(--display);font-weight:700;color:var(--rouge);font-size:14px;margin-bottom:10px}
.mt-carte-f{font-size:13px;color:var(--rouge);font-weight:600}
.mt-apres{margin-top:36px;border-top:3px solid var(--encre);padding-top:12px}
.art-corps .mt-apres h2{margin-top:0;padding-top:0}
.mt-apres>p{font-size:15px;color:var(--texte-doux)}
.art-corps .mt-mini,.mt-mini{list-style:none;padding:0;margin:14px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.art-corps .mt-mini li{margin:0}
.mt-mini a{display:grid;gap:3px;border:1px solid var(--trait);border-radius:var(--r);padding:12px 14px;text-decoration:none!important;color:inherit;background:var(--fond)}
.mt-mini a:hover{border-color:var(--rouge)}
.mt-mini .t{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.mt-mini b{font-family:var(--display);color:var(--encre);font-size:16px}
.mt-mini a:hover b{color:var(--rouge)}
.mt-mini .s{font-family:var(--display);font-weight:700;color:var(--rouge);white-space:nowrap}
.mt-mini .m{font-size:13px;color:var(--texte-doux)}
.art-corps .mt-tout{text-decoration:none;color:var(--rouge)}
.mt-bande-form{margin:40px 0 10px}
.mt-bande-form ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mt-bande-form li a{display:flex;justify-content:space-between;gap:10px;align-items:baseline;border:1px solid var(--trait);border-radius:var(--r);padding:12px 14px}
.mt-bande-form li a:hover{border-color:var(--rouge)}
.mt-bande-form b{font-family:var(--display);color:var(--encre)}
.mt-bande-form span{font-size:13px;color:var(--rouge);font-weight:600;white-space:nowrap}
@media (max-width:640px){
  .mt-bloc .mt-form-liste,.art-corps .mt-mini,.mt-mini,.mt-bande-form ul{grid-template-columns:minmax(0,1fr)}
}

/* ---------- Envoyer à un ami (1.2.0) ---------- */
.mt-relais{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:16px 18px;border:1px solid var(--trait);border-left:4px solid var(--rouge);border-radius:var(--r)}
.mt-relais p{flex:1 1 300px;margin:0;display:grid;gap:2px}
.mt-relais b{font-family:var(--display);color:var(--encre)}
.mt-relais span{font-size:14px;color:var(--texte-doux)}
.mt-partage.bas .menu{right:auto;left:0;top:auto;bottom:calc(100% + 6px)}
.mt-carte{position:relative}
.mt-carte>a{padding-bottom:50px}
.mt-actions{position:absolute;right:12px;bottom:12px;z-index:3}
.mt-actions:has([open]){z-index:30}
.mt-envoi-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--trait-fort);border-radius:var(--r);background:var(--fond);padding:5px 9px;font-family:var(--display);font-weight:700;font-size:12.5px;color:var(--encre);white-space:nowrap}
.mt-envoi-btn:hover,.mt-partage.compact[open] .mt-envoi-btn{border-color:var(--rouge);color:var(--rouge)}
.mt-partage.compact .menu{top:auto;bottom:calc(100% + 6px);min-width:210px}
.mt-partage[open]{z-index:30}