{"id":22391,"date":"2026-04-27T22:06:44","date_gmt":"2026-04-27T19:06:44","guid":{"rendered":"https:\/\/isa.atu.edu.iq\/?page_id=22391"},"modified":"2026-09-14T18:22:57","modified_gmt":"2026-09-14T15:22:57","slug":"22391-2","status":"publish","type":"page","link":"https:\/\/isa.atu.edu.iq\/?page_id=22391","title":{"rendered":""},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\">\n<title>\u0643\u0644\u064a\u0629\u0627\u0644\u0628\u0648\u0644\u064a\u062a\u0643\u0646\u0643 \u0641\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 &#8211; \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0648\u0627\u0644\u0645\u0648\u0642\u0639 | \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0641\u0631\u0627\u062a \u0627\u0644\u0623\u0648\u0633\u0637 \u0627\u0644\u062a\u0642\u0646\u064a\u0629<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@300;400;500;600;700&amp;family=Cairo:wght@400;600;700;800&amp;display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n<style>\n:root {\n    --bg:        #f0f4fa;\n    --surface:   rgba(255,255,255,0.97);\n    --border:    rgba(30,80,140,0.10);\n    --accent:    #1A4D8C;\n    --accent2:   #2e7fc0;\n    --text:      #1a2c3e;\n    --muted:     #6b8aab;\n    --pill-bg:   rgba(230,243,255,0.85);\n    --pill-bdr:  #bcd5ee;\n    --radius:    1.6rem;\n    --orange:    #ffb347;\n}\n*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\nhtml { scroll-behavior: smooth; }\nbody {\n    background: var(--bg);\n    font-family: 'Sora', 'Cairo', system-ui, sans-serif;\n    color: var(--text);\n    min-height: 100vh;\n    overflow-x: hidden;\n    line-height: 1.6;\n}\n\/* BACKGROUND ANIMATIONS *\/\n.bg-scene { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }\n.bg-grid {\n    position: absolute;\n    inset: 0;\n    background-image: linear-gradient(rgba(26,77,140,.05) 1px, transparent 1px),\n                      linear-gradient(90deg, rgba(26,77,140,.05) 1px, transparent 1px);\n    background-size: 56px 56px;\n    animation: gridScroll 22s linear infinite;\n}\n@keyframes gridScroll {\n    from { transform: perspective(700px) rotateX(28deg) translateY(0); }\n    to { transform: perspective(700px) rotateX(28deg) translateY(56px); }\n}\n.bg-orb { position: absolute; border-radius: 50%; filter: blur(90px); animation: orbFloat 9s ease-in-out infinite alternate; }\n.orb1 { width:520px;height:520px;background:rgba(180,200,230,.38);top:-170px;right:-130px;animation-delay:0s; }\n.orb2 { width:360px;height:360px;background:rgba(155,185,220,.28);bottom:8%;left:3%;animation-delay:-4s; }\n.orb3 { width:260px;height:260px;background:rgba(255,179,71,.15);top:40%;right:20%;animation-delay:-7s; }\n@keyframes orbFloat {\n    from { transform: translate(0,0) scale(1); }\n    to { transform: translate(28px,28px) scale(1.09); }\n}\n\/* 3D LOGO WATERMARKS *\/\n.logo-watermark { position: absolute; pointer-events: none; z-index: 0; }\n.logo-center        { top:50%; left:50%; transform:translate(-50%,-50%); }\n.logo-top-left      { top:4%;  left:2%; }\n.logo-bottom-right { bottom:4%; right:2%; }\n.logo-3d-wrapper { width:360px; height:360px; animation: spin3D 25s linear infinite; transform-style: preserve-3d; perspective: 800px; }\n.logo-3d-wrapper.logo-small { width:130px; height:130px; }\n.logo-3d-wrapper.logo-slow  { animation-duration:35s; animation-direction:reverse; }\n@keyframes spin3D {\n    0%   { transform: rotateY(0deg)   rotateX(8deg); }\n    25%  { transform: rotateY(90deg)  rotateX(14deg) rotateZ(3deg); }\n    50%  { transform: rotateY(180deg) rotateX(8deg); }\n    75%  { transform: rotateY(270deg) rotateX(14deg) rotateZ(-3deg); }\n    100% { transform: rotateY(360deg) rotateX(8deg); }\n}\n.logo-3d-img { width:100%; height:100%; object-fit:contain; opacity:.06; mix-blend-mode:screen; filter: saturate(.8) brightness(.85); border-radius: 50%; animation: logoPulse 4.5s ease-in-out infinite alternate; }\n@keyframes logoPulse { from{opacity:.04} to{opacity:.12} }\n\/* FLOATING PARTICLES *\/\n.particle { position: fixed; border-radius:50%; pointer-events:none; z-index:0; animation: floatP linear infinite; opacity:0; }\n@keyframes floatP {\n    0%   { transform:translateY(100vh) rotate(0deg); opacity:0; }\n    10%  { opacity:.55; }\n    90%  { opacity:.55; }\n    100% { transform:translateY(-120px) rotate(360deg); opacity:0; }\n}\n\/* PAGE WRAP *\/\n.page-wrap { position: relative; z-index:2; padding: 2.5rem 1.5rem 4rem; max-width: 1350px; margin: 0 auto; }\n\/* CONTROL BAR (MODERN HEADER) *\/\n.control-bar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-wrap: wrap;\n    gap: 1rem;\n    background: var(--surface);\n    border: 1px solid var(--border);\n    border-radius: var(--radius);\n    padding: 1.2rem 1.5rem;\n    margin-bottom: 2.5rem;\n    box-shadow: 0 4px 24px rgba(0,0,0,.08);\n    backdrop-filter: blur(8px);\n}\n.bar-left { display: flex; align-items: center; gap: 1rem; }\n.bar-icon {\n    width: 50px; height: 50px;\n    background: linear-gradient(135deg, #1A4D8C, #2e7fc0);\n    border-radius: 14px;\n    display: flex; align-items: center; justify-content: center;\n    color: #fff; font-size: 1.3rem;\n    box-shadow: 0 4px 12px rgba(26,77,140,.3);\n}\n.bar-title { font-size: 1.3rem; font-weight: 800; color: var(--accent); line-height: 1.2; }\n.bar-subtitle { font-size: 0.85rem; color: var(--muted); font-weight: 600; margin-top: 4px; }\n.bar-right { display: flex; gap: 10px; flex-wrap: wrap; }\n.badge-count { background: var(--pill-bg); border: 1px solid var(--pill-bdr); padding: 0.4rem 1.2rem; border-radius: 60px; font-size: 0.85rem; font-weight: 700; color: var(--accent); display: flex; align-items: center; gap: 6px; }\n\/* SECTION TITLES *\/\n.section-title { font-size: 1.8rem; font-weight: 800; color: #0a2b44; margin: 2.5rem 0 1.5rem; position: relative; display: inline-block; padding-right: 15px; }\n.section-title:after { content: \"\"; position: absolute; right: 0; bottom: -8px; width: 70px; height: 4px; background: var(--orange); border-radius: 4px; }\n\/* CARDS + INTERACTIVE *\/\n.cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 1.8rem; }\n.data-card {\n    background: var(--surface);\n    border: 1px solid var(--border);\n    border-radius: var(--radius);\n    overflow: hidden;\n    box-shadow: 0 8px 32px rgba(0,0,0,.06);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n.card-header {\n    background: linear-gradient(120deg, rgba(235,243,252,.98), rgba(240,246,255,.98));\n    padding: 1rem 1.4rem;\n    border-bottom: 1.5px solid rgba(26,77,140,.10);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n.card-header i { font-size: 1.8rem; color: var(--accent2); }\n.card-header h3 { font-size: 1.3rem; font-weight: 700; color: #1f4e79; }\n.card-body { padding: 1.5rem; }\n\/* contact info specific styles *\/\n.contact-flex { display: flex; flex-direction: column; gap: 1.3rem; }\n.contact-item {\n    display: flex;\n    align-items: center;\n    gap: 1rem;\n    background: #f9fbfe;\n    padding: 0.9rem 1.2rem;\n    border-radius: 1.4rem;\n    border: 1px solid var(--border);\n    transition: all 0.2s;\n}\n.contact-item i { font-size: 1.6rem; width: 48px; text-align: center; color: var(--accent2); background: rgba(46,127,192,0.1); padding: 0.8rem; border-radius: 60px; }\n.contact-details { flex:1; }\n.contact-details .label { font-weight: 800; font-size: 1rem; color: #1A4D8C; display: block; margin-bottom: 4px; }\n.contact-details .value { font-weight: 500; color: #2c4968; direction: ltr; text-align: right; font-family: monospace; font-size: 1.05rem; letter-spacing: 1px; }\n.contact-details .value-arabic { font-family: 'Cairo', monospace; direction: rtl; }\n.map-wrapper {\n    margin-top: 1rem;\n    border-radius: 1.8rem;\n    overflow: hidden;\n    border: 1px solid var(--border);\n    box-shadow: 0 8px 20px rgba(0,0,0,0.05);\n    width: 100%;\n    height: 280px;\n}\n.map-wrapper iframe { width: 100%; height: 100%; border: 0; }\n.contact-highlight { background: linear-gradient(120deg, #ffffff, #f6faff); border-right: 5px solid var(--orange); }\n.btn-copy {\n    background: none;\n    border: 1px solid #bcd5ee;\n    padding: 6px 12px;\n    border-radius: 40px;\n    font-size: 0.7rem;\n    font-weight: bold;\n    color: var(--accent);\n    cursor: pointer;\n    transition: all 0.2s;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n}\n.btn-copy:hover { background: var(--accent); color: white; border-color: var(--accent); }\n\/* STATS \/ BUILDINGS *\/\n.stats-wrapper { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1rem; }\n.number-block { background: linear-gradient(135deg, #ffffff, #f4f8fc); border-radius: 20px; padding: 1rem; text-align: center; flex: 1; min-width: 100px; box-shadow: 0 4px 12px rgba(0,0,0,0.04); border: 1px solid var(--border); }\n.number-block .num { font-size: 2.2rem; font-weight: 800; color: var(--accent); line-height: 1; }\n.number-block .label { font-size: 0.85rem; font-weight: 700; color: var(--muted); margin-top: 5px; }\n.mission-vision { background: linear-gradient(110deg, rgba(255,255,255,0.9) 0%, rgba(248,250,252,0.9) 100%); border-radius: var(--radius); padding: 2rem; border-right: 6px solid var(--orange); box-shadow: 0 8px 32px rgba(0,0,0,.05); font-size: 1.05rem; }\n.footer-note { margin-top: 3rem; text-align: center; background: var(--surface); border: 1px solid var(--border); border-radius: 60px; padding: 1rem 2rem; width: fit-content; margin-left: auto; margin-right: auto; font-size: 0.9rem; font-weight: 600; color: var(--muted); }\n@media (max-width: 768px) {\n    .page-wrap { padding: 1.5rem 1rem; }\n    .control-bar { flex-direction: column; align-items: flex-start; }\n    .bar-right { width: 100%; justify-content: flex-start; }\n    .section-title { font-size: 1.5rem; }\n    .contact-item { flex-wrap: wrap; }\n    .contact-item i { width: auto; }\n}\n\n\/* ============ BUILDING MAP (NEW) ============ *\/\n.building-map-card {\n    background: var(--surface);\n    border: 1px solid var(--border);\n    border-radius: var(--radius);\n    overflow: hidden;\n    box-shadow: 0 8px 32px rgba(0,0,0,.06);\n    margin-top: 1rem;\n}\n.building-map-body {\n    padding: 1.5rem;\n    background:\n        radial-gradient(circle at 12% 18%, rgba(46,127,192,.07), transparent 42%),\n        radial-gradient(circle at 88% 82%, rgba(255,179,71,.08), transparent 45%),\n        linear-gradient(135deg, #fbfdff 0%, #f2f7fd 100%);\n}\n.building-map-frame {\n    position: relative;\n    border-radius: 1.4rem;\n    overflow: hidden;\n    border: 1.5px dashed rgba(26,77,140,.22);\n    background: #ffffff;\n    box-shadow: inset 0 0 0 1px rgba(255,255,255,.9), 0 10px 26px rgba(26,77,140,.10);\n    cursor: zoom-in;\n    transition: box-shadow .35s ease, transform .35s ease;\n}\n.building-map-frame:hover {\n    box-shadow: inset 0 0 0 1px rgba(255,255,255,.9), 0 16px 38px rgba(26,77,140,.20);\n    transform: translateY(-3px);\n}\n.building-map-frame img {\n    width: 100%;\n    height: auto;\n    display: block;\n    transition: transform .6s cubic-bezier(.22,.61,.36,1);\n}\n.building-map-frame:hover img { transform: scale(1.03); }\n\n\/* Zoom hint badge *\/\n.zoom-hint {\n    position: absolute;\n    bottom: 14px;\n    left: 14px;\n    background: rgba(26,77,140,.88);\n    color: #fff;\n    font-size: .78rem;\n    font-weight: 700;\n    padding: .45rem 1rem;\n    border-radius: 60px;\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n    backdrop-filter: blur(4px);\n    box-shadow: 0 6px 16px rgba(0,0,0,.18);\n    pointer-events: none;\n    transition: opacity .3s;\n}\n.building-map-frame:hover .zoom-hint { opacity: 0; }\n\n\/* Corner ribbon *\/\n.map-ribbon {\n    position: absolute;\n    top: 14px;\n    right: 14px;\n    background: linear-gradient(135deg, #ffb347, #ff9a1f);\n    color: #3a2500;\n    font-size: .75rem;\n    font-weight: 800;\n    padding: .4rem .95rem;\n    border-radius: 60px;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    box-shadow: 0 6px 16px rgba(255,154,31,.35);\n    pointer-events: none;\n}\n\n\/* Legend *\/\n.map-legend {\n    display: flex;\n    flex-wrap: wrap;\n    gap: .7rem;\n    margin-top: 1.2rem;\n    justify-content: center;\n}\n.legend-chip {\n    background: #fff;\n    border: 1px solid var(--pill-bdr);\n    color: var(--accent);\n    font-size: .8rem;\n    font-weight: 700;\n    padding: .45rem 1rem;\n    border-radius: 60px;\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n    box-shadow: 0 3px 10px rgba(26,77,140,.07);\n    transition: transform .25s ease, box-shadow .25s ease;\n}\n.legend-chip:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 7px 18px rgba(26,77,140,.15);\n}\n.legend-dot {\n    width: 9px; height: 9px;\n    border-radius: 50%;\n    display: inline-block;\n}\n\n\/* Fullscreen lightbox *\/\n.map-lightbox {\n    position: fixed;\n    inset: 0;\n    background: rgba(8,20,34,.92);\n    backdrop-filter: blur(6px);\n    z-index: 999;\n    display: none;\n    align-items: center;\n    justify-content: center;\n    padding: 2rem 1rem;\n    animation: lbFade .3s ease;\n}\n.map-lightbox.open { display: flex; }\n@keyframes lbFade { from { opacity: 0; } to { opacity: 1; } }\n.map-lightbox img {\n    max-width: 96vw;\n    max-height: 88vh;\n    border-radius: 1rem;\n    box-shadow: 0 30px 80px rgba(0,0,0,.6);\n    animation: lbZoom .35s cubic-bezier(.22,.61,.36,1);\n}\n@keyframes lbZoom { from { transform: scale(.9); opacity: 0; } to { transform: scale(1); opacity: 1; } }\n.lightbox-close {\n    position: absolute;\n    top: 22px;\n    left: 22px;\n    width: 46px; height: 46px;\n    border-radius: 50%;\n    background: rgba(255,255,255,.14);\n    border: 1px solid rgba(255,255,255,.3);\n    color: #fff;\n    font-size: 1.25rem;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: background .25s, transform .25s;\n}\n.lightbox-close:hover { background: rgba(255,255,255,.28); transform: rotate(90deg); }\n.lightbox-caption {\n    position: absolute;\n    bottom: 26px;\n    left: 50%;\n    transform: translateX(-50%);\n    color: #eaf3fb;\n    font-size: .9rem;\n    font-weight: 600;\n    background: rgba(26,77,140,.55);\n    padding: .5rem 1.4rem;\n    border-radius: 60px;\n    backdrop-filter: blur(4px);\n}\n@media (max-width: 768px) {\n    .building-map-body { padding: 1rem; }\n    .zoom-hint { font-size: .68rem; padding: .35rem .75rem; bottom: 9px; left: 9px; }\n    .map-ribbon { font-size: .66rem; padding: .3rem .7rem; top: 9px; right: 9px; }\n    .lightbox-close { top: 12px; left: 12px; width: 40px; height: 40px; }\n    .lightbox-caption { font-size: .75rem; bottom: 14px; }\n}\n<\/style>\n\n\n<div class=\"bg-scene\">\n    <div class=\"bg-grid\"><\/div>\n    <div class=\"bg-orb orb1\"><\/div>\n    <div class=\"bg-orb orb2\"><\/div>\n    <div class=\"bg-orb orb3\"><\/div>\n    <div class=\"logo-watermark logo-center\">\n        <div class=\"logo-3d-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.style.display='none'\" class=\"logo-3d-img\" alt=\"\u0634\u0639\u0627\u0631 \u0627\u0644\u0645\u0639\u0647\u062f\">\n        <\/div>\n    <\/div>\n    <div class=\"logo-watermark logo-top-left\">\n        <div class=\"logo-3d-wrapper logo-small\">\n            <img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.style.display='none'\" class=\"logo-3d-img\" alt=\"\">\n        <\/div>\n    <\/div>\n    <div class=\"logo-watermark logo-bottom-right\">\n        <div class=\"logo-3d-wrapper logo-small logo-slow\">\n            <img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/04\/wwwwwwwwwww.png\" onerror=\"this.style.display='none'\" class=\"logo-3d-img\" alt=\"\">\n        <\/div>\n    <\/div>\n<\/div>\n<div class=\"page-wrap\">\n    <div class=\"control-bar\">\n        <div class=\"bar-left\">\n            <div class=\"bar-icon\"><i class=\"fas fa-university\"><\/i><\/div>\n            <div>\n                <div class=\"bar-title\"> \u0643\u0644\u064a\u0629\u0627\u0644\u0628\u0648\u0644\u064a\u062a\u0643\u0646\u0643 \/ \u0627\u0644\u0633\u0645\u0627\u0648\u0629<\/div>\n                <div class=\"bar-subtitle\"><i class=\"fas fa-map-marker-alt\" style=\"color:var(--orange);\"><\/i> \u0634\u0645\u0627\u0644 \u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u2013 \u0645\u062d\u0627\u0641\u0638\u0629 \u0627\u0644\u0645\u062b\u0646\u0649 | \u062a\u0623\u0633\u0633 1989<\/div>\n            <\/div>\n        <\/div>\n        <div class=\"bar-right\">\n            <div class=\"badge-count\"><i class=\"fas fa-layer-group\"><\/i> 25 \u0642\u0633\u0645\u0627\u064b \u0639\u0644\u0645\u064a\u0627\u064b<\/div>\n            <div class=\"badge-count\"><i class=\"fas fa-phone-alt\"><\/i> \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- MAIN CONTACT & LOCATION SECTION -->\n    <h2 class=\"section-title\"><i class=\"fas fa-address-card\" style=\"color:var(--orange); margin-left:8px;\"><\/i> \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0648\u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0631\u0633\u0645\u064a<\/h2>\n    <div class=\"cards-grid\">\n        <div class=\"data-card contact-highlight\" data-tilt=\"\">\n            <div class=\"card-header\">\n                <i class=\"fas fa-envelope-open-text\"><\/i>\n                <h3>\u0642\u0646\u0648\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/h3>\n            <\/div>\n            <div class=\"card-body\">\n                <div class=\"contact-flex\">\n                    <div class=\"contact-item\">\n                        <i class=\"fas fa-envelope\"><\/i>\n                        <div class=\"contact-details\">\n                            <span class=\"label\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0627\u0644\u0631\u0633\u0645\u064a<\/span>\n                            <div class=\"value\" dir=\"ltr\">web.isa@atu.edu.iq<\/div>\n                            <button class=\"btn-copy\" onclick=\"copyToClipboard('web.isa@atu.edu.iq', this)\"><i class=\"far fa-copy\"><\/i> \u0646\u0633\u062e \u0627\u0644\u0628\u0631\u064a\u062f<\/button>\n                        <\/div>\n                    <\/div>\n                    <div class=\"contact-item\">\n                        <i class=\"fas fa-phone-alt\"><\/i>\n                        <div class=\"contact-details\">\n                            <span class=\"label\">\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641 \/ \u0627\u0644\u0648\u062a\u0633\u0627\u0628<\/span>\n                            <div class=\"value\" dir=\"ltr\">7832083014<\/div>\n                            <button class=\"btn-copy\" onclick=\"copyToClipboard('7832083014', this)\"><i class=\"far fa-copy\"><\/i> \u0646\u0633\u062e \u0627\u0644\u0631\u0642\u0645<\/button>\n                        <\/div>\n                    <\/div>\n                    <div class=\"contact-item\">\n                        <i class=\"fas fa-globe\"><\/i>\n                        <div class=\"contact-details\">\n                            <span class=\"label\">\u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/span>\n                            <div class=\"value\" dir=\"ltr\">isa.atu.edu.iq<\/div>\n                            <a href=\"https:\/\/isa.atu.edu.iq\" target=\"_blank\" style=\"color: var(--accent2); text-decoration: none; font-weight: 600; display: inline-flex; gap: 6px; margin-top: 5px;\"><i class=\"fas fa-external-link-alt\"><\/i> \u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0631\u0633\u0645\u064a<\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"data-card\" data-tilt=\"\">\n            <div class=\"card-header\">\n                <i class=\"fas fa-map-marked-alt\"><\/i>\n                <h3>\u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u062c\u063a\u0631\u0627\u0641\u064a \u2013 \u062e\u0631\u0627\u0626\u0637 \u062c\u0648\u062c\u0644<\/h3>\n            <\/div>\n            <div class=\"card-body\">\n                <p style=\"margin-bottom: 1rem;\"><strong><i class=\"fas fa-location-dot\" style=\"color: #e8748f;\"><\/i> \u0627\u0644\u0639\u0646\u0648\u0627\u0646:<\/strong> \u0634\u0645\u0627\u0644 \u0627\u0644\u0633\u0645\u0627\u0648\u0629\u060c \u0645\u062d\u0627\u0641\u0638\u0629 \u0627\u0644\u0645\u062b\u0646\u0649\u060c \u0627\u0644\u0639\u0631\u0627\u0642 (\u0642\u0631\u0628 \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0641\u0631\u0627\u062a \u0627\u0644\u0623\u0648\u0633\u0637 \u0627\u0644\u062a\u0642\u0646\u064a\u0629)<\/p>\n                <div class=\"map-wrapper\">\n                    <iframe src=\"https:\/\/maps.google.com\/maps?q=31.342637,45.289226&amp;z=15&amp;output=embed&amp;hl=ar\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n                <\/div>\n                <div style=\"display: flex; justify-content: center; margin-top: 12px;\">\n                    <a href=\"https:\/\/maps.google.com\/maps?ll=31.342637,45.289226&amp;z=12&amp;t=m&amp;hl=en-US&amp;gl=US&amp;mapclient=embed&amp;cid=9410505742284639486\" target=\"_blank\" class=\"btn-copy\" style=\"background: #eef2f7; padding: 6px 18px;\"><i class=\"fas fa-directions\"><\/i> \u0641\u062a\u062d \u0627\u0644\u062e\u0631\u064a\u0637\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- ================= BUILDING MAP SECTION (NEW) ================= -->\n    <h2 class=\"section-title\" style=\"margin-top: 3rem;\">\n        <i class=\"fas fa-building-columns\" style=\"color:var(--orange); margin-left:8px;\"><\/i>\n        \u062e\u0631\u064a\u0637\u0629 \u0645\u0628\u0627\u0646\u064a \u0627\u0644\u0645\u0639\u0647\u062f \u2013 \u062f\u0644\u064a\u0644 \u0627\u0644\u0623\u0628\u0646\u064a\u0629\n    <\/h2>\n\n    <div class=\"building-map-card\">\n        <div class=\"card-header\">\n            <i class=\"fas fa-map-location-dot\"><\/i>\n            <h3>\u0627\u0644\u0645\u062e\u0637\u0637 \u0627\u0644\u0639\u0627\u0645 \u0644\u0623\u0628\u0646\u064a\u0629 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \/ \u0627\u0644\u0633\u0645\u0627\u0648\u0629<\/h3>\n        <\/div>\n        <div class=\"building-map-body\">\n            <p style=\"margin-bottom: 1.2rem; color:#2c4968; font-weight:500;\">\n                <i class=\"fas fa-circle-info\" style=\"color: var(--accent2);\"><\/i>\n                \u0627\u0636\u063a\u0637 \u0639\u0644\u0649 \u0627\u0644\u0635\u0648\u0631\u0629 \u0644\u0639\u0631\u0636\u0647\u0627 \u0628\u062d\u062c\u0645 \u0643\u0627\u0645\u0644 \u0644\u0644\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0645\u0648\u0627\u0642\u0639 \u0648\u0623\u0633\u0645\u0627\u0621 \u0627\u0644\u0623\u0628\u0646\u064a\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0639\u0647\u062f \u0628\u0634\u0643\u0644 \u0623\u0648\u0636\u062d.\n            <\/p>\n\n            <div class=\"building-map-frame\" onclick=\"openMapLightbox()\">\n                <span class=\"map-ribbon\"><i class=\"fas fa-compass\"><\/i> \u062f\u0644\u064a\u0644 \u0627\u0644\u0623\u0628\u0646\u064a\u0629<\/span>\n                <span class=\"zoom-hint\"><i class=\"fas fa-magnifying-glass-plus\"><\/i> \u0627\u0636\u063a\u0637 \u0644\u0644\u062a\u0643\u0628\u064a\u0631<\/span>\n                <img decoding=\"async\"\n                    src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/09\/Picture3.png\"\n                    alt=\"\u062e\u0631\u064a\u0637\u0629 \u0645\u0628\u0627\u0646\u064a \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u2013 \u0646\u0638\u0631\u0629 \u0639\u0627\u0645\u0629\"\n                    loading=\"lazy\"\n                >\n            <\/div>\n\n            <div class=\"map-legend\">\n                <span class=\"legend-chip\"><span class=\"legend-dot\" style=\"background:#1A4D8C;\"><\/span> \u0627\u0644\u0623\u0628\u0646\u064a\u0629 \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629<\/span>\n                <span class=\"legend-chip\"><span class=\"legend-dot\" style=\"background:#2e7fc0;\"><\/span> \u0627\u0644\u0642\u0627\u0639\u0627\u062a \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629<\/span>\n                <span class=\"legend-chip\"><span class=\"legend-dot\" style=\"background:#ffb347;\"><\/span> \u0627\u0644\u0645\u062e\u062a\u0628\u0631\u0627\u062a<\/span>\n                <span class=\"legend-chip\"><span class=\"legend-dot\" style=\"background:#41b883;\"><\/span> \u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u0627\u0644\u062e\u062f\u0645\u064a\u0629<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Lightbox -->\n    <div class=\"map-lightbox\" id=\"mapLightbox\" onclick=\"closeMapLightbox(event)\">\n        <button class=\"lightbox-close\" onclick=\"closeMapLightbox(event)\" aria-label=\"\u0625\u063a\u0644\u0627\u0642\"><i class=\"fas fa-times\"><\/i><\/button>\n        <img decoding=\"async\" src=\"https:\/\/isa.atu.edu.iq\/wp-content\/uploads\/2026\/09\/Picture3.png\" alt=\"\u062e\u0631\u064a\u0637\u0629 \u0645\u0628\u0627\u0646\u064a \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u2013 \u0639\u0631\u0636 \u0643\u0627\u0645\u0644\">\n        <div class=\"lightbox-caption\"><i class=\"fas fa-building-columns\"><\/i> \u0627\u0644\u0645\u062e\u0637\u0637 \u0627\u0644\u0639\u0627\u0645 \u0644\u0623\u0628\u0646\u064a\u0629 \u0627\u0644\u0645\u0639\u0647\u062f \u0627\u0644\u062a\u0642\u0646\u064a \/ \u0627\u0644\u0633\u0645\u0627\u0648\u0629<\/div>\n    <\/div>\n\n<\/div>\n\n<script>\n\/* ---------- COPY TO CLIPBOARD ---------- *\/\nfunction copyToClipboard(text, btn) {\n    navigator.clipboard.writeText(text).then(() => {\n        const original = btn.innerHTML;\n        btn.innerHTML = '<i class=\"fas fa-check\"><\/i> \u062a\u0645 \u0627\u0644\u0646\u0633\u062e';\n        btn.style.background = '#41b883';\n        btn.style.color = '#fff';\n        btn.style.borderColor = '#41b883';\n        setTimeout(() => {\n            btn.innerHTML = original;\n            btn.style.background = '';\n            btn.style.color = '';\n            btn.style.borderColor = '';\n        }, 1800);\n    }).catch(() => {\n        \/\/ Fallback\n        const ta = document.createElement('textarea');\n        ta.value = text;\n        document.body.appendChild(ta);\n        ta.select();\n        document.execCommand('copy');\n        document.body.removeChild(ta);\n        btn.innerHTML = '<i class=\"fas fa-check\"><\/i> \u062a\u0645 \u0627\u0644\u0646\u0633\u062e';\n        setTimeout(() => { btn.innerHTML = '<i class=\"far fa-copy\"><\/i> \u0646\u0633\u062e'; }, 1800);\n    });\n}\n\n\/* ---------- BUILDING MAP LIGHTBOX ---------- *\/\nfunction openMapLightbox() {\n    const lb = document.getElementById('mapLightbox');\n    lb.classList.add('open');\n    document.body.style.overflow = 'hidden';\n}\nfunction closeMapLightbox(e) {\n    \/\/ Only close if clicking on backdrop or the close button (not the image itself)\n    if (e && e.target.closest('.map-lightbox img') && !e.target.closest('.lightbox-close')) return;\n    const lb = document.getElementById('mapLightbox');\n    lb.classList.remove('open');\n    document.body.style.overflow = '';\n}\ndocument.addEventListener('keydown', (e) => {\n    if (e.key === 'Escape') {\n        const lb = document.getElementById('mapLightbox');\n        if (lb.classList.contains('open')) {\n            lb.classList.remove('open');\n            document.body.style.overflow = '';\n        }\n    }\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u0643\u0644\u064a\u0629\u0627\u0644\u0628\u0648\u0644\u064a\u062a\u0643\u0646\u0643 \u0641\u064a \u0627\u0644\u0633\u0645\u0627\u0648\u0629 &#8211; \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0648\u0627\u0644\u0645\u0648\u0642\u0639 | \u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0641\u0631\u0627\u062a \u0627\u0644\u0623\u0648\u0633\u0637 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0643\u0644\u064a\u0629\u0627\u0644\u0628\u0648\u0644\u064a\u062a\u0643\u0646\u0643 \/ \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u0634\u0645\u0627\u0644 \u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0633\u0645\u0627\u0648\u0629 \u2013 \u0645\u062d\u0627\u0641\u0638\u0629 \u0627\u0644\u0645\u062b\u0646\u0649 | \u062a\u0623\u0633\u0633 1989 25 \u0642\u0633\u0645\u0627\u064b \u0639\u0644\u0645\u064a\u0627\u064b \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0648\u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0631\u0633\u0645\u064a \u0642\u0646\u0648\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0627\u0644\u0631\u0633\u0645\u064a web.isa@atu.edu.iq \u0646\u0633\u062e \u0627\u0644\u0628\u0631\u064a\u062f \u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641 \/ \u0627\u0644\u0648\u062a\u0633\u0627\u0628 7832083014 \u0646\u0633\u062e \u0627\u0644\u0631\u0642\u0645 \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a isa.atu.edu.iq \u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0631\u0633\u0645\u064a \u0627\u0644\u0645\u0648\u0642\u0639 &hellip; <a href=\"https:\/\/isa.atu.edu.iq\/?page_id=22391\">Continued<\/a><\/p>\n","protected":false},"author":99900,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-22391","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22391","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/users\/99900"}],"replies":[{"embeddable":true,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=22391"}],"version-history":[{"count":3,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22391\/revisions"}],"predecessor-version":[{"id":23332,"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/22391\/revisions\/23332"}],"wp:attachment":[{"href":"https:\/\/isa.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22391"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}