@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//marwaradi.com/wp-content/themes/woodmart/fonts/woodmart-font-1-300.woff2?v=7.1.4") format("woff2");
}

.wd-popup.wd-promo-popup{
	background-color:#111111;
	background-image: url(https://marwaradi.com/wp-content/uploads/2021/08/promo-popup.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.page-title-default{
	background-color:#0a0a0a;
	background-image: none;
	background-size:cover;
	background-position:center center;
}

.footer-container{
	background-color:#ffffff;
	background-image: none;
}

:root{
--wd-text-font:"Noto Kufi Arabic", Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:rgb(9,22,96);
--wd-text-font-size:17px;
}
:root{
--wd-title-font:"Noto Kufi Arabic", Arial, Helvetica, sans-serif;
--wd-title-font-weight:600;
--wd-title-color:rgb(0,0,0);
}
:root{
--wd-entities-title-font:"Noto Kufi Arabic", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:500;
--wd-entities-title-color:rgb(22,22,22);
--wd-entities-title-color-hover:rgb(51 51 51 / 65%);
}
:root{
--wd-alternative-font:"Noto Kufi Arabic", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"Noto Kufi Arabic", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:600;
--wd-widget-title-transform:uppercase;
--wd-widget-title-color:rgb(0,0,0);
--wd-widget-title-font-size:22px;
}
:root{
--wd-header-el-font:"Noto Kufi Arabic", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:700;
--wd-header-el-transform:uppercase;
--wd-header-el-font-size:18px;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title{
	font-weight: 600;
}

:root{
--wd-primary-color:rgb(255,255,255);
}
:root{
--wd-alternative-color:rgb(255,255,255);
}
:root{
--wd-link-color:rgb(0,16,160);
--wd-link-color-hover:rgb(255,255,255);
}
.page .main-page-wrapper{
	background-color:rgb(255,255,255);
	background-image: none;
}

:root{
--btn-default-bgcolor:#f7f7f7;
}
:root{
--btn-default-bgcolor-hover:#efefef;
}
:root{
--btn-accented-bgcolor:#83b735;
}
:root{
--btn-accented-bgcolor-hover:#74a32f;
}
:root{
--notices-success-bg:#459647;
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:#E0B252;
}
:root{
--notices-warning-color:#fff;
}
	:root{
					
			
							--wd-form-brd-radius: 0px;
					
					--wd-form-brd-width: 2px;
		
					--btn-default-color: #333;
		
					--btn-default-color-hover: #333;
		
					--btn-accented-color: #fff;
		
					--btn-accented-color-hover: #fff;
		
									--btn-default-brd-radius: 0px;
				--btn-default-box-shadow: none;
				--btn-default-box-shadow-hover: none;
				--btn-default-box-shadow-active: none;
				--btn-default-bottom: 0px;
			
			
			
					
					
							--btn-accented-bottom-active: -1px;
				--btn-accented-brd-radius: 0px;
				--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
				--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
			
			
					
							
					--wd-brd-radius: 0px;
			}

	
	
			@media (min-width: 1025px) {
			.whb-boxed:not(.whb-sticked):not(.whb-full-width) .whb-main-header {
				max-width: 1192px;
			}
		}

		.container {
			max-width: 1222px;
		}

		:root{
			--wd-container-width: 1222px;
		}
	
			.elementor-section.wd-section-stretch > .elementor-column-gap-no {
			max-width: 1192px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-narrow {
			max-width: 1202px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-default {
			max-width: 1212px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-extended {
			max-width: 1222px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-wide {
			max-width: 1232px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-wider {
			max-width: 1252px;
		}
		@media (min-width: 1239px) {
			.platform-Windows .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
		@media (min-width: 1222px) {
			html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
	
	
	
	
	
			.woodmart-woocommerce-layered-nav .wd-scroll-content {
			max-height: 223px;
		}
	
	
/* =========================================================
   MARWA RADI ACADEMY
   BLOG CARDS - COMPLETE DESIGN
   ========================================================= */


/* =========================================================
   1. الكارت الأساسي
   ========================================================= */

.blog-design-default .post {
    position: relative !important;

    background: #ffffff !important;

    border: 1px solid #eeeeee !important;
	/* =========================================
   توحيد ارتفاع جميع كروت المقالات
   ========================================= */

.blog-design-default .post {
    height: 680px !important;
    min-height: 680px !important;
    max-height: 680px !important;

    display: flex !important;
    flex-direction: column !important;
}


/* نخلي محتوى الكارت يأخذ المساحة المتاحة */
.blog-design-default .post .article-body,
.blog-design-default .post .post-content {
    flex: 1 1 auto !important;
}


/* =========================================
   زر مواصلة القراءة - واضح
   ========================================= */

.blog-design-default .read-more-section {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 25px !important;

    width: 100% !important;

    opacity: 1 !important;
    visibility: visible !important;
}


/* الزر نفسه */
.blog-design-default .read-more-section .read-more {
    display: inline-block !important;

    background: #17105c !important;
    background-color: #17105c !important;

    color: #ffffff !important;

    opacity: 1 !important;
    visibility: visible !important;

    border: 0 !important;
    border-radius: 30px !important;

    padding: 11px 28px !important;

    font-size: 15px !important;
    font-weight: 700 !important;

    box-shadow: 0 4px 12px rgba(23,16,92,0.18) !important;
}


/* عند مرور الماوس */
.blog-design-default .read-more-section .read-more:hover {
    background: #f4a900 !important;
    background-color: #f4a900 !important;
    color: #fff !important;
}

    border-radius: 24px !important;

    overflow: hidden !important;

    min-height: 680px !important;

    box-shadow: 0 6px 25px rgba(23, 16, 92, 0.08) !important;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease !important;
}


/* حركة الكارت */

.blog-design-default .post:hover {
    transform: translateY(-6px) !important;

    box-shadow: 0 16px 38px rgba(23, 16, 92, 0.14) !important;
}


/* =========================================================
   2. الصورة - الحواف الدائرية
   ========================================================= */

/* الـ Figure */

figure.entry-thumbnail {
    position: relative !important;

    overflow: hidden !important;

    border-radius: 24px !important;

    margin: 12px 12px 0 !important;
}


/* حاوية الصورة */

figure.entry-thumbnail .post-img-wrapp {
    overflow: hidden !important;

    border-radius: 20px !important;
}


/* الرابط */

figure.entry-thumbnail .post-img-wrapp > a {
    display: block !important;

    overflow: hidden !important;

    border-radius: 20px !important;
}


/* الصورة نفسها */

figure.entry-thumbnail .post-img-wrapp > a img {
    display: block !important;

    width: 100% !important;

    height: 260px !important;

    object-fit: cover !important;

    border-radius: 20px !important;

    transition: transform 0.45s ease !important;
}


/* الـ Mask الخاص بالقالب */

figure.entry-thumbnail .post-image-mask {
    overflow: hidden !important;

    border-radius: 20px !important;
}


/* Zoom بسيط */

.blog-design-default .post:hover
figure.entry-thumbnail .post-img-wrapp img {
    transform: scale(1.035) !important;
}


/* =========================================================
   3. التاريخ فوق الصورة
   ========================================================= */

figure.entry-thumbnail .post-date,
figure.entry-thumbnail .post-date-wrapp,
figure.entry-thumbnail .post-date-wd,
figure.entry-thumbnail .entry-date {
    border-radius: 12px !important;
}


/* =========================================================
   4. محتوى المقال
   ========================================================= */

.blog-design-default .post .article-body {
    padding: 20px 25px 30px !important;
}


/* لو القالب يستخدم post-content */

.blog-design-default .post .post-content {
    padding: 20px 25px 30px !important;
}


/* =========================================================
   5. عنوان المقال
   ========================================================= */

.blog-design-default .post-title {
    color: #17105c !important;

    font-size: 23px !important;

    font-weight: 700 !important;

    line-height: 1.5 !important;

    text-align: center !important;

    margin-top: 5px !important;

    margin-bottom: 14px !important;
}


.blog-design-default .post-title a {
    color: #17105c !important;
}


.blog-design-default .post-title a:hover {
    color: #f4a900 !important;
}


/* =========================================================
   6. وصف المقال
   ========================================================= */

.blog-design-default .entry-content {
    color: #555555 !important;

    font-size: 15.5px !important;

    line-height: 1.85 !important;

    text-align: center !important;

    margin-bottom: 15px !important;

    display: -webkit-box !important;

    -webkit-line-clamp: 3 !important;

    -webkit-box-orient: vertical !important;

    overflow: hidden !important;
}


/* =========================================================
   7. معلومات المقال
   ========================================================= */

.blog-design-default .wd-entry-meta {
    color: #999999 !important;

    font-size: 13px !important;

    border-top: 1px solid #eeeeee !important;

    padding-top: 14px !important;

    margin-top: 12px !important;
}


/* =========================================================
   8. إخفاء اسم الكاتب
   ========================================================= */

.wd-entry-meta .meta-author,
.wd-entry-meta .meta-author-name,
.meta-author,
.meta-author a,
.wd-meta-author {
    display: none !important;

    visibility: hidden !important;
}


/* =========================================================
   9. زر مواصلة القراءة
   ========================================================= */

.blog-design-default .read-more-section {
    position: absolute !important;

    bottom: 25px !important;

    left: 0 !important;

    width: 100% !important;

    text-align: center !important;

    margin: 0 !important;

    padding: 0 !important;

    opacity: 1 !important;

    visibility: visible !important;
}


/* الزر */

.blog-design-default .read-more-section .read-more {
    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    min-width: 155px !important;

    height: 44px !important;

    padding: 0 24px !important;

    background: #17105c !important;

    background-color: #17105c !important;

    color: #ffffff !important;

    border: none !important;

    border-radius: 30px !important;

    font-size: 14px !important;

    font-weight: 600 !important;

    opacity: 1 !important;

    visibility: visible !important;

    box-shadow: 0 5px 15px rgba(23, 16, 92, 0.18) !important;

    transition:
        background 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease !important;
}


/* Hover الزر */

.blog-design-default .read-more-section .read-more:hover {
    background: #f4a900 !important;

    background-color: #f4a900 !important;

    color: #ffffff !important;

    transform: translateY(-2px) !important;

    box-shadow: 0 7px 18px rgba(244, 169, 0, 0.25) !important;
}


/* =========================================================
   10. مشاركة وتعليقات
   ========================================================= */

.blog-design-default .post-meta {
    color: #999999 !important;
}


/* =========================================================
   11. توحيد ارتفاع الكروت
   ========================================================= */

.blog-design-default .posts-list {
    align-items: stretch !important;
}


/* =========================================================
   12. المسافة بين الكروت
   ========================================================= */

.blog-design-default .posts-list {
    row-gap: 30px !important;
}


/* =========================================================
   13. تحسين شكل الشبكة
   ========================================================= */

.blog-design-default .post {
    box-sizing: border-box !important;
}


/* =========================================================
   14. الموبايل
   ========================================================= */

@media (max-width: 767px) {

    .blog-design-default .post {
        min-height: 620px !important;

        border-radius: 20px !important;
    }


    figure.entry-thumbnail {
        margin: 8px 8px 0 !important;

        border-radius: 18px !important;
    }


    figure.entry-thumbnail .post-img-wrapp,
    figure.entry-thumbnail .post-img-wrapp > a,
    figure.entry-thumbnail .post-img-wrapp > a img,
    figure.entry-thumbnail .post-image-mask {
        border-radius: 16px !important;
    }


    figure.entry-thumbnail .post-img-wrapp > a img {
        height: 220px !important;
    }


    .blog-design-default .post .article-body,
    .blog-design-default .post .post-content {
        padding: 18px 20px 25px !important;
    }


    .blog-design-default .post-title {
        font-size: 20px !important;

        line-height: 1.5 !important;
    }


    .blog-design-default .entry-content {
        font-size: 14px !important;
    }


    .blog-design-default .read-more-section {
        bottom: 20px !important;
    }
}
/* =========================================
   FINAL FIX - BLOG CARDS
   ========================================= */

/* توحيد ارتفاع كل البلوكات */
.blog-design-default .post,
.blog-design-default .post .article-inner {
    height: 680px !important;
    min-height: 680px !important;
    box-sizing: border-box !important;
}


/* ترتيب محتوى الكارت */
.blog-design-default .post .article-inner {
    display: flex !important;
    flex-direction: column !important;
}


/* جسم المقال يتمدد */
.blog-design-default .post .article-body-container {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
}
/* ===== شكل كروت المقالات ===== */

.blog-design-masonry .post {
    border-radius: 18px !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: 0 5px 18px rgba(0,0,0,0.10) !important;
}

/* تدوير الصورة من فوق */
.blog-design-masonry .post-img-wrapp,
.blog-design-masonry .post-img-wrapp img {
    border-radius: 18px 18px 0 0 !important;
}

/* حركة بسيطة للصورة */
.blog-design-masonry .post-img-wrapp img {
    transition: transform 0.4s ease !important;
}

.blog-design-masonry .post:hover .post-img-wrapp img {
    transform: scale(1.03) !important;
}

/* إخفاء اسم الكاتب */
.blog-design-masonry .meta-author,
.blog-design-masonry .wd-entry-meta .meta-author,
.blog-design-masonry .wd-entry-meta .meta-author a {
    display: none !important;
}

/* ===== زر مواصلة القراءة ===== */

.blog-design-masonry .read-more-section {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    margin-top: 20px !important;
}

/* الزر */
.blog-design-masonry .read-more-section a,
.blog-design-masonry .read-more {
    background: #17105c !important;
    color: #fff !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
    padding: 10px 25px !important;
    border-radius: 25px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

/* عند مرور الماوس */
.blog-design-masonry .read-more-section a:hover,
.blog-design-masonry .read-more:hover {
    background: #2457d6 !important;
    color: #fff !important;
    transform: translateY(-2px) !important;
}


/* المحتوى */
.blog-design-default .post .article-body {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
}


/* الوصف */
.blog-design-default .post .entry-content {
    flex: 1 1 auto !important;
}


/* =========================================
   زر مواصلة القراءة
   ========================================= */

.blog-design-default .read-more-section {
    display: block !important;
    position: absolute !important;

    bottom: 22px !important;
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;

    opacity: 1 !important;
    visibility: visible !important;
}


/* الزر */
.blog-design-default .read-more-section .read-more,
.blog-design-default .read-more-section a {
    display: inline-block !important;

    background: #17105c !important;
    background-color: #17105c !important;

    color: #ffffff !important;

    opacity: 1 !important;
    visibility: visible !important;

    border: none !important;
    border-radius: 30px !important;

    padding: 11px 28px !important;

    font-size: 15px !important;
    font-weight: 700 !important;

    line-height: 1.4 !important;

    box-shadow: 0 5px 15px rgba(23,16,92,.20) !important;
}


/* Hover */
.blog-design-default .read-more-section .read-more:hover,
.blog-design-default .read-more-section a:hover {
    background: #f4a900 !important;
    background-color: #f4a900 !important;

    color: #ffffff !important;
}


/* =========================================
   إخفاء الكاتب
   ========================================= */

.wd-entry-meta .meta-author,
.meta-author,
.meta-author-name {
    display: none !important;
}


/* =========================================
   الحفاظ على تدوير الصور
   ========================================= */

figure.entry-thumbnail,
figure.entry-thumbnail .post-img-wrapp,
figure.entry-thumbnail .post-img-wrapp > a,
figure.entry-thumbnail .post-img-wrapp > a img,
figure.entry-thumbnail .post-image-mask {
    border-radius: 20px !important;
    overflow: hidden !important;
}
/* =========================================================
   FINAL BLOG FIX
   WoodMart - Marwa Radi Academy
   ========================================================= */


/* ---------------------------------------------------------
   1. كل كارت نفس الارتفاع
   --------------------------------------------------------- */

.blog-post-loop.blog-design-default {
    height: 680px !important;
    min-height: 680px !important;
}

.blog-post-loop.blog-design-default .article-inner {
    height: 100% !important;
    min-height: 680px !important;

    display: flex !important;
    flex-direction: column !important;
}


/* ---------------------------------------------------------
   2. الصورة تفضل كما هي مع التدوير
   --------------------------------------------------------- */

.blog-post-loop.blog-design-default .entry-header {
    flex-shrink: 0 !important;
}

.blog-post-loop.blog-design-default .entry-thumbnail {
    overflow: hidden !important;
    border-radius: 22px !important;
}

.blog-post-loop.blog-design-default .post-img-wrapp {
    overflow: hidden !important;
    border-radius: 22px !important;
}

.blog-post-loop.blog-design-default .post-img-wrapp a {
    display: block !important;
    overflow: hidden !important;
    border-radius: 22px !important;
}

.blog-post-loop.blog-design-default .post-img-wrapp img {
    display: block !important;
    width: 100% !important;
    border-radius: 22px !important;
}


/* ---------------------------------------------------------
   3. جسم المقال يأخذ المساحة المتبقية
   --------------------------------------------------------- */

.blog-post-loop.blog-design-default .article-body-container {
    flex: 1 1 auto !important;

    display: flex !important;
    flex-direction: column !important;

    min-height: 0 !important;
}


/* ---------------------------------------------------------
   4. العنوان
   --------------------------------------------------------- */

.blog-post-loop.blog-design-default .post-title {
    min-height: 72px !important;

    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;

    overflow: hidden !important;

    text-align: center !important;
}


/* ---------------------------------------------------------
   5. الوصف
   --------------------------------------------------------- */

.blog-post-loop.blog-design-default .entry-content {
    flex: 1 1 auto !important;

    display: flex !important;
    flex-direction: column !important;

    min-height: 0 !important;
}


/* نخلي نص المقال متساوي */
.blog-post-loop.blog-design-default .entry-content > p {
    min-height: 90px !important;
}


/* ---------------------------------------------------------
   6. زر مواصلة القراءة
   --------------------------------------------------------- */

.blog-post-loop.blog-design-default .entry-content .read-more-section {
    display: block !important;

    margin-top: auto !important;

    padding-top: 18px !important;

    text-align: center !important;

    opacity: 1 !important;

    visibility: visible !important;
}


/* الزر */
.blog-post-loop.blog-design-default
.entry-content .read-more-section a {
    display: inline-block !important;

    background: #17105c !important;
    background-color: #17105c !important;

    color: #ffffff !important;

    opacity: 1 !important;
    visibility: visible !important;

    border: 0 !important;

    border-radius: 30px !important;

    padding: 11px 27px !important;

    font-size: 15px !important;

    font-weight: 700 !important;

    line-height: 1.4 !important;

    box-shadow: 0 5px 15px rgba(23,16,92,.18) !important;
}


/* Hover */
.blog-post-loop.blog-design-default
.entry-content .read-more-section a:hover {
    background: #f4a900 !important;
    background-color: #f4a900 !important;

    color: #ffffff !important;
}


/* ---------------------------------------------------------
   7. إخفاء الكاتب
   --------------------------------------------------------- */

.blog-post-loop .wd-entry-meta .meta-author,
.blog-post-loop .wd-entry-meta .meta-author a,
.blog-post-loop .meta-author {
    display: none !important;
}


/* ---------------------------------------------------------
   8. منع أي شفافية على محتوى الكارت
   --------------------------------------------------------- */

.blog-post-loop.blog-design-default .entry-content,
.blog-post-loop.blog-design-default .read-more-section,
.blog-post-loop.blog-design-default .read-more-section a {
    opacity: 1 !important;
}


/* ---------------------------------------------------------
   9. موبايل
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .blog-post-loop.blog-design-default {
        height: auto !important;
        min-height: 620px !important;
    }

    .blog-post-loop.blog-design-default .article-inner {
        min-height: 620px !important;
    }

    .blog-post-loop.blog-design-default .post-title {
        min-height: 60px !important;
    }

}
/* =========================================
   توحيد البلوكات في نفس الصف
   ========================================= */

/* الصف نفسه */
.blog-design-default .row {
    align-items: stretch !important;
}

/* أعمدة المقالات */
.blog-design-default .row > [class*="col-"] {
    display: flex !important;
    align-items: stretch !important;
}

/* الكارت يأخذ طول العمود بالكامل */
.blog-design-default .row > [class*="col-"] .post {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

/* محتوى الكارت يتمدد */
.blog-design-default .row > [class*="col-"] .article-inner {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

/* جسم المقال */
.blog-design-default .row > [class*="col-"] .article-body-container {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

/* =========================================
   زر مواصلة القراءة
   ========================================= */

.blog-design-default .read-more-section {
    opacity: 1 !important;
    visibility: visible !important;
    margin-top: auto !important;
    text-align: center !important;
}

/* الزر */
.blog-design-default .read-more-section .read-more,
.blog-design-default .read-more-section a {
    background: #17105c !important;
    background-color: #17105c !important;

    color: #ffffff !important;

    opacity: 1 !important;
    visibility: visible !important;

    border: none !important;
    border-radius: 30px !important;

    padding: 11px 28px !important;

    min-width: 150px !important;

    font-size: 15px !important;
    font-weight: 700 !important;

    display: inline-block !important;

    box-shadow: 0 4px 12px rgba(23, 16, 92, 0.20) !important;

    transition: all 0.3s ease !important;
}

/* عند الماوس */
.blog-design-default .read-more-section .read-more:hover,
.blog-design-default .read-more-section a:hover {
    background: #2457d6 !important;
    background-color: #2457d6 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
}


/* =========================================
   اسم الكاتب مخفي
   ========================================= */

.wd-entry-meta .meta-author,
.wd-entry-meta .meta-author a,
.meta-author {
    display: none !important;
}
/* توحيد أزرار مواصلة القراءة */
.blog-design-masonry .read-more-section a,
.blog-design-masonry .read-more {
    font-size: 16px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;

    width: 170px !important;
    min-width: 170px !important;
    box-sizing: border-box !important;

    text-align: center !important;
    padding: 11px 15px !important;
}
/* =========================================
   توحيد بلوكات المقالات في نفس الصف
   ========================================= */

.blog-post-loop.blog-design-default {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 28px !important;
    align-items: stretch !important;
}

/* كل بلوك يأخذ نفس ارتفاع الصف */
.blog-post-loop.blog-design-default > * {
    height: 100% !important;
    min-height: 100% !important;
}

/* محتوى البلوك */
.blog-post-loop.blog-design-default .article-inner {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
}

/* تثبيت منطقة المحتوى */
.blog-post-loop.blog-design-default .article-body-container {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
}

/* زر مواصلة القراءة يكون أسفل كل البلوكات */
.blog-post-loop.blog-design-default .read-more-section {
    margin-top: auto !important;
    padding-top: 20px !important;
}

/* شكل الزر */
.blog-post-loop.blog-design-default .read-more-section a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #21156f !important;
    color: #ffffff !important;

    font-size: 18px !important;
    font-weight: 700 !important;

    padding: 11px 28px !important;
    min-height: 44px !important;

    border-radius: 30px !important;
    opacity: 1 !important;
    visibility: visible !important;

    text-decoration: none !important;
}

/* إخفاء اسم الكاتب */
.blog-post-loop .wd-entry-meta .meta-author,
.blog-post-loop .wd-entry-meta .meta-author a,
.blog-post-loop .wd-entry-meta .wd-meta-author {
    display: none !important;
}

/* تدوير صور المقالات */
.blog-post-loop.blog-design-default .post-img-wrapp,
.blog-post-loop.blog-design-default .post-img-wrapp img {
    border-radius: 22px !important;
    overflow: hidden !important;
}

/* =========================================
   التابلت
   ========================================= */
@media (max-width: 1024px) {
    .blog-post-loop.blog-design-default {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* =========================================
   الموبايل
   ========================================= */
@media (max-width: 767px) {
    .blog-post-loop.blog-design-default {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .blog-post-loop.blog-design-default > * {
        height: auto !important;
        min-height: 0 !important;
    }
}
/* ===== توحيد ارتفاع كروت المقالات ===== */

.blog-post-loop {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    align-items: stretch !important;
}

.blog-post-loop > div,
.blog-post-loop > article,
.blog-post-loop .wd-blog-post {
    height: 100% !important;
}

.blog-post-loop .article-inner {
    height: 100% !important;
    min-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

.blog-post-loop .article-body-container {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

.blog-post-loop .read-more-section {
    margin-top: auto !important;
}

/* الموبايل */
@media (max-width: 767px) {
    .blog-post-loop {
        grid-template-columns: 1fr !important;
    }
}
/* إلغاء تأثير الكود الأخير */

.blog-post-loop {
    display: block !important;
    grid-template-columns: none !important;
    gap: normal !important;
    align-items: normal !important;
}

.blog-post-loop > div,
.blog-post-loop > article,
.blog-post-loop .wd-blog-post {
    height: auto !important;
    min-height: 0 !important;
}

.blog-post-loop .article-inner {
    height: auto !important;
    min-height: 0 !important;
    display: block !important;
}

.blog-post-loop .article-body-container {
    flex: none !important;
    display: block !important;
}

.blog-post-loop .read-more-section {
    margin-top: 20px !important;
}
/* =================================
   توحيد ارتفاع بلوكات المقالات
   ================================= */

@media (min-width: 1025px) {

    .blog-post-loop.blog-design-default .article-inner {
        height: 580px !important;
        min-height: 580px !important;
        box-sizing: border-box !important;
    }

}
/* ===== توحيد ارتفاع بلوكات المقالات ===== */

@media (min-width: 1025px) {

    .blog-post-loop.blog-design-default {
        display: grid !important;
        align-items: stretch !important;
    }

    .blog-post-loop.blog-design-default .blog-post {
        display: flex !important;
        height: 100% !important;
    }

    .blog-post-loop.blog-design-default .article-inner {
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        box-sizing: border-box !important;
    }

    .blog-post-loop.blog-design-default .article-body-container {
        flex: 1 1 auto !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .blog-post-loop.blog-design-default .read-more-section {
        margin-top: auto !important;
    }
}