{"id":1213,"date":"2026-01-21T05:14:54","date_gmt":"2026-01-21T05:14:54","guid":{"rendered":"https:\/\/sgss.org.sa\/?page_id=1213"},"modified":"2026-01-21T22:44:33","modified_gmt":"2026-01-21T22:44:33","slug":"scientific-journal","status":"publish","type":"page","link":"https:\/\/sgss.org.sa\/en\/scientific-journal\/","title":{"rendered":"scientific-journal"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1213\" class=\"elementor elementor-1213\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-04d926e e-con-full e-flex e-con e-parent\" data-id=\"04d926e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ff9468 elementor-widget elementor-widget-shortcode\" data-id=\"5ff9468\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        \n        <section class=\"nx-hero-section ltr\">\n            <div class=\"nx-hero-bg\" style=\"background-image: url('https:\/\/sgss.org.sa\/wp-content\/uploads\/2025\/12\/4a6ba50f966fdb76a329e00aeba8149398f5dafe-scaled.webp');\"><\/div>\n            <div class=\"nx-hero-overlay\"><\/div>\n            \n            <div class=\"nx-hero-container\">\n                <div class=\"nx-hero-content\">\n                    <!-- \u062a\u0645 \u0625\u0636\u0627\u0641\u0629 \u0643\u0644\u0627\u0633 \u0644\u062a\u0623\u0643\u064a\u062f \u0627\u0644\u0633\u0637\u0631 \u0627\u0644\u0648\u0627\u062d\u062f -->\n                    <h1 class=\"nx-hero-title\">Scientific Journal<\/h1>\n                    \n                                            <div class=\"nx-hero-separator\"><\/div>\n                        <p class=\"nx-hero-subtitle\">Discover the latest articles and research<\/p>\n                                    <\/div>\n            <\/div>\n\n            <style>\n                :root {\n                    --nx-hero-font: 'Tajawal', 'Cairo', sans-serif;\n                }\n\n                .nx-hero-section {\n                    position: relative;\n                    width: 100%;\n                    height: 50vh;\n                    min-height: 400px;\n                    max-height: 600px;\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    overflow: hidden;\n                    font-family: var(--nx-hero-font);\n                    direction: ltr;\n                }\n                .nx-hero-section.rtl { direction: rtl; }\n\n                \/* Background & Animation *\/\n                .nx-hero-bg {\n                    position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n                    background-size: cover; background-position: center;\n                    animation: nxZoomIn 20s infinite alternate;\n                    z-index: 1;\n                }\n                @keyframes nxZoomIn { from { transform: scale(1); } to { transform: scale(1.1); } }\n\n                .nx-hero-overlay {\n                    position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n                    background: linear-gradient(135deg, rgba(93, 58, 117, 0.85) 0%, rgba(60, 141, 127, 0.8) 100%);\n                    z-index: 2;\n                }\n\n                .nx-hero-container {\n                    position: relative; z-index: 3;\n                    width: 100%; max-width: 1200px;\n                    padding: 0 15px; \/* \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062d\u0648\u0627\u0641 \u0644\u0625\u0639\u0637\u0627\u0621 \u0645\u0633\u0627\u062d\u0629 \u0644\u0644\u0646\u0635 *\/\n                    text-align: center;\n                }\n\n                .nx-hero-content {\n                    opacity: 0; transform: translateY(30px);\n                    animation: nxFadeUp 1s cubic-bezier(0.2, 0.8, 0.2, 1) forwards 0.3s;\n                }\n\n                \/* =========================================\n                   \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 (\u0627\u0644\u0633\u0631 \u0647\u0646\u0627)\n                   ========================================= *\/\n                .nx-hero-title {\n                    color: #ffffff;\n                    font-weight: 900;\n                    margin: 0;\n                    line-height: 1.2;\n                    text-shadow: 0 10px 30px rgba(0,0,0,0.2);\n                    \n                    \/* \u0625\u062c\u0628\u0627\u0631 \u0627\u0644\u0646\u0635 \u0639\u0644\u0649 \u0627\u0644\u0628\u0642\u0627\u0621 \u0641\u064a \u0633\u0637\u0631 \u0648\u0627\u062d\u062f *\/\n                    white-space: nowrap; \n                    \n                    \/* \u062d\u062c\u0645 \u062e\u0637 \u0630\u0643\u064a \u064a\u062a\u063a\u064a\u0631 \u0645\u0639 \u0639\u0631\u0636 \u0627\u0644\u0634\u0627\u0634\u0629 *\/\n                    \/* \u0627\u0644\u062d\u062f \u0627\u0644\u0623\u062f\u0646\u0649 1.5rem\u060c \u0627\u0644\u0645\u0641\u0636\u0644 5vw (\u0646\u0633\u0628\u0629 \u0645\u0646 \u0627\u0644\u0639\u0631\u0636)\u060c \u0627\u0644\u062d\u062f \u0627\u0644\u0623\u0642\u0635\u0649 4rem *\/\n                    font-size: clamp(1.5rem, 5vw, 4rem); \n                }\n\n                .nx-hero-separator {\n                    width: 80px; height: 4px; background: #ffffff;\n                    margin: 20px auto; border-radius: 2px; opacity: 0.8;\n                }\n\n                .nx-hero-subtitle {\n                    color: rgba(255, 255, 255, 0.95);\n                    font-size: clamp(1rem, 2vw, 1.5rem);\n                    font-weight: 500;\n                    margin: 0;\n                    line-height: 1.6;\n                    max-width: 800px;\n                    margin-left: auto; margin-right: auto;\n                }\n\n                @keyframes nxFadeUp { to { opacity: 1; transform: translateY(0); } }\n\n                \/* =========================================\n                   \u062a\u0639\u062f\u064a\u0644\u0627\u062a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644\n                   ========================================= *\/\n                @media (max-width: 768px) {\n                    .nx-hero-section { min-height: 300px; }\n                    \n                    .nx-hero-title {\n                        \/* \n                         \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644\u060c \u0646\u0633\u062a\u062e\u062f\u0645 \u062d\u062c\u0645 \u062e\u0637 \u064a\u0639\u062a\u0645\u062f \u0643\u0644\u064a\u0627\u064b \u0639\u0644\u0649 \u0639\u0631\u0636 \u0627\u0644\u0634\u0627\u0634\u0629 \n                         \u0644\u0636\u0645\u0627\u0646 \u0623\u0646 \u062c\u0645\u0644\u0629 \"\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0648\u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a\" \u062a\u062f\u062e\u0644 \u0641\u064a \u0633\u0637\u0631 \u0648\u0627\u062d\u062f\n                        *\/\n                        font-size: clamp(1.4rem, 7vw, 2.5rem);\n                        white-space: nowrap; \/* \u062a\u0623\u0643\u064a\u062f \u0639\u062f\u0645 \u0627\u0644\u0646\u0632\u0648\u0644 \u0644\u0633\u0637\u0631 \u062b\u0627\u0646\u064a *\/\n                    }\n\n                    .nx-hero-subtitle { font-size: 1rem; padding: 0 10px; }\n                    .nx-hero-separator { margin: 15px auto; width: 60px; }\n                }\n            <\/style>\n        \n        <\/section>\n\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-66d0df5 elementor-widget elementor-widget-shortcode\" data-id=\"66d0df5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n        <!-- Component Start -->\n        <div class=\"nx-journal-card\" dir=\"ltr\">\n            \n            <!-- Decorative Header Line -->\n            <div class=\"nx-card-top-line\"><\/div>\n\n            <div class=\"nx-card-body\">\n                <!-- Icon \/ Logo Area -->\n                <div class=\"nx-icon-wrapper\">\n                    <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"><\/path>\n                        <path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"><\/path>\n                        <path d=\"M12 6h5\"><\/path>\n                        <path d=\"M12 10h5\"><\/path>\n                        <path d=\"M12 14h5\"><\/path>\n                    <\/svg>\n                <\/div>\n\n                <!-- Badge -->\n                <span class=\"nx-badge\">Official Access Portal<\/span>\n\n                <!-- Titles -->\n                <h2 class=\"nx-title\">Saudi Journal (SGSS)<\/h2>\n                <h3 class=\"nx-subtitle\">Database for Medical Research &amp; Studies<\/h3>\n\n                <!-- Professional Message -->\n                <div class=\"nx-message-box\">\n                    <p>Dear Visitor, to ensure the highest security standards and access the full archive of scientific papers with high precision, please proceed to the official journal server via the secure link below.<\/p>\n                <\/div>\n\n                <!-- Action Button -->\n                <a href=\"https:\/\/journals.lww.com\/sasj\/pages\/default.aspx\" target=\"_blank\" class=\"nx-btn-royal\">\n                    <span>Access Official Journal Website<\/span>\n                    <svg class=\"nx-arrow\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                                    <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline>\n                                            <\/svg>\n                <\/a>\n\n                <!-- Footer -->\n                <div class=\"nx-footer\">\n                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path><\/svg>\n                    Secure Encrypted Connection                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Scoped CSS -->\n        <style>\n            :root {\n                --nx-royal-blue: #003366; \/* Medical Academic Blue *\/\n                --nx-gold: #c5a059;       \/* Prestige Gold *\/\n                --nx-bg-light: #f8f9fa;\n                --nx-text-main: #2c3e50;\n                --nx-text-sub: #546e7a;\n            }\n\n            .nx-journal-card {\n                position: relative;\n                max-width: 800px;\n                margin: 40px auto;\n                background: #ffffff;\n                border-radius: 16px;\n                box-shadow: 0 15px 40px rgba(0, 51, 102, 0.08); \/* Blue tinted shadow *\/\n                border: 1px solid rgba(0,0,0,0.05);\n                overflow: hidden;\n                font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n                text-align: center;\n            }\n\n            \/* Gold Top Line *\/\n            .nx-card-top-line {\n                height: 6px;\n                width: 100%;\n                background: linear-gradient(90deg, var(--nx-royal-blue), var(--nx-gold));\n            }\n\n            .nx-card-body {\n                padding: 40px 30px;\n            }\n\n            \/* Icon *\/\n            .nx-icon-wrapper {\n                width: 70px;\n                height: 70px;\n                background: rgba(0, 51, 102, 0.06);\n                border-radius: 50%;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                margin: 0 auto 20px;\n                color: var(--nx-royal-blue);\n            }\n\n            \/* Badge *\/\n            .nx-badge {\n                display: inline-block;\n                background: #fff8e1;\n                color: #b08d55;\n                font-size: 12px;\n                font-weight: 700;\n                padding: 4px 12px;\n                border-radius: 20px;\n                margin-bottom: 15px;\n                letter-spacing: 0.5px;\n            }\n\n            \/* Typography *\/\n            .nx-title {\n                font-size: 26px;\n                font-weight: 800;\n                color: var(--nx-royal-blue);\n                margin: 0 0 8px;\n                line-height: 1.3;\n            }\n\n            .nx-subtitle {\n                font-size: 16px;\n                font-weight: 500;\n                color: var(--nx-gold);\n                margin: 0 0 25px;\n            }\n\n            \/* Message Box *\/\n            .nx-message-box {\n                background: var(--nx-bg-light);\n                border-radius: 8px;\n                padding: 20px;\n                margin-bottom: 30px;\n                border: 1px dashed #d1d9e6;\n            }\n            .nx-message-box p {\n                margin: 0;\n                font-size: 15px;\n                line-height: 1.7;\n                color: var(--nx-text-sub);\n            }\n\n            \/* Button *\/\n            .nx-btn-royal {\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                gap: 12px;\n                background: var(--nx-royal-blue);\n                color: #ffffff !important;\n                padding: 16px 36px;\n                border-radius: 50px;\n                font-size: 16px;\n                font-weight: 600;\n                text-decoration: none;\n                transition: all 0.3s ease;\n                box-shadow: 0 8px 20px rgba(0, 51, 102, 0.25);\n            }\n            .nx-btn-royal:hover {\n                background: #002244;\n                transform: translateY(-3px);\n                box-shadow: 0 12px 25px rgba(0, 51, 102, 0.35);\n            }\n            \n            .nx-arrow {\n                transition: transform 0.3s ease;\n            }\n            \/* Move arrow based on direction *\/\n            .nx-journal-card[dir=\"ltr\"] .nx-btn-royal:hover .nx-arrow {\n                transform: translateX(4px);\n            }\n            .nx-journal-card[dir=\"rtl\"] .nx-btn-royal:hover .nx-arrow {\n                transform: translateX(-4px);\n            }\n\n            \/* Footer *\/\n            .nx-footer {\n                margin-top: 25px;\n                font-size: 13px;\n                color: #aab7c4;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                gap: 6px;\n            }\n\n            \/* Mobile *\/\n            @media (max-width: 600px) {\n                .nx-title { font-size: 22px; }\n                .nx-btn-royal { width: 100%; box-sizing: border-box; }\n            }\n        <\/style>\n        <!-- Component End -->\n\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0d0854a elementor-widget elementor-widget-shortcode\" data-id=\"0d0854a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n<style>\r\n.sgss-articles-wrapper {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 60px 20px;\r\n    direction: rtl;\r\n    font-family: 'Inter', 'Segoe UI', Tahoma, sans-serif;\r\n}\r\n\r\n.sgss-articles-header {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n}\r\n\r\n.sgss-articles-header h2 {\r\n    font-size: 36px;\r\n    color: #1f2937;\r\n    font-weight: 800;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.sgss-articles-header p {\r\n    color: #6b7280;\r\n    font-size: 18px;\r\n}\r\n\r\n\/* News Cards Grid Layout *\/\r\n.sgss-articles-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 30px;\r\n    margin-bottom: 50px;\r\n}\r\n\r\n.sgss-article-card {\r\n    background: #fff;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n}\r\n\r\n.sgss-article-card:hover {\r\n    transform: translateY(-10px);\r\n    box-shadow: 0 20px 50px rgba(82, 34, 94, 0.2);\r\n}\r\n\r\n.sgss-article-image-wrapper {\r\n    position: relative;\r\n    height: 220px;\r\n    overflow: hidden;\r\n    background: #eee;\r\n}\r\n\r\n.sgss-article-image {\r\n    width: 100%;\r\n    height: 100%;\r\n    background-size: cover;\r\n    background-position: center;\r\n    transition: transform 0.5s ease;\r\n}\r\n\r\n.sgss-article-card:hover .sgss-article-image {\r\n    transform: scale(1.1);\r\n}\r\n\r\n.sgss-article-body {\r\n    padding: 25px;\r\n    flex-grow: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.sgss-article-title {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    color: #333;\r\n    margin-bottom: 15px;\r\n    line-height: 1.4;\r\n    min-height: 56px;\r\n    overflow: hidden;\r\n    display: -webkit-box;\r\n    -webkit-line-clamp: 2;\r\n    -webkit-box-orient: vertical;\r\n}\r\n\r\n.sgss-article-excerpt {\r\n    color: #666;\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n    margin-bottom: 20px;\r\n    flex-grow: 1;\r\n    overflow: hidden;\r\n    display: -webkit-box;\r\n    -webkit-line-clamp: 3;\r\n    -webkit-box-orient: vertical;\r\n}\r\n\r\n.sgss-article-meta {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    padding-top: 15px;\r\n    border-top: 1px solid #eee;\r\n    font-size: 13px;\r\n    color: #999;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.sgss-btn-read-more {\r\n    display: block;\r\n    width: 100%;\r\n    background: linear-gradient(135deg, #52225e 0%, #6a2d78 100%);\r\n    color: #fff;\r\n    text-align: center;\r\n    padding: 12px;\r\n    border-radius: 10px;\r\n    text-decoration: none;\r\n    font-weight: 600;\r\n    font-size: 15px;\r\n    transition: all 0.3s;\r\n    border: none;\r\n}\r\n\r\n.sgss-btn-read-more:hover {\r\n    background: linear-gradient(135deg, #3e1a47 0%, #52225e 100%);\r\n    color: #fff;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\/* Research Horizontal List Layout *\/\r\n.sgss-research-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 25px;\r\n    margin-bottom: 50px;\r\n}\r\n\r\n.sgss-research-card {\r\n    background: #fff;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: row-reverse;\r\n    align-items: stretch;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.sgss-research-card:hover {\r\n    transform: translateX(-5px);\r\n    box-shadow: 0 15px 40px rgba(82, 34, 94, 0.15);\r\n}\r\n\r\n.sgss-research-image {\r\n    width: 320px;\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-color: #eee;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.sgss-research-content {\r\n    padding: 30px;\r\n    flex-grow: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n}\r\n\r\n.sgss-research-title {\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    color: #333;\r\n    margin-bottom: 15px;\r\n    line-height: 1.3;\r\n}\r\n\r\n.sgss-research-info {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n    margin-bottom: 15px;\r\n    font-size: 14px;\r\n    color: #777;\r\n}\r\n\r\n.sgss-research-info span {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 5px;\r\n}\r\n\r\n.sgss-research-excerpt {\r\n    color: #666;\r\n    font-size: 15px;\r\n    line-height: 1.7;\r\n    margin-bottom: 20px;\r\n    overflow: hidden;\r\n    display: -webkit-box;\r\n    -webkit-line-clamp: 2;\r\n    -webkit-box-orient: vertical;\r\n}\r\n\r\n.sgss-research-footer {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n}\r\n\r\n\/* Load More Button *\/\r\n.sgss-load-more-container {\r\n    text-align: center;\r\n    margin-top: 40px;\r\n}\r\n\r\n.sgss-load-more-btn {\r\n    display: inline-block;\r\n    padding: 15px 50px;\r\n    background: linear-gradient(135deg, #52225e 0%, #6a2d78 100%);\r\n    color: #fff;\r\n    border: none;\r\n    border-radius: 50px;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    transition: all 0.3s;\r\n    box-shadow: 0 5px 20px rgba(82, 34, 94, 0.3);\r\n}\r\n\r\n.sgss-load-more-btn:hover {\r\n    background: linear-gradient(135deg, #3e1a47 0%, #52225e 100%);\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 8px 30px rgba(82, 34, 94, 0.4);\r\n}\r\n\r\n.sgss-load-more-btn:disabled {\r\n    background: #ccc;\r\n    cursor: not-allowed;\r\n    transform: none;\r\n    box-shadow: none;\r\n}\r\n\r\n.sgss-loading-spinner {\r\n    display: inline-block;\r\n    width: 18px;\r\n    height: 18px;\r\n    border: 3px solid rgba(255,255,255,0.3);\r\n    border-top-color: #fff;\r\n    border-radius: 50%;\r\n    animation: spin 0.8s linear infinite;\r\n    margin-right: 10px;\r\n}\r\n\r\n@keyframes spin {\r\n    to { transform: rotate(360deg); }\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 1024px) {\r\n    .sgss-articles-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n    .sgss-research-image {\r\n        width: 250px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .sgss-articles-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n    .sgss-research-card {\r\n        flex-direction: column-reverse;\r\n    }\r\n    .sgss-research-image {\r\n        width: 100%;\r\n        height: 200px;\r\n    }\r\n}\r\n.sgss-articles-wrapper {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 60px 20px;\r\n    direction: ltr;\r\n    font-family: 'Inter', sans-serif;\r\n}\r\n<\/style>\r\n\r\n<div class=\"sgss-articles-wrapper\" id=\"sgss-articles-6a1ae1dc8b69e\">\r\n            <p style=\"text-align:center; width:100%; color:#666; padding:40px; font-size:18px;\">\r\n            No research available        <\/p>\r\n    \r\n    <!-- Load More Button -->\r\n    <\/div>\r\n\r\n<script>\r\nfunction sgssLoadMore(btn) {\r\n    if (btn.disabled) return;\r\n    \r\n    const type = btn.getAttribute('data-type');\r\n    const limit = parseInt(btn.getAttribute('data-limit'));\r\n    const offset = parseInt(btn.getAttribute('data-offset'));\r\n    const layout = 'news'; \/\/ Unified to news layout\r\n    const lang = btn.getAttribute('data-lang');\r\n    \r\n    \/\/ Disable button and show loading\r\n    btn.disabled = true;\r\n    const originalText = btn.innerHTML;\r\n    btn.innerHTML = '<span class=\"sgss-loading-spinner\"><\/span> Loading...';\r\n    \r\n    \/\/ AJAX request\r\n    const formData = new FormData();\r\n    formData.append('action', 'sgss_load_more_articles');\r\n    formData.append('type', type);\r\n    formData.append('limit', limit);\r\n    formData.append('offset', offset);\r\n    formData.append('layout', layout);\r\n    formData.append('lang', lang);\r\n    \r\n    fetch('https:\/\/sgss.org.sa\/wp-admin\/admin-ajax.php', {\r\n        method: 'POST',\r\n        body: formData\r\n    })\r\n    .then(response => response.json())\r\n    .then(data => {\r\n        if (data.success && data.html) {\r\n            \/\/ Append new items\r\n            const container = document.querySelector('[data-container=\"articles\"]');\r\n            if (container) {\r\n                container.insertAdjacentHTML('beforeend', data.html);\r\n            }\r\n            \r\n            \/\/ Update offset\r\n            btn.setAttribute('data-offset', offset + limit);\r\n            \r\n            \/\/ Hide button if no more items\r\n            if (!data.has_more) {\r\n                btn.parentElement.style.display = 'none';\r\n            } else {\r\n                btn.disabled = false;\r\n                btn.innerHTML = originalText;\r\n            }\r\n        } else {\r\n            btn.parentElement.style.display = 'none';\r\n        }\r\n    })\r\n    .catch(error => {\r\n        console.error('Load more error:', error);\r\n        btn.disabled = false;\r\n        btn.innerHTML = originalText;\r\n        alert('\u062d\u062f\u062b \u062e\u0637\u0623 \u0641\u064a \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0632\u064a\u062f');\r\n    });\r\n}\r\n<\/script>\r\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1213","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/pages\/1213","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/comments?post=1213"}],"version-history":[{"count":16,"href":"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/pages\/1213\/revisions"}],"predecessor-version":[{"id":1242,"href":"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/pages\/1213\/revisions\/1242"}],"wp:attachment":[{"href":"https:\/\/sgss.org.sa\/en\/wp-json\/wp\/v2\/media?parent=1213"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}