/* Almarsad — bloc « direct » des résultats. Reprend les couleurs du journal (vert et rouge du logo,
   surfaces blanches) et s'adapte seul aux écrans étroits et à la lecture de droite à gauche. */

.amd {
  --amd-ink: #16211B;
  --amd-ink2: #5A675F;
  --amd-card: #fff;
  --amd-line: #DDE3DC;
  --amd-accent: #0B5D3B;
  --amd-head: #0E2218;
  --seat-empty: #CCD5CE;
  background: var(--amd-card);
  border: 1px solid var(--amd-line);
  border-radius: 16px;
  padding: 14px;
  margin: 0 0 28px;
  color: var(--amd-ink);
}

.amd__head {
  display: flex; flex-wrap: wrap; gap: 6px 16px; align-items: baseline; justify-content: space-between;
  background: var(--amd-head); border-radius: 12px; padding: 13px 16px; margin: 0 0 14px;
}
.amd__live { display: flex; align-items: center; gap: 9px; margin: 0; color: #fff; font-size: 1.15rem; font-weight: 700; }
.amd__dot { width: 11px; height: 11px; border-radius: 50%; background: #C1272D; box-shadow: 0 0 0 0 rgba(193,39,45,.7); animation: amdPulse 2s infinite; }
@keyframes amdPulse { 70% { box-shadow: 0 0 0 10px rgba(193,39,45,0); } 100% { box-shadow: 0 0 0 0 rgba(193,39,45,0); } }
@media (prefers-reduced-motion: reduce) { .amd__dot { animation: none; } }
.amd__maj { margin: 0; color: #C3D4C8; font-size: .9rem; }

.amd__grid { display: grid; gap: 14px; grid-template-columns: 1fr; align-items: start; }
@media (min-width: 760px) { .amd__grid { grid-template-columns: 1.15fr 1fr; } .amd__fil { grid-column: 1 / -1; } }
@media (min-width: 1060px) { .amd__grid { grid-template-columns: 1.2fr .9fr .9fr; } .amd__fil { grid-column: 1 / -1; } }

.amd h3 { font-size: 1rem; margin: 0 0 10px; }
.amd__hemi, .amd__partis, .amd__map, .amd__fil { background: var(--amd-card); border: 1px solid var(--amd-line); border-radius: 12px; padding: 14px; }
.amd__hemi svg, .amd__map svg { width: 100%; height: auto; display: block; }
.amd__count { margin: 6px 0 0; text-align: center; color: var(--amd-ink2); }
.amd__count strong { font-size: 1.9rem; color: var(--amd-ink); }

.amd__bars { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
.amd__bars li { display: grid; grid-template-columns: 1fr auto; gap: 2px 10px; align-items: baseline; font-size: .9rem; }
.amd__pl { line-height: 1.3; }
.amd__bar { grid-column: 1 / -1; grid-row: 2; background: #EEF2EE; border-radius: 999px; height: 9px; overflow: hidden; margin-bottom: 4px; }
.amd__bar span { display: block; height: 100%; border-radius: 999px; }
.amd__pn { grid-row: 1; grid-column: 2; font-variant-numeric: tabular-nums; font-weight: 700; min-width: 2ch; text-align: right; }

.amd__legend { font-size: .82rem; color: var(--amd-ink2); margin: 10px 0 0; }
.amd__lgi { display: block; margin-bottom: 6px; }
.amd__lg { display: inline-flex; align-items: center; gap: 5px; margin-right: 10px; white-space: nowrap; }
.amd__lg i { width: 10px; height: 10px; border-radius: 3px; display: inline-block; }
.amd__reg:focus { outline: 2px solid var(--amd-accent); outline-offset: 2px; }

.amd__fil-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
@media (min-width: 760px) { .amd__fil-list { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1060px) { .amd__fil-list { grid-template-columns: repeat(3, 1fr); } }
.amd__fil-list li { border: 1px solid var(--amd-line); border-radius: 10px; padding: 10px 12px; }
.amd__fil-top { display: flex; gap: 8px; align-items: center; justify-content: space-between; }
.amd__fil-top a { font-weight: 700; color: var(--amd-ink); text-decoration: none; }
.amd__fil-top a:hover { text-decoration: underline; }
.amd__chip { font-size: .72rem; padding: 3px 8px; border-radius: 999px; white-space: nowrap; }
.amd__chip--officiel { background: #E4F4EE; color: #12805C; }
.amd__chip--provisoire { background: #FDF3E0; color: #9A6300; }
.amd__fil-names { margin: 6px 0 0; font-size: .9rem; color: var(--amd-ink); }
.amd__fil-names em { color: var(--amd-ink2); font-style: normal; font-size: .82rem; }
.amd__dotp { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 5px; vertical-align: middle; }
.amd__ago { margin: 5px 0 0; font-size: .8rem; color: var(--amd-ink2); }
.amd__empty { color: var(--amd-ink2); }
.amd__note { margin: 14px 0 0; font-size: .82rem; color: var(--amd-ink2); }

@media (prefers-color-scheme: dark) {
  .amd { --amd-card: #12233D; --amd-line: #24395B; --amd-ink: #EAF1F9; --amd-ink2: #A9BBD1; --seat-empty: #2C425F; }
  .amd__bar { background: #1B3050; }
  .amd__fil-top a { color: var(--amd-ink); }
}

/* Lecture de droite à gauche (version arabe du site) */
[dir="rtl"] .amd__pn { text-align: left; }
[dir="rtl"] .amd__lg { margin-right: 0; margin-left: 10px; }