#africa-wash-map { --awm-ink: #203c43; --awm-muted: #637d81; --awm-blue: #378ba0; --awm-blue-dark: #246979; --awm-green: #648d77; --awm-gold: #c09a50; --awm-bg: #f3f8f6; --awm-line: #d9e7e2; width: 100%; max-width: 1200px; margin: 28px auto; overflow: hidden; border: 1px solid var(--awm-line); border-radius: 20px; color: var(--awm-ink); background: #fff; font-family: inherit; line-height: 1.85; box-sizing: border-box; } #africa-wash-map *, #africa-wash-map *::before, #africa-wash-map *::after { box-sizing: border-box; } /* الرأس */ #africa-wash-map .awm-header { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 28px 32px; color: #fff; background: radial-gradient(circle at 90% 0%, rgba(108,174,161,.22), transparent 30%), linear-gradient(125deg, #173740 0%, #22515a 63%, #367c83 100%); } #africa-wash-map .awm-heading { min-width: 0; } #africa-wash-map .awm-eyebrow { display: inline-block; margin-bottom: 8px; padding-right: 10px; border-right: 3px solid #9ed5c6; color: #c2e7db; font-size: 12px; font-weight: 800; } #africa-wash-map .awm-header h2 { margin: 0 0 8px; color: #fff; font-size: clamp(24px, 3.1vw, 36px); font-weight: 800; line-height: 1.45; } #africa-wash-map .awm-heading > p { margin: 0; color: #d6e9e6; font-size: 15px; line-height: 1.8; } #africa-wash-map .awm-meta { display: flex; flex-wrap: wrap; gap: 7px 15px; margin-top: 15px; color: #c3dad8; font-size: 11px; } #africa-wash-map .awm-water-emblem { display: flex; flex: 0 0 132px; flex-direction: column; align-items: center; justify-content: center; gap: 5px; min-height: 125px; padding: 12px; border: 1px solid rgba(255,255,255,.22); border-radius: 46% 46% 42% 42%; background: rgba(255,255,255,.06); text-align: center; } #africa-wash-map .awm-drop { display: flex; align-items: center; justify-content: center; width: 39px; height: 39px; border: 1px solid rgba(206,239,229,.55); border-radius: 50% 50% 50% 10%; color: #d5f2e8; background: rgba(116,191,181,.17); font-size: 17px; transform: rotate(45deg); } #africa-wash-map .awm-water-emblem strong { color: #fff; font-size: 14px; font-weight: 800; } #africa-wash-map .awm-water-emblem small { color: #cae8e0; font-size: 11px; } /* المؤشرات الرئيسية */ #africa-wash-map .awm-top-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; border-bottom: 1px solid var(--awm-line); background: #fff; } #africa-wash-map .awm-top-stat { display: flex; flex-direction: column; justify-content: center; min-height: 108px; padding: 17px 16px; border-left: 1px solid #e7efec; } #africa-wash-map .awm-top-stat:last-child { border-left: 0; } #africa-wash-map .awm-top-stat strong { color: var(--awm-blue-dark); font-size: clamp(20px, 2.2vw, 28px); font-weight: 800; line-height: 1.45; } #africa-wash-map .awm-top-stat span { display: block; margin-top: 4px; color: var(--awm-muted); font-size: 11px; line-height: 1.7; } /* إخفاء أزرار radio مع الإبقاء على عملها */ #africa-wash-map .awm-radio { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; clip-path: inset(50%); } /* مساحة العرض */ #africa-wash-map .awm-main { padding: 20px; background: var(--awm-bg); } #africa-wash-map .awm-view-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; padding: 12px; border: 1px solid var(--awm-line); border-radius: 12px; background: #fff; } #africa-wash-map .awm-view-tabs label { display: inline-flex; align-items: center; justify-content: center; min-height: 39px; padding: 7px 14px; border: 1px solid #dce8e4; border-radius: 22px; color: #496a6c; background: #fbfdfc; font-size: 12px; font-weight: 700; cursor: pointer; transition: background .2s ease, color .2s ease, border-color .2s ease; } #africa-wash-map .awm-view-tabs label:hover { border-color: #78afa7; background: #edf7f3; } #africa-wash-map #awm-overview:checked ~ .awm-main .awm-view-tabs label[for="awm-overview"], #africa-wash-map #awm-triple:checked ~ .awm-main .awm-view-tabs label[for="awm-triple"], #africa-wash-map #awm-water:checked ~ .awm-main .awm-view-tabs label[for="awm-water"], #africa-wash-map #awm-sanitation:checked ~ .awm-main .awm-view-tabs label[for="awm-sanitation"], #africa-wash-map #awm-hygiene:checked ~ .awm-main .awm-view-tabs label[for="awm-hygiene"], #africa-wash-map #awm-rural:checked ~ .awm-main .awm-view-tabs label[for="awm-rural"] { color: #fff; border-color: #286c75; background: #286c75; } /* توزيع الخريطة ولوحة البيانات */ #africa-wash-map .awm-map-layout { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr); align-items: stretch; gap: 16px; direction: rtl; } #africa-wash-map .awm-map-panel, #africa-wash-map .awm-info-panel { min-width: 0; overflow: hidden; border: 1px solid var(--awm-line); border-radius: 14px; background: #fff; } #africa-wash-map .awm-map-title { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 18px 18px 13px; } #africa-wash-map .awm-map-title h3 { margin: 0; color: var(--awm-ink); font-size: 17px; font-weight: 800; } #africa-wash-map .awm-map-title p { margin: 3px 0 0; color: var(--awm-muted); font-size: 11px; } #africa-wash-map .awm-map-indicator { display: inline-block; flex: 0 0 auto; padding: 4px 10px; border-radius: 20px; color: #2b777e; background: #e5f4ef; font-size: 11px; font-weight: 800; } /* خلفية الخريطة المائية */ #africa-wash-map .awm-map-stage { position: relative; height: 590px; overflow: hidden; background: radial-gradient(ellipse at 50% 46%, #fbfdfb 0%, transparent 57%), #e6f2f1; isolation: isolate; } #africa-wash-map .awm-map-stage::before { position: absolute; z-index: -1; inset: 0; content: ""; opacity: .42; background-image: linear-gradient(rgba(104,153,151,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(104,153,151,.12) 1px, transparent 1px); background-size: 28px 28px; } #africa-wash-map .awm-africa { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; } #africa-wash-map .awm-continent { fill: #e8e5d5; stroke: #c3d0c4; stroke-width: 2; stroke-linejoin: round; } #africa-wash-map .awm-continent-texture { fill: url(#awm-terrain); opacity: .6; } #africa-wash-map .awm-island { fill: #e8e5d5; stroke: #c3d0c4; stroke-width: 2; } #africa-wash-map .awm-geoname { fill: #79938d; font-family: inherit; font-size: 15px; font-weight: 800; text-anchor: middle; paint-order: stroke; stroke: #e8e5d5; stroke-width: 3px; } #africa-wash-map .awm-geoname-south { font-size: 12px; opacity: .8; } #africa-wash-map .awm-map-sea { fill: #5d9ba7; font-family: inherit; font-size: 12px; font-weight: 700; text-anchor: middle; paint-order: stroke; stroke: #e6f2f1; stroke-width: 3px; } /* نقاط البلدان */ #africa-wash-map .awm-marker { position: absolute; z-index: 3; width: 0; height: 0; cursor: pointer; } #africa-wash-map .awm-dot { position: absolute; top: -5px; left: -5px; display: block; width: 10px; height: 10px; border: 2px solid #fff; border-radius: 50%; background: var(--awm-blue); box-shadow: 0 0 0 3px rgba(55,139,160,.18); transition: transform .2s ease, box-shadow .2s ease; } #africa-wash-map .awm-risk .awm-dot { background: #b88f4f; box-shadow: 0 0 0 3px rgba(184,143,79,.2); } #africa-wash-map .awm-school-water .awm-dot { background: #378ba0; box-shadow: 0 0 0 3px rgba(55,139,160,.22); } #africa-wash-map .awm-school-sanitation .awm-dot { border-color: #fff; box-shadow: 0 0 0 3px rgba(100,141,119,.22); } #africa-wash-map .awm-school-hygiene .awm-dot { background: #648d77; box-shadow: 0 0 0 3px rgba(100,141,119,.22); } #africa-wash-map .awm-country-name { position: absolute; top: -18px; left: 9px; display: block; width: max-content; max-width: 120px; padding: 3px 6px; border: 1px solid #d2e2dc; border-radius: 5px; color: #32545a; background: rgba(255,255,255,.97); box-shadow: 0 2px 6px rgba(37,83,82,.06); font-size: 10px; font-weight: 800; line-height: 1.45; white-space: normal; text-align: center; pointer-events: none; } #africa-wash-map .awm-marker:hover, #africa-wash-map .awm-marker:focus { z-index: 8; } #africa-wash-map .awm-marker:hover .awm-dot { transform: scale(1.4); } #africa-wash-map .awm-marker:focus { outline: none; } #africa-wash-map .awm-marker:focus .awm-dot { outline: 3px solid #203c43; outline-offset: 3px; } /* مواضع الدول على الرسم التخطيطي */ #africa-wash-map .awm-mali { left: 29%; top: 38%; } #africa-wash-map .awm-mali .awm-country-name { top: -22px; left: -7px; transform: translateX(-100%); max-width: 55px; } #africa-wash-map .awm-burkina { left: 36%; top: 43%; } #africa-wash-map .awm-burkina .awm-country-name { top: -25px; left: -4px; transform: translateX(-100%); max-width: 88px; } #africa-wash-map .awm-niger { left: 42%; top: 38%; } #africa-wash-map .awm-niger .awm-country-name { top: -22px; left: 8px; max-width: 56px; } #africa-wash-map .awm-chad { left: 51%; top: 42%; } #africa-wash-map .awm-chad .awm-country-name { top: -23px; left: 8px; max-width: 55px; } #africa-wash-map .awm-nigeria { left: 44%; top: 48%; } #africa-wash-map .awm-nigeria .awm-country-name { top: 8px; left: 8px; max-width: 60px; } #africa-wash-map .awm-benin { left: 40%; top: 48%; } #africa-wash-map .awm-benin .awm-country-name { top: 9px; left: -8px; transform: translateX(-100%); max-width: 48px; } #africa-wash-map .awm-cameroon { left: 49%; top: 52%; } #africa-wash-map .awm-cameroon .awm-country-name { top: 7px; left: 8px; max-width: 73px; } #africa-wash-map .awm-guinea { left: 24%; top: 46%; } #africa-wash-map .awm-guinea .awm-country-name { top: -22px; left: -8px; transform: translateX(-100%); max-width: 55px; } #africa-wash-map .awm-civ { left: 33%; top: 50%; } #africa-wash-map .awm-civ .awm-country-name { top: 8px; left: -8px; transform: translateX(-100%); max-width: 75px; } #africa-wash-map .awm-somalia { left: 79%; top: 57%; } #africa-wash-map .awm-somalia .awm-country-name { top: -22px; left: -8px; transform: translateX(-100%); max-width: 62px; } #africa-wash-map .awm-ethiopia { left: 66%; top: 48%; } #africa-wash-map .awm-ethiopia .awm-country-name { top: -24px; left: 8px; max-width: 60px; } #africa-wash-map .awm-drc { left: 53%; top: 61%; } #africa-wash-map .awm-drc .awm-country-name { top: -21px; left: 8px; max-width: 105px; } #africa-wash-map .awm-mozambique { left: 64%; top: 78%; } #africa-wash-map .awm-mozambique .awm-country-name { top: 8px; left: 8px; max-width: 83px; } #africa-wash-map .awm-togo { left: 37%; top: 49%; } #africa-wash-map .awm-togo .awm-country-name { top: -25px; left: -7px; transform: translateX(-100%); max-width: 48px; } #africa-wash-map .awm-sudan { left: 48%; top: 32%; } #africa-wash-map .awm-sudan .awm-country-name { top: -24px; left: -8px; transform: translateX(-100%); max-width: 56px; } #africa-wash-map .awm-uganda { left: 63%; top: 59%; } #africa-wash-map .awm-uganda .awm-country-name { top: 7px; left: 8px; max-width: 58px; } #africa-wash-map .awm-map-note { position: absolute; right: 9px; bottom: 9px; z-index: 4; max-width: 170px; padding: 5px 7px; border: 1px solid #d2e2dc; border-radius: 6px; color: #58716f; background: rgba(255,255,255,.93); font-size: 9px; line-height: 1.6; } /* مفتاح الخريطة */ #africa-wash-map .awm-map-legend { display: flex; flex-wrap: wrap; gap: 9px 13px; padding: 12px 14px; border-top: 1px solid var(--awm-line); color: #567173; background: #fff; font-size: 10px; } #africa-wash-map .awm-map-legend > span { display: inline-flex; align-items: center; gap: 6px; } #africa-wash-map .awm-legend-dot { display: inline-block; flex: 0 0 8px; width: 8px; height: 8px; border-radius: 50%; } #africa-wash-map .awm-legend-risk { background: #b88f4f; } #africa-wash-map .awm-legend-water { background: var(--awm-blue); } #africa-wash-map .awm-legend-sanitation { background: var(--awm-green); } /* لوحات المعلومات */ #africa-wash-map .awm-info-panel { display: flex; flex-direction: column; } #africa-wash-map .awm-detail { display: none; padding: 22px 20px; animation: awmFadeIn .25s ease both; } #africa-wash-map .awm-section-label { display: inline-block; margin-bottom: 8px; padding: 3px 9px; border-radius: 20px; color: #357c83; background: #e8f5f0; font-size: 10px; font-weight: 800; } #africa-wash-map .awm-detail h3 { margin: 0 0 12px; color: var(--awm-ink); font-size: 22px; font-weight: 800; line-height: 1.55; } #africa-wash-map .awm-detail > p { margin: 0 0 14px; color: #50696d; font-size: 13px; line-height: 2; } #africa-wash-map .awm-detail > small { display: block; margin-top: 12px; color: #788d8d; font-size: 10px; line-height: 1.8; } #africa-wash-map .awm-big-number { display: flex; flex-direction: column; gap: 4px; margin-bottom: 16px; padding: 15px; border-right: 4px solid var(--awm-green); border-radius: 8px 0 0 8px; background: #edf6f1; } #africa-wash-map .awm-big-number strong { color: #3b7868; font-size: 27px; font-weight: 800; line-height: 1.35; } #africa-wash-map .awm-big-number span { color: #506d67; font-size: 12px; line-height: 1.8; } #africa-wash-map .awm-number-blue { border-color: var(--awm-blue); background: #eaf5f8; } #africa-wash-map .awm-number-blue strong { color: #267b91; } #africa-wash-map .awm-number-blue span { color: #4b717b; } #africa-wash-map .awm-number-green { border-color: var(--awm-green); background: #edf6ef; } #africa-wash-map .awm-number-gold { border-color: var(--awm-gold); background: #faf4e6; } #africa-wash-map .awm-number-gold strong { color: #997632; } #africa-wash-map .awm-number-gold span { color: #796743; } #africa-wash-map .awm-metric-list { display: flex; flex-direction: column; gap: 15px; margin-top: 16px; } #africa-wash-map .awm-metric { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 12px; row-gap: 5px; } #africa-wash-map .awm-metric > span { color: #4f696c; font-size: 12px; font-weight: 700; } #africa-wash-map .awm-metric > strong { color: #2d7c88; font-size: 18px; font-weight: 800; } #africa-wash-map .awm-meter { grid-column: 1 / -1; height: 8px; overflow: hidden; border-radius: 10px; background: #e4efee; } #africa-wash-map .awm-meter i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #85c1bd, #378ba0); } #africa-wash-map .awm-meter-green i { background: linear-gradient(90deg, #a7c8af, #648d77); } #africa-wash-map .awm-meter-gold i { background: linear-gradient(90deg, #e4cf91, #c09a50); } #africa-wash-map .awm-fact-row { display: flex; align-items: flex-start; gap: 11px; margin-top: 10px; padding: 11px 12px; border: 1px solid #e1ece7; border-radius: 8px; background: #fbfdfb; } #africa-wash-map .awm-fact-row strong { flex: 0 0 auto; max-width: 42%; color: #2e7c85; font-size: 13px; font-weight: 800; line-height: 1.8; } #africa-wash-map .awm-fact-row span { color: #597174; font-size: 12px; line-height: 1.85; } #africa-wash-map .awm-compare { margin-top: 16px; overflow: hidden; border: 1px solid #dce8e3; border-radius: 9px; } #africa-wash-map .awm-compare-head, #africa-wash-map .awm-compare-row { display: grid; grid-template-columns: minmax(0, 1fr) 58px 58px; gap: 6px; align-items: center; padding: 11px 10px; } #africa-wash-map .awm-compare-head { color: #fff; background: #327880; font-size: 11px; font-weight: 800; } #africa-wash-map .awm-compare-row { border-top: 1px solid #e3ece8; color: #557072; background: #fff; font-size: 11px; line-height: 1.7; } #africa-wash-map .awm-compare-row strong { color: #2e7f87; font-size: 14px; font-weight: 800; text-align: center; } #africa-wash-map .awm-compare-row:nth-child(odd) { background: #f5faf7; } /* تبديل لوحات الأرقام */ #africa-wash-map #awm-overview:checked ~ .awm-main .awm-detail-overview, #africa-wash-map #awm-triple:checked ~ .awm-main .awm-detail-triple, #africa-wash-map #awm-water:checked ~ .awm-main .awm-detail-water, #africa-wash-map #awm-sanitation:checked ~ .awm-main .awm-detail-sanitation, #africa-wash-map #awm-hygiene:checked ~ .awm-main .awm-detail-hygiene, #africa-wash-map #awm-rural:checked ~ .awm-main .awm-detail-rural { display: block; } /* عرض معلومات الدول المختارة */ #africa-wash-map #awm-mali:checked ~ .awm-main .awm-detail-mali, #africa-wash-map #awm-burkina:checked ~ .awm-main .awm-detail-burkina, #africa-wash-map #awm-niger:checked ~ .awm-main .awm-detail-niger, #africa-wash-map #awm-chad:checked ~ .awm-main .awm-detail-chad, #africa-wash-map #awm-nigeria:checked ~ .awm-main .awm-detail-nigeria, #africa-wash-map #awm-benin:checked ~ .awm-main .awm-detail-benin, #africa-wash-map #awm-cameroon:checked ~ .awm-main .awm-detail-cameroon, #africa-wash-map #awm-guinea:checked ~ .awm-main .awm-detail-guinea, #africa-wash-map #awm-civ:checked ~ .awm-main .awm-detail-civ, #africa-wash-map #awm-somalia:checked ~ .awm-main .awm-detail-somalia, #africa-wash-map #awm-ethiopia:checked ~ .awm-main .awm-detail-ethiopia, #africa-wash-map #awm-drc:checked ~ .awm-main .awm-detail-drc, #africa-wash-map #awm-mozambique:checked ~ .awm-main .awm-detail-mozambique, #africa-wash-map #awm-togo:checked ~ .awm-main .awm-detail-togo, #africa-wash-map #awm-sudan:checked ~ .awm-main .awm-detail-sudan, #africa-wash-map #awm-uganda:checked ~ .awm-main .awm-detail-uganda { display: block; } /* اختيار طبقة البلدان على الخريطة */ #africa-wash-map #awm-overview:checked ~ .awm-main .awm-marker:not(.awm-risk), #africa-wash-map #awm-triple:checked ~ .awm-main .awm-marker:not(.awm-risk), #africa-wash-map #awm-rural:checked ~ .awm-main .awm-marker:not(.awm-risk) { display: none; } #africa-wash-map #awm-water:checked ~ .awm-main .awm-marker:not(.awm-school-water), #africa-wash-map #awm-sanitation:checked ~ .awm-main .awm-marker:not(.awm-school-sanitation), #africa-wash-map #awm-hygiene:checked ~ .awm-main .awm-marker:not(.awm-school-hygiene) { display: none; } /* إذا اختير بلد، تعرض الخريطة طبقته ذات الصلة */ #africa-wash-map #awm-mali:checked ~ .awm-main .awm-marker:not(.awm-risk), #africa-wash-map #awm-burkina:checked ~ .awm-main .awm-marker:not(.awm-risk), #africa-wash-map #awm-chad:checked ~ .awm-main .awm-marker:not(.awm-risk), #africa-wash-map #awm-benin:checked ~ .awm-main .awm-marker:not(.awm-risk), #africa-wash-map #awm-cameroon:checked ~ .awm-main .awm-marker:not(.awm-risk), #africa-wash-map #awm-guinea:checked ~ .awm-main .awm-marker:not(.awm-risk), #africa-wash-map #awm-civ:checked ~ .awm-main .awm-marker:not(.awm-risk), #africa-wash-map #awm-somalia:checked ~ .awm-main .awm-marker:not(.awm-risk), #africa-wash-map #awm-niger:checked ~ .awm-main .awm-marker:not(.awm-risk), #africa-wash-map #awm-nigeria:checked ~ .awm-main .awm-marker:not(.awm-risk) { display: none; } #africa-wash-map #awm-ethiopia:checked ~ .awm-main .awm-marker:not(.awm-school-water), #africa-wash-map #awm-drc:checked ~ .awm-main .awm-marker:not(.awm-school-water), #africa-wash-map #awm-mozambique:checked ~ .awm-main .awm-marker:not(.awm-school-water) { display: none; } #africa-wash-map #awm-togo:checked ~ .awm-main .awm-marker:not(.awm-school-sanitation) { display: none; } #africa-wash-map #awm-sudan:checked ~ .awm-main .awm-marker:not(.awm-school-hygiene), #africa-wash-map #awm-uganda:checked ~ .awm-main .awm-marker:not(.awm-school-hygiene) { display: none; } /* تمييز الدولة المختارة */ #africa-wash-map #awm-mali:checked ~ .awm-main .awm-marker[for="awm-mali"] .awm-dot, #africa-wash-map #awm-burkina:checked ~ .awm-main .awm-marker[for="awm-burkina"] .awm-dot, #africa-wash-map #awm-niger:checked ~ .awm-main .awm-marker[for="awm-niger"] .awm-dot, #africa-wash-map #awm-chad:checked ~ .awm-main .awm-marker[for="awm-chad"] .awm-dot, #africa-wash-map #awm-nigeria:checked ~ .awm-main .awm-marker[for="awm-nigeria"] .awm-dot, #africa-wash-map #awm-benin:checked ~ .awm-main .awm-marker[for="awm-benin"] .awm-dot, #africa-wash-map #awm-cameroon:checked ~ .awm-main .awm-marker[for="awm-cameroon"] .awm-dot, #africa-wash-map #awm-guinea:checked ~ .awm-main .awm-marker[for="awm-guinea"] .awm-dot, #africa-wash-map #awm-civ:checked ~ .awm-main .awm-marker[for="awm-civ"] .awm-dot, #africa-wash-map #awm-somalia:checked ~ .awm-main .awm-marker[for="awm-somalia"] .awm-dot, #africa-wash-map #awm-ethiopia:checked ~ .awm-main .awm-marker[for="awm-ethiopia"] .awm-dot, #africa-wash-map #awm-drc:checked ~ .awm-main .awm-marker[for="awm-drc"] .awm-dot, #africa-wash-map #awm-mozambique:checked ~ .awm-main .awm-marker[for="awm-mozambique"] .awm-dot, #africa-wash-map #awm-togo:checked ~ .awm-main .awm-marker[for="awm-togo"] .awm-dot, #africa-wash-map #awm-sudan:checked ~ .awm-main .awm-marker[for="awm-sudan"] .awm-dot, #africa-wash-map #awm-uganda:checked ~ .awm-main .awm-marker[for="awm-uganda"] .awm-dot { transform: scale(1.4); box-shadow: 0 0 0 4px rgba(32,60,67,.22); } #africa-wash-map #awm-mali:checked ~ .awm-main .awm-marker[for="awm-mali"], #africa-wash-map #awm-burkina:checked ~ .awm-main .awm-marker[for="awm-burkina"], #africa-wash-map #awm-niger:checked ~ .awm-main .awm-marker[for="awm-niger"], #africa-wash-map #awm-chad:checked ~ .awm-main .awm-marker[for="awm-chad"], #africa-wash-map #awm-nigeria:checked ~ .awm-main .awm-marker[for="awm-nigeria"], #africa-wash-map #awm-benin:checked ~ .awm-main .awm-marker[for="awm-benin"], #africa-wash-map #awm-cameroon:checked ~ .awm-main .awm-marker[for="awm-cameroon"], #africa-wash-map #awm-guinea:checked ~ .awm-main .awm-marker[for="awm-guinea"], #africa-wash-map #awm-civ:checked ~ .awm-main .awm-marker[for="awm-civ"], #africa-wash-map #awm-somalia:checked ~ .awm-main .awm-marker[for="awm-somalia"], #africa-wash-map #awm-ethiopia:checked ~ .awm-main .awm-marker[for="awm-ethiopia"], #africa-wash-map #awm-drc:checked ~ .awm-main .awm-marker[for="awm-drc"], #africa-wash-map #awm-mozambique:checked ~ .awm-main .awm-marker[for="awm-mozambique"], #africa-wash-map #awm-togo:checked ~ .awm-main .awm-marker[for="awm-togo"], #africa-wash-map #awm-sudan:checked ~ .awm-main .awm-marker[for="awm-sudan"], #africa-wash-map #awm-uganda:checked ~ .awm-main .awm-marker[for="awm-uganda"] { z-index: 9; } /* قائمة البلدان */ #africa-wash-map .awm-country-index { margin-top: 16px; padding: 20px; border: 1px solid var(--awm-line); border-radius: 13px; background: #fff; } #africa-wash-map .awm-country-heading { margin-bottom: 13px; } #africa-wash-map .awm-country-heading h3 { margin: 0; color: var(--awm-ink); font-size: 17px; font-weight: 800; } #africa-wash-map .awm-country-heading p { margin: 3px 0 0; color: var(--awm-muted); font-size: 11px; } #africa-wash-map .awm-country-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; } #africa-wash-map .awm-country-grid label { display: flex; align-items: center; min-width: 0; min-height: 40px; padding: 8px 10px; border: 1px solid #deebe5; border-radius: 8px; color: #46676a; background: #fbfdfb; font-size: 11px; font-weight: 700; line-height: 1.6; cursor: pointer; transition: background .2s ease, border-color .2s ease; } #africa-wash-map .awm-country-grid label:hover { border-color: #7fb9ae; background: #edf7f2; } #africa-wash-map #awm-mali:checked ~ .awm-main .awm-country-grid label[for="awm-mali"], #africa-wash-map #awm-burkina:checked ~ .awm-main .awm-country-grid label[for="awm-burkina"], #africa-wash-map #awm-niger:checked ~ .awm-main .awm-country-grid label[for="awm-niger"], #africa-wash-map #awm-chad:checked ~ .awm-main .awm-country-grid label[for="awm-chad"], #africa-wash-map #awm-nigeria:checked ~ .awm-main .awm-country-grid label[for="awm-nigeria"], #africa-wash-map #awm-benin:checked ~ .awm-main .awm-country-grid label[for="awm-benin"], #africa-wash-map #awm-cameroon:checked ~ .awm-main .awm-country-grid label[for="awm-cameroon"], #africa-wash-map #awm-guinea:checked ~ .awm-main .awm-country-grid label[for="awm-guinea"], #africa-wash-map #awm-civ:checked ~ .awm-main .awm-country-grid label[for="awm-civ"], #africa-wash-map #awm-somalia:checked ~ .awm-main .awm-country-grid label[for="awm-somalia"], #africa-wash-map #awm-ethiopia:checked ~ .awm-main .awm-country-grid label[for="awm-ethiopia"], #africa-wash-map #awm-drc:checked ~ .awm-main .awm-country-grid label[for="awm-drc"], #africa-wash-map #awm-mozambique:checked ~ .awm-main .awm-country-grid label[for="awm-mozambique"], #africa-wash-map #awm-togo:checked ~ .awm-main .awm-country-grid label[for="awm-togo"], #africa-wash-map #awm-sudan:checked ~ .awm-main .awm-country-grid label[for="awm-sudan"], #africa-wash-map #awm-uganda:checked ~ .awm-main .awm-country-grid label[for="awm-uganda"] { border-color: #4c9994; color: #246b72; background: #eaf6f1; } /* التذييل */ #africa-wash-map .awm-footer { padding: 17px 20px 20px; text-align: center; background: #eff6f2; } #africa-wash-map .awm-footer-line { display: block; width: 42px; height: 3px; margin: 0 auto 10px; border-radius: 6px; background: var(--awm-green); } #africa-wash-map .awm-footer p { margin: 0 0 6px; color: #3f6567; font-size: 11px; font-weight: 800; } #africa-wash-map .awm-footer small { display: block; color: #718685; font-size: 10px; line-height: 1.8; } @keyframes awmFadeIn { from { opacity: .3; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } } /* الكمبيوتر اللوحي */ @media (max-width: 960px) { #africa-wash-map .awm-map-layout { grid-template-columns: minmax(0, 1fr); } #africa-wash-map .awm-map-stage { height: 590px; } #africa-wash-map .awm-country-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } /* الهاتف */ @media (max-width: 600px) { #africa-wash-map { margin: 16px auto; border-radius: 13px; } #africa-wash-map .awm-header { gap: 10px; padding: 21px 14px; } #africa-wash-map .awm-header h2 { font-size: 22px; } #africa-wash-map .awm-heading > p { font-size: 12px; } #africa-wash-map .awm-water-emblem { flex: 0 0 82px; min-height: 103px; padding: 7px; } #africa-wash-map .awm-drop { width: 30px; height: 30px; font-size: 13px; } #africa-wash-map .awm-water-emblem strong { font-size: 11px; } #africa-wash-map .awm-water-emblem small { font-size: 10px; } #africa-wash-map .awm-meta { flex-direction: column; gap: 2px; font-size: 10px; } #africa-wash-map .awm-top-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } #africa-wash-map .awm-top-stat { min-height: 85px; padding: 12px; border-bottom: 1px solid #e7efec; } #africa-wash-map .awm-top-stat:nth-child(2) { border-left: 0; } #africa-wash-map .awm-top-stat strong { font-size: 22px; } #africa-wash-map .awm-top-stat span { font-size: 10px; } #africa-wash-map .awm-main { padding: 10px; } #africa-wash-map .awm-view-tabs { gap: 6px; padding: 10px; margin-bottom: 10px; } #africa-wash-map .awm-view-tabs label { flex: 1 1 auto; min-height: 37px; padding: 7px 10px; font-size: 10px; } #africa-wash-map .awm-map-layout { gap: 10px; } #africa-wash-map .awm-map-title { padding: 13px 11px; } #africa-wash-map .awm-map-title h3 { font-size: 15px; } #africa-wash-map .awm-map-title p { font-size: 10px; } #africa-wash-map .awm-map-stage { height: 500px; } #africa-wash-map .awm-geoname { font-size: 18px; stroke-width: 4px; } #africa-wash-map .awm-geoname-south { font-size: 12px; } #africa-wash-map .awm-map-sea { font-size: 14px; stroke-width: 4px; } #africa-wash-map .awm-country-name { max-width: 85px; padding: 3px 5px; font-size: 9px; line-height: 1.4; } #africa-wash-map .awm-burkina .awm-country-name, #africa-wash-map .awm-drc .awm-country-name { max-width: 94px; } #africa-wash-map .awm-civ .awm-country-name, #africa-wash-map .awm-mozambique .awm-country-name { max-width: 74px; } #africa-wash-map .awm-map-note { right: 6px; bottom: 6px; max-width: 142px; padding: 4px 6px; font-size: 8px; } #africa-wash-map .awm-map-legend { gap: 8px 10px; padding: 10px; font-size: 9px; } #africa-wash-map .awm-detail { padding: 18px 14px; } #africa-wash-map .awm-detail h3 { font-size: 21px; } #africa-wash-map .awm-detail > p { font-size: 13px; } #africa-wash-map .awm-big-number strong { font-size: 24px; } #africa-wash-map .awm-fact-row { gap: 8px; padding: 10px; } #africa-wash-map .awm-fact-row strong { font-size: 12px; } #africa-wash-map .awm-fact-row span { font-size: 11px; } #africa-wash-map .awm-compare-head, #africa-wash-map .awm-compare-row { grid-template-columns: minmax(0, 1fr) 49px 49px; gap: 4px; padding: 9px 7px; } #africa-wash-map .awm-compare-head, #africa-wash-map .awm-compare-row { font-size: 10px; } #africa-wash-map .awm-compare-row strong { font-size: 12px; } #africa-wash-map .awm-country-index { margin-top: 10px; padding: 14px 10px; } #africa-wash-map .awm-country-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; } #africa-wash-map .awm-country-grid label { min-height: 39px; padding: 7px; font-size: 10px; } #africa-wash-map .awm-footer { padding: 15px 11px; } } @media (prefers-reduced-motion: reduce) { #africa-wash-map *, #africa-wash-map *::before, #africa-wash-map *::after { animation: none !important; transition: none !important; } } حقوق الطفل والتنمية المستدامة أطفال إفريقيا: خريطة المياه والصرف الصحي فجوات الوصول، والتفاوت بين المناطق، والأطفال الأكثر احتياجًا تقرير حالة أطفال إفريقيا 2026 الاتحاد الإفريقي واليونيسف ◆ المياه حق لكل طفل 691 مليونًا من سكان إفريقيا دون 18 عامًا 40% تغطية مياه الشرب المُدارة بأمان 30% تغطية الصرف الصحي المُدار بأمان 38% تغطية النظافة الصحية الأساسية نظرة عامة التهديدات الثلاثية مياه المدارس الصرف الصحي النظافة الصحية الريف والحضر خريطة فجوات الوصول اختر طبقة البيانات ثم اضغط على الدولة إفريقيا شمال إفريقيا إفريقيا الوسطى والجنوبية البحر الأحمر خليج عدن مالي بوركينا فاسو النيجر تشاد نيجيريا بنين الكاميرون غينيا كوت ديفوار الصومال إثيوبيا الكونغو الديمقراطية موزمبيق توغو السودان أوغندا المواضع تقريبية وليست حدودًا سياسية دقيقة بلدان التهديدات الثلاثية فجوات مياه المدارس الصرف الصحي والنظافة المشهد القاري تقدم في الخدمات، وفجوات مستمرة بحلول عام 2024، كان طفلان من كل خمسة أطفال في إفريقيا يستخدمون مياه شرب مُدارة بشكل آمن، بينما بلغت نسبة استخدام الصرف الصحي المُدار بشكل آمن 30%، ووصلت تغطية خدمات النظافة الأساسية إلى 38%. مياه الشرب الآمنة 40% الصرف الصحي الآمن 30% النظافة الأساسية 38% نسب الوصول إلى الخدمات على مستوى إفريقيا، بحسب بيانات التقرير لعام 2024. هشاشة متداخلة 10 دول تواجه تهديدات ثلاثية 190 مليونًا طفل يعيشون في هذه البلدان العشرة يجمع التقرير بين انخفاض الوصول إلى المياه والصرف الصحي الأساسيين، وارتفاع عبء الأمراض والوفيات المرتبطة بهما، وتزايد المخاطر المناخية والبيئية. نحو الثلثين لا يحصلون على الحد الأدنى من المياه المنزلية أو الصرف الصحي الأساسي ربع الأطفال يمارسون التغوط في العراء ثلاثة أرباع لا يستطيعون غسل أيديهم بسبب نقص المياه والصابون في المنزل الدول: بنين، وبوركينا فاسو، والكاميرون، وتشاد، وكوت ديفوار، وغينيا، ومالي، والنيجر، ونيجيريا، والصومال. مياه الشرب في المدارس ملايين الأطفال بلا مياه أساسية 195 مليونًا طفل في سن الدراسة يفتقرون إلى مياه الشرب في مدارسهم 51% من المدارس الإفريقية لم تكن مزودة بخدمات مياه شرب أساسية عام 2023 حدد التقرير إثيوبيا ونيجيريا وجمهورية الكونغو الديمقراطية والنيجر وموزمبيق ضمن البلدان التي تتحمل العبء الأكبر من حيث العدد المطلق للأطفال المحرومين من مياه الشرب المدرسية. الصرف الصحي في المدارس تحسن تدريجي لا يشمل الجميع 121 مليونًا طفل في سن الدراسة بلا خدمات صرف صحي في المدارس 49% ← 57% تغطية الصرف الصحي الأساسي في المدارس بين عامي 2015 و2023 تتركز أعداد كبيرة من الأطفال المحرومين من الخدمة في نيجيريا وإثيوبيا والنيجر وموزمبيق وكوت ديفوار. كما تفتقر أكثر من نصف مدارس إثيوبيا والنيجر وتوغو إلى أي خدمة صرف صحي وفق ما يورده التقرير. النظافة الصحية في المدارس أكبر فجوة بين الخدمات المدرسية 225 مليونًا طفل في سن الدراسة بلا خدمات نظافة في مدارسهم 33% ← 42% تغطية خدمات النظافة الأساسية في المدارس بين عامي 2015 و2023 ذكر التقرير أن نيجيريا وإثيوبيا والسودان وأوغندا والنيجر تتحمل العبء الأكبر من حيث عدد الأطفال المحرومين من خدمات النظافة المدرسية. عدم المساواة في الوصول الفجوة بين الريف والحضر تُظهر بيانات التقرير تفاوتًا واضحًا في التغطية بين السكان في المناطق الحضرية والريفية عام 2024. الخدمة الحضر الريف مياه الشرب المُدارة بأمان 59% 25% الصرف الصحي المُدار بأمان 38% 24% النظافة الأساسية 48% 30% النسب تمثل تغطية الخدمات في المناطق الحضرية والريفية، وليست نسبًا خاصة بالأطفال وحدهم. بلدان التهديدات الثلاثية مالي أدرج التقرير مالي ضمن البلدان العشرة التي تواجه تهديدات متزامنة تتعلق بانخفاض الوصول إلى المياه والصرف الصحي الأساسيين، وارتفاع أعباء الأمراض المرتبطة بهما، والمخاطر المناخية والبيئية. 190 مليون طفلهو العدد الإجمالي للأطفال في البلدان العشرة مجتمعة، وليس في مالي وحدها. بلدان التهديدات الثلاثية بوركينا فاسو أدرج التقرير بوركينا فاسو ضمن البلدان العشرة التي تواجه تهديدات متزامنة في الوصول إلى المياه والصرف الصحي والنظافة، إلى جانب عبء الأمراض والمخاطر المناخية والبيئية. 190 مليون طفلالعدد الإجمالي للأطفال في البلدان العشرة مجتمعة. التهديدات الثلاثية وخدمات المدارس النيجر أُدرجت النيجر ضمن البلدان العشرة ذات التهديدات الثلاثية. كما وردت في قوائم البلدان التي تتحمل عبئًا كبيرًا من الأطفال المحرومين من مياه الشرب والصرف الصحي والنظافة في المدارس. ويذكر التقرير أن أكثر من نصف مدارسها تفتقر إلى أي خدمة صرف صحي. بلدان التهديدات الثلاثية تشاد أدرج التقرير تشاد ضمن البلدان العشرة التي تجمع بين محدودية الوصول إلى الخدمات الأساسية وارتفاع العبء الصحي والمخاطر المناخية والبيئية. ولم يورد النص المقدم رقمًا مستقلًا للأطفال المحرومين من الخدمات في تشاد. التهديدات الثلاثية وخدمات المدارس نيجيريا تظهر نيجيريا في قائمة البلدان العشرة ذات التهديدات الثلاثية، كما وردت ضمن البلدان التي تسجل أعدادًا مرتفعة من الأطفال المحرومين من مياه الشرب والصرف الصحي والنظافة في المدارس. 101 مليون طفلهو مجموع الأطفال المحرومين من مياه الشرب المدرسية في خمس دول هي إثيوبيا ونيجيريا والكونغو الديمقراطية والنيجر وموزمبيق، بحسب التقرير. بلدان التهديدات الثلاثية بنين أدرج التقرير بنين ضمن مجموعة البلدان العشرة التي تواجه التهديدات الثلاثية المرتبطة بالمياه والصرف الصحي والنظافة والمخاطر الصحية والبيئية. بلدان التهديدات الثلاثية الكاميرون أدرج التقرير الكاميرون ضمن البلدان العشرة التي تواجه تهديدات متزامنة في خدمات المياه والصرف الصحي والنظافة، فضلًا عن المخاطر الصحية والبيئية والمناخية. بلدان التهديدات الثلاثية غينيا تندرج غينيا ضمن البلدان العشرة التي أشار التقرير إلى أنها تواجه تهديدات متزامنة متصلة بنقص الخدمات الأساسية والعبء الصحي والمخاطر المناخية والبيئية. التهديدات الثلاثية والصرف المدرسي كوت ديفوار أدرج التقرير كوت ديفوار ضمن البلدان العشرة ذات التهديدات الثلاثية، وضمن البلدان التي يتحمل أطفالها عبئًا مرتفعًا من الحرمان من خدمات الصرف الصحي في المدارس. بلدان التهديدات الثلاثية الصومال أدرج التقرير الصومال ضمن البلدان العشرة ذات التهديدات الثلاثية، التي تتداخل فيها محدودية الوصول إلى المياه والصرف الصحي مع ارتفاع العبء الصحي والمخاطر المناخية والبيئية. فجوات خدمات المدارس إثيوبيا وردت إثيوبيا ضمن البلدان التي تسجل أعدادًا كبيرة من الأطفال المحرومين من مياه الشرب والصرف الصحي والنظافة في المدارس. كما أشار التقرير إلى أن أكثر من نصف مدارسها تفتقر إلى أي خدمة صرف صحي. مياه الشرب في المدارس جمهورية الكونغو الديمقراطية أدرجها التقرير ضمن البلدان التي تتحمل عددًا مرتفعًا من الأطفال المحرومين من مياه الشرب في المدارس، وفي مجموعة البلدان الخمس التي يقع عليها أكثر من نصف العبء الإجمالي لهذه الأزمة. فجوات خدمات المدارس موزمبيق وردت موزمبيق ضمن البلدان الخمسة التي تتحمل أكثر من نصف أزمة الأطفال المحرومين من مياه الشرب في المدارس، كما وردت ضمن البلدان التي تسجل أعدادًا مرتفعة من الأطفال المحرومين من الصرف الصحي المدرسي. الصرف الصحي في المدارس توغو يشير التقرير إلى أن أكثر من نصف مدارس توغو تفتقر إلى أي خدمة صرف صحي، ما يجعلها ضمن البلدان الأبعد عن تحقيق توفير هذه الخدمة في المدارس. النظافة الصحية في المدارس السودان أدرج التقرير السودان ضمن البلدان الخمسة التي تتحمل العبء الأكبر من حيث أعداد الأطفال المحرومين من خدمات النظافة في المدارس، إلى جانب نيجيريا وإثيوبيا وأوغندا والنيجر. النظافة الصحية في المدارس أوغندا وردت أوغندا ضمن البلدان الخمسة التي تسجل العبء الأكبر من حيث عدد الأطفال المحرومين من خدمات النظافة في المدارس، وفق قائمة التقرير لعام 2023. البلدان والمناطق المعنية اختر اسمًا للانتقال إلى المعلومات المتاحة عنه في التقرير. مالي بوركينا فاسو النيجر تشاد نيجيريا بنين الكاميرون غينيا كوت ديفوار الصومال إثيوبيا الكونغو الديمقراطية موزمبيق توغو السودان أوغندا المصدر: الاتحاد الإفريقي واليونيسف، تقرير حالة أطفال إفريقيا 2026. المواضع الجغرافية تخطيطية. الأرقام تعكس المؤشرات والفترات الزمنية المحددة في التقرير.
