{"id":26501,"date":"2026-05-13T14:18:46","date_gmt":"2026-05-13T10:18:46","guid":{"rendered":"https:\/\/dubaisafari.ae\/blogs\/"},"modified":"2026-05-19T11:22:04","modified_gmt":"2026-05-19T07:22:04","slug":"blogs","status":"publish","type":"page","link":"https:\/\/dubaisafari.ae\/ar\/blogs\/","title":{"rendered":"Blogs"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u0627\u0644\u0645\u062f\u0648\u0646\u0627\u062a | \u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643<\/title>\r\n <meta name=\"description\" content=\"\u0627\u0643\u062a\u0634\u0641\u0648\u0627 \u0623\u062d\u062f\u062b \u0627\u0644\u0642\u0635\u0635\u060c \u0648\u062a\u062d\u062f\u064a\u062b\u0627\u062a \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0628\u0631\u064a\u0629\u060c \u0648\u0623\u062f\u0644\u0629 \u0627\u0644\u0636\u064a\u0648\u0641 \u0645\u0646 \u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643. \u062a\u0635\u0641\u062d\u0648\u0627 \u0645\u0642\u0627\u0644\u0627\u062a \u062d\u0648\u0644 \u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0628\u064a\u0626\u0629\u060c \u0648\u0644\u0642\u0627\u0621\u0627\u062a \u0627\u0644\u062d\u064a\u0648\u0627\u0646\u0627\u062a\u060c \u0648\u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0648\u062c\u0647\u0629\u060c \u0648\u0646\u0635\u0627\u0626\u062d \u0627\u0644\u0639\u0627\u0626\u0644\u0627\u062a.\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap\" rel=\"stylesheet\" \/>\r\n <style>\r\n :root {\r\n --primary-green: #2D5A27;\r\n --primary-green-dark: #1e3f1a;\r\n --accent-gold: #D4AF37;\r\n --accent-gold-light: #e8c96a;\r\n --text-dark: #1A1A1A;\r\n --text-body: #4A4A4A;\r\n --text-muted: #888888;\r\n --bg-body: #FFFFFF;\r\n --bg-gray: #F4F4F4;\r\n --bg-cream: #FAFAF8;\r\n --border-color: #EBEBEB;\r\n --border-light: #f0f0f0;\r\n --shadow-sm: 0 2px 8px rgba(0,0,0,0.04);\r\n --shadow-md: 0 8px 24px rgba(0,0,0,0.06);\r\n --shadow-lg: 0 12px 32px rgba(0,0,0,0.1);\r\n --radius-sm: 8px;\r\n --radius-md: 12px;\r\n --radius-lg: 16px;\r\n --radius-xl: 24px;\r\n --radius-pill: 999px;\r\n \r\n \/* \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062e\u0637 \u063a\u0648\u062b\u0627\u0645 (Gotham) \u0643\u062e\u0637 \u0623\u0633\u0627\u0633\u064a \u0644\u0628\u0627\u0642\u064a \u0627\u0644\u0635\u0641\u062d\u0629\u060c \u0645\u0639 \u062a\u0631\u0643 Tajawal \u0643\u0628\u062f\u064a\u0644 *\/\r\n --font-primary: 'Gotham', 'Tajawal', sans-serif;\r\n \/* \u0625\u0628\u0642\u0627\u0621 \u062e\u0637 Tajawal \u0644\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0627\u0644\u0623\u0639\u0644\u0649 \u0641\u0642\u0637 *\/\r\n --font-title: 'Tajawal', sans-serif;\r\n }\r\n\r\n * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n html { scroll-behavior: smooth; }\r\n\r\n body {\r\n font-family: var(--font-primary) !important;\r\n color: var(--text-body);\r\n background: var(--bg-body);\r\n line-height: 1.8;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n text-align: right;\r\n }\r\n\r\n .page-content {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 40px 24px 60px;\r\n }\r\n\r\n \/* Breadcrumbs *\/\r\n .breadcrumbs {\r\n font-size: 0.85rem;\r\n color: var(--text-muted);\r\n margin-bottom: 20px;\r\n font-weight: 500;\r\n font-family: var(--font-primary);\r\n }\r\n\r\n .breadcrumbs a {\r\n color: var(--primary-green);\r\n text-decoration: none;\r\n font-weight: 700;\r\n transition: color 0.2s;\r\n }\r\n\r\n .breadcrumbs a:hover { color: var(--accent-gold); }\r\n\r\n \/* Page Header *\/\r\n .page-header {\r\n margin-bottom: 48px;\r\n text-align: center;\r\n }\r\n\r\n .page-title {\r\n font-family: var(--font-title) !important; \/* \u0627\u0644\u062e\u0637 \u0627\u0644\u0623\u0635\u0644\u064a \u0644\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0639\u0644\u0648\u064a \u0641\u0642\u0637 *\/\r\n font-size: clamp(2.2rem, 5vw, 3.2rem);\r\n color: black !important;\r\n margin: 0 0 16px 0;\r\n font-weight: 800;\r\n letter-spacing: -0.02em;\r\n line-height: 1.2;\r\n }\r\n\r\n .page-subtitle {\r\n font-family: var(--font-primary);\r\n font-size: 1.05rem;\r\n color: var(--text-body);\r\n max-width: 600px;\r\n margin: 0 auto;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* Search & Filter Toolbar *\/\r\n .toolbar {\r\n margin-bottom: 48px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n align-items: center;\r\n }\r\n\r\n .search-wrap {\r\n position: relative;\r\n width: 100%;\r\n max-width: 480px;\r\n }\r\n\r\n #searchInput {\r\n width: 100%;\r\n border: 2px solid var(--border-color);\r\n border-radius: var(--radius-pill);\r\n padding: 14px 52px 14px 24px;\r\n font-family: var(--font-primary);\r\n font-size: 0.95rem;\r\n outline: none;\r\n background: var(--bg-body);\r\n color: var(--text-dark);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n #searchInput:focus {\r\n border-color: var(--primary-green);\r\n box-shadow: 0 0 0 4px rgba(45, 90, 39, 0.08);\r\n }\r\n\r\n .search-icon {\r\n position: absolute;\r\n right: 20px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n color: var(--text-muted);\r\n pointer-events: none;\r\n }\r\n\r\n .filters {\r\n display: flex;\r\n gap: 10px;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n }\r\n\r\n .filter-btn {\r\n background: transparent;\r\n border: 2px solid var(--border-color);\r\n color: var(--text-dark);\r\n padding: 10px 24px;\r\n border-radius: var(--radius-pill);\r\n font-family: var(--font-primary);\r\n font-size: 0.9rem;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .filter-btn:hover {\r\n border-color: var(--primary-green);\r\n color: var(--primary-green);\r\n transform: translateY(-1px);\r\n }\r\n\r\n .filter-btn.active {\r\n background-color: var(--primary-green);\r\n border-color: var(--primary-green);\r\n color: white;\r\n box-shadow: 0 4px 12px rgba(45, 90, 39, 0.25);\r\n }\r\n\r\n \/* Loading Spinner *\/\r\n .loading {\r\n display: none;\r\n align-items: center;\r\n gap: 10px;\r\n color: var(--text-muted);\r\n font-size: 0.9rem;\r\n font-weight: 500;\r\n font-family: var(--font-primary);\r\n }\r\n\r\n .loading.show { display: inline-flex; }\r\n\r\n .spinner {\r\n width: 18px;\r\n height: 18px;\r\n border: 3px solid var(--border-color);\r\n border-top-color: var(--primary-green);\r\n border-radius: 50%;\r\n animation: spin 0.75s linear infinite;\r\n }\r\n\r\n @keyframes spin {\r\n to { transform: rotate(360deg); }\r\n }\r\n\r\n \/* ===== Blog Grid & Cards ===== *\/\r\n .blog-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));\r\n gap: 32px;\r\n }\r\n\r\n .post-card {\r\n background: var(--bg-body);\r\n border-radius: var(--radius-lg);\r\n overflow: hidden;\r\n border: 1px solid var(--border-color);\r\n transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease;\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n cursor: pointer;\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n .post-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: var(--shadow-lg);\r\n }\r\n\r\n .card-image-wrap {\r\n display: block;\r\n position: relative;\r\n overflow: hidden;\r\n height: 220px;\r\n }\r\n\r\n .card-image-wrap img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n\r\n .post-card:hover .card-image-wrap img {\r\n transform: scale(1.06);\r\n }\r\n\r\n .card-category-badge {\r\n position: absolute;\r\n top: 16px;\r\n right: 16px;\r\n background: var(--primary-green);\r\n color: white;\r\n padding: 5px 14px;\r\n font-family: var(--font-primary);\r\n font-size: 0.8rem;\r\n font-weight: 700;\r\n border-radius: 6px;\r\n letter-spacing: 0.5px;\r\n z-index: 2;\r\n pointer-events: none;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.15);\r\n }\r\n\r\n .post-card[data-category*=\"Wildlife Conservation\"] .card-category-badge {\r\n background: linear-gradient(135deg, #1e3f1a, var(--primary-green));\r\n }\r\n\r\n .post-card[data-category*=\"Park News\"] .card-category-badge {\r\n background: linear-gradient(135deg, var(--accent-gold), #b8941f);\r\n }\r\n\r\n .post-card[data-category*=\"Animal Encounters\"] .card-category-badge {\r\n background: linear-gradient(135deg, #8B4513, #CD853F);\r\n }\r\n\r\n .post-card[data-category*=\"Visitor Tips\"] .card-category-badge {\r\n background: linear-gradient(135deg, #1A4B6E, #4A90A4);\r\n }\r\n\r\n .card-content {\r\n padding: 24px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n flex-grow: 1;\r\n }\r\n\r\n .card-date {\r\n color: var(--primary-green);\r\n font-family: var(--font-primary);\r\n font-size: 0.85rem;\r\n font-weight: 700;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .card-title {\r\n font-family: var(--font-primary) !important; \/* \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062e\u0637 \u063a\u0648\u062b\u0627\u0645 \u0644\u0644\u0628\u0637\u0627\u0642\u0627\u062a *\/\r\n font-size: 30px !important;\r\n color: var(--text-dark);\r\n margin: 0;\r\n line-height: 1.4;\r\n font-weight: 800;\r\n }\r\n\r\n .card-excerpt {\r\n font-family: var(--font-primary);\r\n font-size: 0.95rem;\r\n color: var(--text-body);\r\n line-height: 1.7;\r\n flex-grow: 1;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 3;\r\n -webkit-box-orient: vertical;\r\n overflow: hidden;\r\n }\r\n\r\n .read-more {\r\n display: inline-flex;\r\n align-items: center;\r\n text-decoration: none;\r\n color: var(--primary-green);\r\n font-family: var(--font-primary);\r\n font-weight: 800;\r\n font-size: 0.95rem;\r\n transition: all 0.25s ease;\r\n margin-top: 4px;\r\n }\r\n\r\n .read-more::after {\r\n content: '\u2190';\r\n margin-right: 8px;\r\n transition: transform 0.25s ease;\r\n font-size: 1.1em;\r\n }\r\n\r\n .post-card:hover .read-more {\r\n color: var(--accent-gold);\r\n }\r\n\r\n .post-card:hover .read-more::after {\r\n transform: translateX(-5px);\r\n }\r\n\r\n \/* Empty State *\/\r\n .empty-state {\r\n grid-column: 1 \/ -1;\r\n border: 2px dashed var(--border-color);\r\n border-radius: var(--radius-lg);\r\n padding: 60px 24px;\r\n text-align: center;\r\n color: var(--text-muted);\r\n background: var(--bg-cream);\r\n font-family: var(--font-primary);\r\n }\r\n\r\n .empty-state h3 {\r\n color: var(--text-dark);\r\n font-size: 1.3rem;\r\n margin-bottom: 8px;\r\n font-weight: 800;\r\n }\r\n\r\n \/* ===== Responsive ===== *\/\r\n @media (max-width: 768px) {\r\n .page-content { padding: 24px 16px 40px; }\r\n .blog-grid { grid-template-columns: 1fr; gap: 24px; }\r\n .page-title { font-size: 2rem; }\r\n .card-title { font-size: 24px !important; }\r\n .filter-btn { padding: 8px 18px; font-size: 0.85rem; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <main class=\"page-content\">\r\n\r\n <nav class=\"breadcrumbs\" aria-label=\"Breadcrumb\">\r\n <a href=\"https:\/\/dubaisafari.ae\/ar\/\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a> \/ <span aria-current=\"page\">\u0627\u0644\u0645\u062f\u0648\u0646\u0629<\/span>\r\n <\/nav>\r\n\r\n <header class=\"page-header\">\r\n <h1 class=\"page-title\">\u0627\u0644\u0645\u062f\u0648\u0646\u0627\u062a<\/h1>\r\n <p class=\"page-subtitle\">\u0627\u0643\u062a\u0634\u0641\u0648\u0627 \u0627\u0644\u0642\u0635\u0635\u060c \u0648\u062a\u062d\u062f\u064a\u062b\u0627\u062a \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0628\u0631\u064a\u0629\u060c \u0648\u0623\u062f\u0644\u0629 \u0636\u064a\u0648\u0641\u0646\u0627 \u0645\u0646 \u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643. \u062a\u0635\u0641\u062d\u0648\u0627 \u0645\u0642\u0627\u0644\u0627\u062a \u062d\u0648\u0644 \u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0628\u064a\u0626\u0629\u060c \u0648\u0644\u0642\u0627\u0621\u0627\u062a \u0627\u0644\u062d\u064a\u0648\u0627\u0646\u0627\u062a\u060c \u0648\u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0648\u062c\u0647\u0629\u060c \u0648\u0646\u0635\u0627\u0626\u062d \u0627\u0644\u0639\u0627\u0626\u0644\u0627\u062a.<\/p>\r\n <\/header>\r\n\r\n <section class=\"toolbar\" aria-label=\"Blog controls\">\r\n <div class=\"search-wrap\">\r\n <svg class=\"search-icon\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.3-4.3\"\/><\/svg>\r\n <input id=\"searchInput\" type=\"search\" placeholder=\"\u0627\u0628\u062d\u062b\u0648\u0627 \u0641\u064a \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a...\" aria-label=\"Search articles\" \/>\r\n <\/div>\r\n <div class=\"filters\" role=\"group\" aria-label=\"Category filters\">\r\n <button class=\"filter-btn active\" data-category=\"all\">\u0627\u0644\u0643\u0644<\/button>\r\n <button class=\"filter-btn\" data-category=\"Visitor Tips\">\u0646\u0635\u0627\u0626\u062d \u0644\u0636\u064a\u0648\u0641\u0646\u0627<\/button>\r\n <button class=\"filter-btn\" data-category=\"Wildlife Conservation\">\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0628\u0631\u064a\u0629<\/button>\r\n <button class=\"filter-btn\" data-category=\"Park News\">\u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0648\u062c\u0647\u0629<\/button>\r\n <button class=\"filter-btn\" data-category=\"Animal Encounters\">\u0644\u0642\u0627\u0621\u0627\u062a \u0627\u0644\u062d\u064a\u0648\u0627\u0646\u0627\u062a<\/button>\r\n <\/div>\r\n <div id=\"loadingIndicator\" class=\"loading\" aria-live=\"polite\">\r\n <span class=\"spinner\" aria-hidden=\"true\"><\/span>\r\n <span>\u062c\u0627\u0631\u064a \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a...<\/span>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"blogGrid\" class=\"blog-grid\">\r\n\r\n <a href=\"https:\/\/dubaisafari.ae\/ar\/blog-celebrate-eid-al-adha-2026-at-dubai-safari-park-ultimate-family-guide\/\" class=\"post-card\" data-category=\"Park News\" data-title=\"\u0627\u062d\u062a\u0641\u0644\u0648\u0627 \u0628\u0639\u064a\u062f \u0627\u0644\u0623\u0636\u062d\u0649 2026 \u0641\u064a \u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643: \u0627\u0644\u062f\u0644\u064a\u0644 \u0627\u0644\u0639\u0627\u0626\u0644\u064a \u0627\u0644\u0634\u0627\u0645\u0644\" data-date=\"2026-05-18\">\r\n <span class=\"card-image-wrap\">\r\n <span class=\"card-category-badge\">\u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0648\u062c\u0647\u0629<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/05\/family-Eid-Al-Adha-celebration-at-Dubai-Safari-Park.webp\" alt=\"\u0639\u0627\u0626\u0644\u0629 \u062a\u0633\u062a\u0645\u062a\u0639 \u0628\u0639\u0637\u0644\u0629 \u0639\u064a\u062f \u0627\u0644\u0623\u0636\u062d\u0649 \u0641\u064a \u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643\" loading=\"lazy\" \/>\r\n <\/span>\r\n <div class=\"card-content\">\r\n <time class=\"card-date\" datetime=\"2026-05-18\">18 \u0645\u0627\u064a\u0648 2026<\/time>\r\n <h2 class=\"card-title\">\u0627\u062d\u062a\u0641\u0644\u0648\u0627 \u0628\u0639\u064a\u062f \u0627\u0644\u0623\u0636\u062d\u0649 2026 \u0641\u064a \u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643: \u0627\u0644\u062f\u0644\u064a\u0644 \u0627\u0644\u0639\u0627\u0626\u0644\u064a \u0627\u0644\u0634\u0627\u0645\u0644<\/h2>\r\n <p class=\"card-excerpt\">\u0647\u0644 \u062a\u062e\u0637\u0637\u0648\u0646 \u0644\u0632\u064a\u0627\u0631\u0629 \u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643 \u062e\u0644\u0627\u0644 \u0639\u064a\u062f \u0627\u0644\u0623\u0636\u062d\u0649 2026\u061f \u062a\u0639\u0631\u0641\u0648\u0627 \u0639\u0644\u0649 \u0623\u0648\u0642\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u060c \u0627\u0644\u062a\u0630\u0627\u0643\u0631\u060c \u0627\u0644\u0628\u0627\u0642\u0627\u062a \u0627\u0644\u062d\u0635\u0631\u064a\u0629\u060c \u0648\u0644\u0645\u0627\u0630\u0627 \u062a\u0639\u062a\u0628\u0631 \u0647\u0630\u0647 \u0641\u0631\u0635\u062a\u0643\u0645 \u0627\u0644\u0623\u062e\u064a\u0631\u0629 \u0644\u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u0648\u062c\u0647\u0629 \u0642\u0628\u0644 \u0627\u0644\u0635\u064a\u0641.<\/p>\r\n <span class=\"read-more\">\u0627\u0642\u0631\u0623 \u0627\u0644\u0645\u0642\u0627\u0644<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/dubaisafari.ae\/ar\/blog-first-time-visitor-guide-dubai-safari-park\/\" class=\"post-card\" data-category=\"Visitor Tips\" data-title=\"\u062f\u0644\u064a\u0644 \u0632\u064a\u0627\u0631\u062a\u0643\u0645 \u0627\u0644\u0623\u0648\u0644\u0649 \u0625\u0644\u0649 \u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643\" data-date=\"2026-05-13\">\r\n <span class=\"card-image-wrap\">\r\n <span class=\"card-category-badge\">\u0646\u0635\u0627\u0626\u062d \u0644\u0636\u064a\u0648\u0641\u0646\u0627<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/dubaisafari.ae\/wp-content\/uploads\/2026\/05\/A_professional_travel_photography_shot_of_a_happy_family_entering_Dubai_Safari-1.webp\" alt=\"\u0636\u064a\u0648\u0641 \u064a\u0633\u062a\u0643\u0634\u0641\u0648\u0646 \u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643 \u0644\u0644\u0645\u0631\u0629 \u0627\u0644\u0623\u0648\u0644\u0649\" loading=\"lazy\" \/>\r\n <\/span>\r\n <div class=\"card-content\">\r\n <time class=\"card-date\" datetime=\"2026-05-13\">13 \u0645\u0627\u064a\u0648 2026<\/time>\r\n <h2 class=\"card-title\">\u062f\u0644\u064a\u0644 \u0632\u064a\u0627\u0631\u062a\u0643\u0645 \u0627\u0644\u0623\u0648\u0644\u0649 \u0625\u0644\u0649 \u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643<\/h2>\r\n <p class=\"card-excerpt\">\u0647\u0644 \u062a\u062e\u0637\u0637\u0648\u0646 \u0644\u0632\u064a\u0627\u0631\u062a\u0643\u0645 \u0627\u0644\u0623\u0648\u0644\u0649 \u0625\u0644\u0649 \u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643\u061f \u064a\u063a\u0637\u064a \u0647\u0630\u0627 \u0627\u0644\u062f\u0644\u064a\u0644 \u0627\u0644\u0634\u0627\u0645\u0644 \u0644\u0636\u064a\u0648\u0641\u0646\u0627 \u0627\u0644\u062c\u062f\u062f \u0643\u0644 \u0645\u0627 \u062a\u062d\u062a\u0627\u062c\u0648\u0646 \u0644\u0645\u0639\u0631\u0641\u062a\u0647 \u2014 \u0627\u0644\u062a\u0630\u0627\u0643\u0631\u060c \u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0648\u062c\u0647\u0629\u060c \u0648\u0646\u0635\u0627\u0626\u062d \u0647\u0627\u0645\u0629.<\/p>\r\n <span class=\"read-more\">\u0627\u0642\u0631\u0623 \u0627\u0644\u0645\u0642\u0627\u0644<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <\/section>\r\n <\/main>\r\n\r\n <script>\r\n const searchInput = document.getElementById('searchInput');\r\n const filterButtons = document.querySelectorAll('.filter-btn');\r\n const cards = document.querySelectorAll('.post-card');\r\n const grid = document.getElementById('blogGrid');\r\n const loadingIndicator = document.getElementById('loadingIndicator');\r\n let activeCategory = 'all';\r\n\r\n function applyFilters() {\r\n const query = searchInput.value.trim().toLowerCase();\r\n let visible = 0;\r\n\r\n cards.forEach((card) => {\r\n const category = card.dataset.category;\r\n const title = card.dataset.title.toLowerCase();\r\n const categoryMatch = activeCategory === 'all' || activeCategory === category;\r\n const titleMatch = title.includes(query);\r\n const show = categoryMatch && titleMatch;\r\n\r\n card.style.display = show ? 'flex' : 'none';\r\n if (show) visible += 1;\r\n });\r\n\r\n const oldEmpty = document.querySelector('.empty-state');\r\n if (oldEmpty) oldEmpty.remove();\r\n\r\n if (visible === 0) {\r\n const empty = document.createElement('div');\r\n empty.className = 'empty-state';\r\n empty.innerHTML = `\r\n <h3>\u0644\u0645 \u064a\u062a\u0645 \u0627\u0644\u0639\u062b\u0648\u0631 \u0639\u0644\u0649 \u0645\u0642\u0627\u0644\u0627\u062a<\/h3>\r\n <p>\u062d\u0627\u0648\u0644\u0648\u0627 \u062a\u0639\u062f\u064a\u0644 \u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0628\u062d\u062b \u0623\u0648 \u0627\u0644\u0641\u0644\u062a\u0631 \u0644\u0644\u0639\u062b\u0648\u0631 \u0639\u0644\u0649 \u0645\u0627 \u062a\u0628\u062d\u062b\u0648\u0646 \u0639\u0646\u0647.<\/p>\r\n `;\r\n grid.appendChild(empty);\r\n }\r\n }\r\n\r\n function runWithSpinner() {\r\n loadingIndicator.classList.add('show');\r\n setTimeout(() => {\r\n applyFilters();\r\n loadingIndicator.classList.remove('show');\r\n }, 400);\r\n }\r\n\r\n filterButtons.forEach((button) => {\r\n button.addEventListener('click', () => {\r\n filterButtons.forEach((b) => b.classList.remove('active'));\r\n button.classList.add('active');\r\n activeCategory = button.dataset.category;\r\n runWithSpinner();\r\n });\r\n });\r\n\r\n searchInput.addEventListener('input', applyFilters);\r\n\r\n \/\/ Sort by date (newest first) on load\r\n function sortByDate() {\r\n const cardArray = Array.from(cards);\r\n cardArray.sort((a, b) => {\r\n const dateA = new Date(a.dataset.date);\r\n const dateB = new Date(b.dataset.date);\r\n return dateB - dateA;\r\n });\r\n cardArray.forEach(card => grid.appendChild(card));\r\n }\r\n sortByDate();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u0645\u062f\u0648\u0646\u0627\u062a | \u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \/ \u0627\u0644\u0645\u062f\u0648\u0646\u0629 \u0627\u0644\u0645\u062f\u0648\u0646\u0627\u062a \u0627\u0643\u062a\u0634\u0641\u0648\u0627 \u0627\u0644\u0642\u0635\u0635\u060c \u0648\u062a\u062d\u062f\u064a\u062b\u0627\u062a \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0628\u0631\u064a\u0629\u060c \u0648\u0623\u062f\u0644\u0629 \u0636\u064a\u0648\u0641\u0646\u0627 \u0645\u0646 \u062f\u0628\u064a \u0633\u0641\u0627\u0631\u064a \u0628\u0627\u0631\u0643. \u062a\u0635\u0641\u062d\u0648\u0627 \u0645\u0642\u0627\u0644\u0627\u062a \u062d\u0648\u0644 \u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0628\u064a\u0626\u0629\u060c \u0648\u0644\u0642\u0627\u0621\u0627\u062a \u0627\u0644\u062d\u064a\u0648\u0627\u0646\u0627\u062a\u060c \u0648\u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0648\u062c\u0647\u0629\u060c \u0648\u0646\u0635\u0627\u0626\u062d \u0627\u0644\u0639\u0627\u0626\u0644\u0627\u062a. \u0627\u0644\u0643\u0644 \u0646\u0635\u0627\u0626\u062d \u0644\u0636\u064a\u0648\u0641\u0646\u0627 \u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0628\u0631\u064a\u0629 \u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0648\u062c\u0647\u0629 \u0644\u0642\u0627\u0621\u0627\u062a \u0627\u0644\u062d\u064a\u0648\u0627\u0646\u0627\u062a \u062c\u0627\u0631\u064a \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a… \u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0648\u062c\u0647\u0629 18 \u0645\u0627\u064a\u0648 2026 \u0627\u062d\u062a\u0641\u0644\u0648\u0627 \u0628\u0639\u064a\u062f \u0627\u0644\u0623\u0636\u062d\u0649 2026 \u0641\u064a \u062f\u0628\u064a […]<\/p>\n","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":9,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-26501","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dubaisafari.ae\/ar\/wp-json\/wp\/v2\/pages\/26501","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dubaisafari.ae\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dubaisafari.ae\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dubaisafari.ae\/ar\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/dubaisafari.ae\/ar\/wp-json\/wp\/v2\/comments?post=26501"}],"version-history":[{"count":7,"href":"https:\/\/dubaisafari.ae\/ar\/wp-json\/wp\/v2\/pages\/26501\/revisions"}],"predecessor-version":[{"id":26625,"href":"https:\/\/dubaisafari.ae\/ar\/wp-json\/wp\/v2\/pages\/26501\/revisions\/26625"}],"wp:attachment":[{"href":"https:\/\/dubaisafari.ae\/ar\/wp-json\/wp\/v2\/media?parent=26501"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}