/* ============================================================
 * ESSIKNETWORK — Port React Services/Solutions/Projects -> WP
 * Reproduit ServicesPage.tsx / SolutionsPage.tsx / ProjectsPage.tsx
 * en CSS vanilla (sans Tailwind). Préfixe: .erx-
 * Corrige aussi : liens bleus soulignés, double titre, cartes.
 * ============================================================ */
.erx-page{padding:7rem 0 5rem;background:#fff;min-height:60vh}
html[data-theme="dark"] .erx-page{background:#090B0E}
.erx-wrap{max-width:80rem;margin:0 auto;padding:0 1rem}
@media(min-width:640px){.erx-wrap{padding:0 1.5rem}}
@media(min-width:1024px){.erx-wrap{padding:0 2rem}}
.erx-head{text-align:center;max-width:48rem;margin:0 auto 3rem;display:flex;flex-direction:column;align-items:center;gap:1rem}
.erx-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .9rem;border-radius:9999px;background:#FFF2EB;color:#FF5500;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;border:1px solid #fed7aa}
html[data-theme="dark"] .erx-badge{background:rgba(255,85,0,.12);border-color:rgba(255,85,0,.3)}
.erx-title{font-size:1.9rem;font-weight:900;letter-spacing:-.02em;color:#0f172a;margin:0;line-height:1.15}
@media(min-width:640px){.erx-title{font-size:2.5rem}}
@media(min-width:768px){.erx-title{font-size:3rem}}
html[data-theme="dark"] .erx-title{color:#fff}
.erx-sub{font-size:1rem;color:#475569;line-height:1.7;margin:0}
@media(min-width:640px){.erx-sub{font-size:1.125rem}}
html[data-theme="dark"] .erx-sub{color:#cbd5e1}
/* --- Barre recherche + filtres (Services) --- */
.erx-toolbar{background:#f8fafc;border:1px solid #e2e8f0;padding:1rem;border-radius:1rem;margin-bottom:2.5rem;display:flex;flex-direction:column;gap:1rem}
@media(min-width:768px){.erx-toolbar{flex-direction:row;align-items:center;justify-content:space-between}}
html[data-theme="dark"] .erx-toolbar{background:#12161F;border-color:#1F2633}
.erx-search{position:relative;width:100%}
@media(min-width:768px){.erx-search{width:20rem}}
.erx-search svg{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#94a3b8}
.erx-search input{width:100%;padding:.55rem 1rem .55rem 2.5rem;font-size:.75rem;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;color:#0f172a;box-sizing:border-box}
html[data-theme="dark"] .erx-search input{background:rgba(30,41,59,.8);border-color:#334155;color:#fff}
.erx-search input:focus{outline:none;border-color:#FF5500}
.erx-pills{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}
.erx-pill{padding:.45rem .8rem;border-radius:.6rem;font-size:.72rem;font-weight:700;cursor:pointer;background:#fff;color:#334155;border:1px solid #e2e8f0;transition:all .2s}
html[data-theme="dark"] .erx-pill{background:#1e293b;color:#cbd5e1;border-color:#334155}
.erx-pill:hover{border-color:#94a3b8}
.erx-pill.is-active{background:#FF5500;border-color:#FF5500;color:#fff}
/* --- Grille cartes --- */
.erx-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}
@media(min-width:768px){.erx-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.erx-grid.erx-grid-3{grid-template-columns:repeat(3,1fr)}}
.erx-card{background:rgba(248,250,252,.7);border:1px solid rgba(226,232,240,.8);border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.08);display:flex;flex-direction:column;justify-content:space-between;transition:all .3s;text-decoration:none!important}
html[data-theme="dark"] .erx-card{background:#12161F;border-color:#1F2633}
.erx-card:hover{border-color:rgba(255,85,0,.5);box-shadow:0 20px 40px rgba(2,6,23,.12)}
.erx-card a{text-decoration:none!important}
.erx-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.erx-icon{width:3rem;height:3rem;border-radius:.75rem;background:rgba(255,85,0,.08);color:#FF5500;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.2rem}
.erx-card:hover .erx-icon{background:#FF5500;color:#fff}
.erx-num{font-family:ui-monospace,monospace;font-size:.7rem;font-weight:700;color:#94a3b8;background:#fff;padding:.25rem .6rem;border-radius:.5rem;border:1px solid rgba(226,232,240,.6)}
html[data-theme="dark"] .erx-num{background:#1e293b;border-color:#334155}
.erx-card h3{font-size:1.1rem;font-weight:800;color:#0f172a;margin:0 0 .5rem;line-height:1.35}
html[data-theme="dark"] .erx-card h3{color:#fff}
.erx-card:hover h3{color:#FF5500}
.erx-card h3 a{color:inherit!important;text-decoration:none!important}
.erx-card h3 a:hover{color:#FF5500!important}
.erx-desc{font-size:.82rem;color:#475569;line-height:1.65;margin:0 0 1rem}
html[data-theme="dark"] .erx-desc{color:#94a3b8}
.erx-scope{border-top:1px solid rgba(226,232,240,.6);padding-top:.8rem;margin-bottom:1.2rem;display:flex;flex-direction:column;gap:.4rem}
html[data-theme="dark"] .erx-scope{border-color:#1F2633}
.erx-scope li{list-style:none;display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-theme="dark"] .erx-scope li{color:#cbd5e1}
.erx-scope li::before{content:"";width:.9rem;height:.9rem;flex-shrink:0;border:2px solid #FF5500;border-radius:50%;position:relative}
.erx-tech{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:1rem}
.erx-tech span{padding:.15rem .5rem;font-size:10px;font-weight:600;background:#fff;color:#475569;border-radius:.3rem;border:1px solid #e2e8f0}
html[data-theme="dark"] .erx-tech span{background:#1e293b;color:#cbd5e1;border-color:#334155}
.erx-actions{border-top:1px solid rgba(226,232,240,.7);padding-top:1rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}
html[data-theme="dark"] .erx-actions{border-color:#1F2633}
.erx-link{font-size:.75rem;font-weight:700;color:#334155;display:inline-flex;align-items:center;gap:.3rem;text-decoration:none!important}
html[data-theme="dark"] .erx-link{color:#cbd5e1}
.erx-link:hover{color:#FF5500!important}
.erx-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;border-radius:.6rem;background:#FF5500;color:#fff!important;font-size:.72rem;font-weight:700;text-decoration:none!important;box-shadow:0 4px 12px rgba(255,85,0,.2)}
.erx-btn:hover{background:#E04B00;color:#fff!important}
/* --- Solutions master-detail --- */
.erx-sol-layout{display:grid;gap:2rem;align-items:start;grid-template-columns:1fr}
@media(min-width:1024px){.erx-sol-layout{grid-template-columns:4fr 8fr}}
.erx-sol-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;margin-bottom:.75rem;padding:0 .25rem}
.erx-sol-list{display:flex;flex-direction:column;gap:.5rem}
.erx-sol-item{width:100%;text-align:left;padding:1rem;border-radius:1rem;border:1px solid #e2e8f0;background:rgba(248,250,252,.7);display:flex;align-items:center;gap:.9rem;cursor:pointer;transition:all .2s;color:#0f172a}
html[data-theme="dark"] .erx-sol-item{background:#12161F;border-color:#1F2633;color:#fff}
.erx-sol-item:hover{border-color:#94a3b8}
.erx-sol-item.is-active{background:#FFF7ED;border-color:#FF5500;box-shadow:0 4px 14px rgba(255,85,0,.12)}
html[data-theme="dark"] .erx-sol-item.is-active{background:#161B26}
.erx-sol-ic{width:2.5rem;height:2.5rem;border-radius:.75rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#fff;color:#475569;font-weight:900}
html[data-theme="dark"] .erx-sol-ic{background:#1e293b;color:#cbd5e1}
.erx-sol-item.is-active .erx-sol-ic{background:#FF5500;color:#fff}
.erx-sol-item b{display:block;font-size:.85rem}
.erx-sol-item small{display:block;font-size:.72rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.erx-detail{background:rgba(248,250,252,.8);border:1px solid #e2e8f0;border-radius:1.5rem;padding:2rem;box-shadow:0 20px 40px rgba(2,6,23,.06)}
html[data-theme="dark"] .erx-detail{background:#12161F;border-color:#1F2633}
.erx-detail-head{display:flex;flex-direction:column;gap:1rem;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0;margin-bottom:1.5rem}
@media(min-width:640px){.erx-detail-head{flex-direction:row;align-items:center;justify-content:space-between}}
html[data-theme="dark"] .erx-detail-head{border-color:#1F2633}
.erx-detail-id{display:flex;align-items:center;gap:1rem}
.erx-detail-ic{width:3.5rem;height:3.5rem;border-radius:1rem;background:#FF5500;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.4rem;box-shadow:0 10px 20px rgba(255,85,0,.25)}
.erx-kicker{font-size:.7rem;font-family:ui-monospace,monospace;font-weight:700;color:#FF5500;text-transform:uppercase;letter-spacing:.08em}
.erx-detail-id h2{margin:.15rem 0 0;font-size:1.5rem;font-weight:900;color:#0f172a}
html[data-theme="dark"] .erx-detail-id h2{color:#fff}
.erx-detail h4.sec{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;margin:1.4rem 0 .8rem}
.erx-feat-grid{display:grid;gap:.75rem;grid-template-columns:1fr}
@media(min-width:640px){.erx-feat-grid{grid-template-columns:1fr 1fr}}
.erx-feat{padding:.8rem;border-radius:.8rem;background:#fff;border:1px solid rgba(226,232,240,.8);display:flex;align-items:center;gap:.6rem;font-size:.75rem;font-weight:500;color:#1e293b}
html[data-theme="dark"] .erx-feat{background:#161B26;border-color:#1F2633;color:#e2e8f0}
.erx-feat::before{content:"✓";width:1.1rem;height:1.1rem;flex-shrink:0;border-radius:50%;background:rgba(255,85,0,.12);color:#FF5500;font-weight:900;font-size:.65rem;display:flex;align-items:center;justify-content:center}
.erx-target{padding:1rem;border-radius:1rem;background:#fff;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
html[data-theme="dark"] .erx-target{background:#161B26;border-color:#1F2633}
.erx-target .lbl{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8}
.erx-target .val{font-size:.75rem;font-weight:700;color:#FF5500}
.erx-benefits{display:flex;flex-direction:column;gap:.5rem}
.erx-benefits li{list-style:none;display:flex;align-items:center;gap:.6rem;font-size:.78rem;color:#334155}
html[data-theme="dark"] .erx-benefits li{color:#cbd5e1}
.erx-benefits li::before{content:"";width:.4rem;height:.4rem;border-radius:50%;background:#FF5500;flex-shrink:0}
/* --- Projets --- */
.erx-filters{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-bottom:3rem}
.erx-proj-banner{height:12rem;padding:1.25rem;color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;background:linear-gradient(135deg,#7c2d12,#0f172a)}
.erx-proj-banner.g1{background:linear-gradient(135deg,rgba(249,115,22,.55),#111)}
.erx-proj-banner.g2{background:linear-gradient(135deg,rgba(234,88,12,.55),#020617)}
.erx-proj-banner.g3{background:linear-gradient(135deg,rgba(245,158,11,.5),#111)}
.erx-proj-tags{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}
.erx-cat{padding:.25rem .6rem;border-radius:9999px;background:rgba(0,0,0,.4);font-size:11px;font-weight:700;color:#FF5500;border:1px solid rgba(255,85,0,.3)}
.erx-sector{font-size:11px;color:#cbd5e1;font-weight:600;background:rgba(0,0,0,.3);padding:.15rem .5rem;border-radius:.3rem}
.erx-proj-client{display:block;font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:.08em;color:#cbd5e1}
.erx-proj-banner h3{font-size:1.1rem;font-weight:800;color:#fff!important;line-height:1.35;margin:.25rem 0 0}
.erx-proj-banner h3 a{color:#fff!important;text-decoration:none!important}
.erx-proj-body{padding:1.5rem;flex:1;display:flex;flex-direction:column;gap:1rem}
.erx-metric{padding:.9rem;border-radius:.8rem;background:#FFF7ED;border:1px solid #ffedd5;display:flex;align-items:center;justify-content:space-between}
html[data-theme="dark"] .erx-metric{background:rgba(30,41,59,.6);border-color:#1F2633}
.erx-metric .l{font-size:.72rem;color:#475569}
html[data-theme="dark"] .erx-metric .l{color:#94a3b8}
.erx-metric .v{font-size:1rem;font-weight:900;color:#FF5500}
.erx-card.erx-proj{padding:0;overflow:hidden}
/* --- Neutralise anciens rendus --- */
.erx-page .entry-title a,.erx-page h2 a{color:inherit!important;text-decoration:none!important}
.erx-page article{margin:0!important}
/* Cache le doublon éventuel page-header des anciens templates */
.post-type-archive-service .page-header,.post-type-archive-solution .page-header,.post-type-archive-project .page-header{display:none!important}
/* Single */
.erx-single-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}
.erx-back{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;color:#FF5500;text-decoration:none!important;margin-bottom:1.5rem}
/* --- Fiches single facon Modals React --- */
.erx-modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:1.2rem;box-shadow:0 25px 60px rgba(2,6,23,.12);overflow:hidden}
html[data-theme="dark"] .erx-modal-card{background:#12161F;border-color:#1F2633}
.erx-modal-head{padding:1.5rem;background:linear-gradient(90deg,rgba(255,85,0,.1),transparent);border-bottom:1px solid #f1f5f9}
html[data-theme="dark"] .erx-modal-head{border-color:#1F2633}
.erx-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}
.erx-modal-foot{padding:1.25rem 1.5rem;background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
html[data-theme="dark"] .erx-modal-foot{background:#0f1420;border-color:#1F2633}
.erx-duo{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:640px){.erx-duo{grid-template-columns:1fr 1fr}}
.erx-duo-box{padding:1rem;border-radius:1rem;background:#f8fafc;border:1px solid #f1f5f9}
html[data-theme="dark"] .erx-duo-box{background:rgba(30,41,59,.4);border-color:#1F2633}
.erx-duo-orange{background:rgba(255,247,237,.6);border-color:#ffedd5}
.erx-duo-title{font-size:.75rem;font-weight:800;color:#0f172a;margin-bottom:.6rem}
html[data-theme="dark"] .erx-duo-title{color:#fff}
.erx-duo-text{font-size:.75rem;color:#64748b;line-height:1.7}
html[data-theme="dark"] .erx-duo-text{color:#94a3b8}
.erx-duo-text strong{color:#334155}
html[data-theme="dark"] .erx-duo-text strong{color:#cbd5e1}
.erx-btn-lg{padding:.7rem 1.5rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}
.erx-btn-ghost{background:#fff;color:#334155!important;border:1px solid #e2e8f0;box-shadow:none}
html[data-theme="dark"] .erx-btn-ghost{background:#1e293b;color:#e2e8f0!important;border-color:#334155}
.erx-metrics{display:grid;gap:.75rem;grid-template-columns:1fr}
@media(min-width:640px){.erx-metrics{grid-template-columns:repeat(3,1fr)}}
.erx-metric-card{padding:1rem;border-radius:1rem;background:rgba(255,247,237,.7);border:1px solid #ffedd5;text-align:center}
html[data-theme="dark"] .erx-metric-card{background:rgba(30,41,59,.6);border-color:#1F2633}
.erx-metric-card .v{font-size:1.3rem;font-weight:900;color:#FF5500}
.erx-metric-card .l{font-size:.7rem;color:#475569;margin-top:.25rem;font-weight:500}
html[data-theme="dark"] .erx-metric-card .l{color:#94a3b8}
.erx-demo-box{padding:1.1rem;border-radius:1rem;background:linear-gradient(135deg,rgba(255,85,0,.08),rgba(255,85,0,.02));border:1px solid #fed7aa}
html[data-theme="dark"] .erx-demo-box{border-color:#7c2d12}
.erx-demo-creds{display:flex;gap:1rem;flex-wrap:wrap;font-size:.78rem;color:#334155;margin-top:.5rem}
html[data-theme="dark"] .erx-demo-creds{color:#cbd5e1}
.erx-demo-creds code{background:#0f172a;color:#fdba74;padding:.2rem .6rem;border-radius:.4rem;font-size:.75rem}