/* =========================================================
   Fiche Agent — ARMP — Feuille de style commune
   Modifiez ici les couleurs, polices et espacements du site.
   ========================================================= */

:root{
  --ink:#1c2b24;          /* couleur du texte principal */
  --paper:#dcefdf;        /* fond de page — vert clair, bon contraste avec le texte */
  --line:#b9d3bd;         /* bordures / séparateurs */
  --accent:#2e5c4c;       /* couleur d'accent (boutons, liens) */
  --accent-hover:#254c3f; /* accent au survol */
  --accent-soft:#c9e3ce;  /* fond léger (badges, encarts) */
  --danger:#9c3b3b;       /* messages d'erreur */
  --muted:#3f4f45;        /* texte secondaire */
  --muted-light:#6c8073;  /* texte tertiaire / placeholders */
}

*{ box-sizing:border-box; }

/* ---------- Barre de logos (ARMP + Guinée) ---------- */
.brandbar{ background:#fff; border-bottom:3px solid var(--accent); }
.brandbar-inner{
  max-width:820px; margin:0 auto;
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; padding:10px 16px;
}
.brandbar .logo-armp{ height:48px; width:auto; display:block; }
.brandbar .logo-guinee{ height:32px; width:auto; display:block; }

body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:'Georgia','Times New Roman',serif;
  padding:32px 16px 80px;
}

/* ---------- Structure générale ---------- */
.wrap{ max-width:760px; margin:0 auto; }

header{ border-bottom:2px solid var(--ink); padding-bottom:14px; margin-bottom:28px; }
header .tag{ font-family:Arial,Helvetica,sans-serif; font-size:12.5px; color:var(--accent); margin:0 0 4px; }
header h1{ font-size:28px; margin:0; font-weight:600; }
header p{ font-family:Arial,Helvetica,sans-serif; font-size:13.5px; color:var(--muted); margin:6px 0 0; }
.toplink{ font-family:Arial,Helvetica,sans-serif; font-size:12.5px; }
.toplink a{ color:var(--accent); }

/* ---------- Formulaire ---------- */
fieldset{ border:1px solid var(--line); border-radius:3px; padding:18px 20px 22px; margin:0 0 18px; }
legend{ font-family:Arial,Helvetica,sans-serif; font-size:13px; font-weight:700; color:var(--accent); padding:0 8px; }

.row{ display:flex; gap:16px; flex-wrap:wrap; margin-bottom:14px; }
.field{ flex:1 1 220px; display:flex; flex-direction:column; gap:5px; }
.field.full{ flex:1 1 100%; }

label{ font-family:Arial,Helvetica,sans-serif; font-size:12.5px; color:#4a4438; }
label .opt{ color:var(--muted-light); font-weight:400; }

input[type=text], input[type=tel], input[type=email], select, textarea{
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  padding:9px 10px;
  border:1px solid var(--line);
  border-radius:2px;
  background:#fff;
  color:var(--ink);
}
textarea{ resize:vertical; min-height:56px; }
input:focus, select:focus, textarea:focus{ outline:2px solid var(--accent); outline-offset:1px; }

.filebox{
  border:1px dashed var(--line);
  border-radius:3px;
  padding:10px 12px;
  background:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
}

button{ font-family:Arial,Helvetica,sans-serif; cursor:pointer; border:none; border-radius:2px; }
.submit-row{ display:flex; align-items:center; gap:14px; margin-top:8px; }
#submitBtn{ background:var(--accent); color:#fff; font-size:14.5px; font-weight:700; padding:12px 26px; }
#submitBtn:hover{ background:var(--accent-hover); }

.msg{ font-family:Arial,Helvetica,sans-serif; font-size:13px; padding:10px 14px; border-radius:3px; margin-bottom:18px; }
.msg.ok{ background:var(--accent-soft); color:var(--accent); }
.msg.err{ background:#f3e3e3; color:var(--danger); }

/* ---------- Liste des fiches (list.php) ---------- */
.wrap.list{ max-width:820px; }
.list-page-header{ display:flex; justify-content:space-between; align-items:baseline; }
.list-page-header h1{ font-size:22px; margin:0; font-family:Georgia,serif; }
.list-page-header a{ color:var(--accent); font-size:13px; font-family:Arial,Helvetica,sans-serif; }

.card{ background:#fff; border:1px solid var(--line); border-radius:3px; padding:14px 16px; margin-bottom:10px; font-family:Arial,Helvetica,sans-serif; }
.card .top{ display:flex; justify-content:space-between; align-items:center; gap:12px; }
.card .name{ font-weight:700; font-size:14.5px; }
.card .meta{ font-size:12.5px; color:var(--muted); margin-top:2px; }
.card .thumb{ width:66px; height:66px; object-fit:cover; border-radius:50%; border:1px solid var(--line); flex-shrink:0; }

.card details summary{ cursor:pointer; font-size:12.5px; color:var(--accent); }
.card dl{ display:grid; grid-template-columns:180px 1fr; gap:6px 10px; margin:10px 0 0; font-size:12.5px; }
.card dt{ color:#7a7263; }
.card dd{ margin:0; }
.card a.file{ color:var(--accent); }

.empty{ font-family:Arial,Helvetica,sans-serif; font-size:13px; color:var(--muted-light); padding:18px 0; }

/* ---------- Page de remerciement (merci.php) ---------- */
body.thankyou{ padding:0; }
.thankyou-center{ min-height:calc(100vh - 70px); display:flex; align-items:center; justify-content:center; padding:24px; }
.thankyou .box{ max-width:480px; text-align:center; background:#fff; border:1px solid var(--line); border-radius:4px; padding:40px 32px; }
.thankyou .icon{
  width:52px; height:52px; border-radius:50%;
  background:var(--accent-soft); color:var(--accent);
  display:flex; align-items:center; justify-content:center;
  margin:0 auto 18px; font-size:26px; font-family:Arial,sans-serif;
}
.thankyou h1{ font-size:22px; margin:0 0 12px; }
.thankyou p{ font-family:Arial,Helvetica,sans-serif; font-size:14px; color:var(--muted); line-height:1.6; margin:0; }