/* Styles spécifiques à la page site vitrine WordPress */

/* ── Card WordPress ─────────────────────────────────────────── */
.sel-card-wp    { background:var(--bg2); border:1px solid rgba(0,119,204,.2); border-radius:16px; overflow:hidden; display:flex; flex-direction:column; }
.sel-hdr-wp     { background:rgba(0,119,204,.06); border-bottom:1px solid rgba(0,119,204,.15); padding:1.5rem; }
.sel-label-wp   { font-size:.7rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--accent2); margin-bottom:.5rem; }
.sel-h3         { font-size:1.1rem; font-weight:700; color:var(--white); line-height:1.2; }
.sel-body       { padding:1.5rem; flex:1; display:flex; flex-direction:column; }

/* ── Check list ─────────────────────────────────────────────── */
.check-list       { display:flex; flex-direction:column; gap:.5rem; margin-bottom:1.25rem; }
.check-item       { display:flex; align-items:flex-start; gap:.5rem; font-size:.85rem; color:var(--text); }
.check-arrow-wp   { color:var(--accent2); flex-shrink:0; margin-top:.1rem; }

/* ── Tags WordPress ─────────────────────────────────────────── */
.tech-tags    { display:flex; flex-wrap:wrap; gap:.35rem; }
.tech-tag-wp  { font-size:.72rem; padding:.2rem .6rem; border-radius:5px; background:rgba(0,119,204,.07); border:1px solid rgba(0,119,204,.18); color:var(--accent2); }

/* ── Process timeline ───────────────────────────────────────── */
.process-5    { display:grid; grid-template-columns:repeat(5,1fr); gap:1rem; margin-top:3rem; }
.process-cell { text-align:center; }
.process-emoji { font-size:1.75rem; margin-bottom:.75rem; }
.process-num  { font-family:var(--mono); font-size:.65rem; color:var(--muted); margin-bottom:.35rem; }
.process-h4   { font-size:.9rem; font-weight:600; color:var(--white); margin-bottom:.5rem; }
.process-p    { font-size:.8rem; color:var(--muted); line-height:1.6; }

/* ── Texte sm ───────────────────────────────────────────────── */
.text-sm { font-size:.88rem; color:var(--muted); line-height:1.75; margin-bottom:1.25rem; }

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 768px) {
  .process-5 { grid-template-columns:repeat(2,1fr); gap:1.5rem; }
  .sel-card-wp { border-radius:12px; }
}

@media (max-width: 480px) {
  .process-5 { grid-template-columns:1fr; }
}