/*
Theme Name: Emploi-Service
Theme URI: https://mostemp.com
Author: Paul Melam
Description: Thème WordPress Emploi-Service (emploi, formation, services à la personne) avec base de données des demandes.
Version: 1.1
Text Domain: emploi-service
*/
*{box-sizing:border-box}body{margin:0;font:16px/1.6 Georgia,serif;color:#1c2b3a;background:#f6f8fb}a{color:#0d3b66}h1,h2,h3{font-family:Trebuchet MS,Arial,sans-serif;line-height:1.2}
.nav{background:#0d3b66;position:sticky;top:0;z-index:99;display:flex;flex-wrap:wrap;align-items:center;padding:6px 14px}
.nav img{height:44px;border-radius:50%;margin-right:12px}.nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.nav li{position:relative}.nav a{color:#fff;text-decoration:none;padding:10px 12px;display:block;font:15px Arial,sans-serif}
.nav a:hover,.nav a:focus{background:#f58220}.nav ul ul{display:none;position:absolute;background:#0d3b66;min-width:190px;top:100%;flex-direction:column}
.nav li:hover>ul,.nav li:focus-within>ul{display:flex}
.band{background-size:cover;background-position:center;color:#fff;padding:70px 22px;position:relative}.band:before{content:"";position:absolute;inset:0;background:rgba(10,30,55,.62)}
.band>div{position:relative;max-width:900px;margin:auto}.hero{padding:120px 22px}.hero h1{font-size:2.6rem}
main{max-width:980px;margin:auto;padding:30px 20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.card{background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 1px 6px #0002}.card img{width:100%;height:180px;object-fit:cover;display:block}.card div{padding:14px}
.btn,.es-form button{display:inline-block;background:#f58220;color:#fff;padding:10px 20px;border-radius:4px;text-decoration:none;font:16px Arial,sans-serif;border:0;cursor:pointer}.btn:hover,.es-form button:hover{background:#d96d10}
.es-form input,.es-form select,.es-form textarea{width:100%;padding:10px;margin:4px 0 12px;border:1px solid #9ab;border-radius:4px;font:inherit}.es-form input[type=checkbox]{width:auto}.es-ok{background:#e4f6ec;border-left:5px solid #2a9d5c;padding:10px 14px}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.gal img{width:100%;height:170px;object-fit:cover;border-radius:4px}
.ok,.ko{padding:8px 14px;background:#fff;border-left:5px solid #2a9d5c}.ko{border-color:#f58220}
footer{background:#0d3b66;color:#dde;padding:28px 20px;text-align:center;font-size:14px}footer a{color:#ffc58a}
@media(max-width:700px){.hero h1{font-size:1.9rem}.nav ul ul{position:static}}

.clk{margin-left:auto;color:#ffd9b0;font:14px Arial,sans-serif;padding:0 10px;white-space:nowrap}
.plan{list-style:none;display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;padding:0;margin:10px 0}
.stats{display:flex;flex-wrap:wrap;gap:12px}
#cbar{position:sticky;top:60px;z-index:8;background:#fff;box-shadow:0 2px 8px #0002;padding:8px 14px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.cty{border:2px solid #0d3b66;background:#fff;color:#0d3b66;border-radius:30px;padding:7px 14px;font:600 14px Arial;cursor:pointer}.cty.on,.cty:hover{background:#0d3b66;color:#fff}
#sites{flex-basis:100%;font:14px Arial;margin:2px 0}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.chips a{background:#fff;border:1px solid #cbd5e1;border-radius:30px;padding:6px 14px;text-decoration:none;font:14px Arial}.chips a:hover{background:#f58220;color:#fff;border-color:#f58220}
.dests{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:10px 0 30px}
.dest{background:linear-gradient(135deg,#0d3b66,#1b6aa5);color:#fff;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:2px;cursor:pointer;transition:.2s;border:3px solid transparent}
.dest:hover,.dest.on{transform:translateY(-4px);border-color:#f58220}.dest .fl{font-size:38px}.dest small{font-size:14px;opacity:.9}.dest span:last-child{font:12px Arial;opacity:.8;margin-top:6px}
.sect{display:grid;grid-template-columns:1.15fr 1fr;gap:34px;align-items:center;margin:54px 0;scroll-margin-top:130px}.sect.rev .mos{order:2}
.mos{display:grid;gap:8px;height:340px}.mos.m3{grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr}.mos.m3 img:first-child{grid-row:span 2}.mos.m2{grid-template-columns:1fr 1fr}.mos.m1{grid-template-columns:1fr}
.mos img{width:100%;height:100%;object-fit:cover;border-radius:12px;box-shadow:0 4px 14px #0003;transition:transform .35s}.mos img:hover{transform:scale(1.03)}
.tag{background:#fde6d0;color:#a14d00;border-radius:20px;padding:3px 12px;font:600 13px Arial}.txt h2{font-size:1.9rem;margin:10px 0 6px;color:#0d3b66}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.pill{background:#fff;border:1.5px solid #0d3b66;border-radius:30px;padding:6px 14px;text-decoration:none;font:14px Arial}.pill:hover{background:#0d3b66;color:#fff}
@media(max-width:800px){.sect{grid-template-columns:1fr}.sect.rev .mos{order:0}.mos{height:260px}#cbar{top:0}.clk{margin-left:0;width:100%;padding:4px 10px}}

/* --- Offres par secteur --- */
.stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.stats span{background:#ffffff26;border:1px solid #ffffff55;border-radius:30px;padding:6px 16px;font:14px Arial}
.clk{margin-left:auto;color:#ffd9b0;font:14px Arial,sans-serif;padding:0 10px;white-space:nowrap}@media(max-width:800px){.clk{margin-left:0;width:100%}}#cbar{position:sticky;top:60px;z-index:8;background:#fff;box-shadow:0 2px 8px #0002;padding:8px 14px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.cty{border:2px solid #0d3b66;background:#fff;color:#0d3b66;border-radius:30px;padding:7px 14px;font:600 14px Arial;cursor:pointer}.cty.on,.cty:hover{background:#0d3b66;color:#fff}
#sites{flex-basis:100%;font:14px Arial;margin:2px 0}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.chips a{background:#fff;border:1px solid #cbd5e1;border-radius:30px;padding:6px 14px;text-decoration:none;font:14px Arial}.chips a:hover{background:#f58220;color:#fff;border-color:#f58220}
.dests{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:10px 0 30px}
.dest{background:linear-gradient(135deg,#0d3b66,#1b6aa5);color:#fff;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:2px;cursor:pointer;transition:.2s;border:3px solid transparent}
.dest:hover,.dest.on{transform:translateY(-4px);border-color:#f58220}.dest .fl{font-size:38px}.dest small{font-size:14px;opacity:.9}.dest span:last-child{font:12px Arial;opacity:.8;margin-top:6px}
.sect{display:grid;grid-template-columns:1.15fr 1fr;gap:34px;align-items:center;margin:54px 0;scroll-margin-top:130px}.sect.rev .mos{order:2}
.mos{display:grid;gap:8px;height:340px}.mos.m3{grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr}.mos.m3 img:first-child{grid-row:span 2}.mos.m2{grid-template-columns:1fr 1fr}
.mos img{width:100%;height:100%;object-fit:cover;border-radius:12px;box-shadow:0 4px 14px #0003;transition:transform .35s}.mos img:hover{transform:scale(1.03)}
.tag{background:#fde6d0;color:#a14d00;border-radius:20px;padding:3px 12px;font:600 13px Arial}.txt h2{font-size:1.9rem;margin:10px 0 6px;color:#0d3b66}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.pill{background:#fff;border:1.5px solid #0d3b66;border-radius:30px;padding:6px 14px;text-decoration:none;font:14px Arial}.pill:hover{background:#0d3b66;color:#fff}
@media(max-width:800px){.sect{grid-template-columns:1fr}.sect.rev .mos{order:0}.mos{height:260px}#cbar{top:0}}
.es-clock{margin-left:auto;color:#fff;font:13px/1.25 Arial,sans-serif;text-align:right;padding:0 10px}.es-clock b{font-size:17px}
@media(max-width:700px){.es-clock{margin-left:0;width:100%;text-align:left}}