/* ==========================================================================
   إجبار الخلفية على اللون الأبيض السادة وإلغاء أي نقش أو صور خلفية
   ========================================================================== */
body, #tie-wrapper, .site-content, .footer-wrapper, #tie-body, main.site-main {
    background-image: none !important;
    background: #ffffff !important; 
}

/* ==========================================================================
   إطار عريض ومجسم ثابت (3D) لجميع صور المقالات
   ========================================================================== */
.post-single .post-image img, 
.entry-content img {
    /* إطار أبيض عريض ومحدد */
    border: 6px solid #ffffff; 
    outline: 1px solid #dcdcdc; /* حد خارجي ناعم ليفصل الإطار الأبيض عن خلفية الموقع */
    border-radius: 10px; /* انحناء زوايا متناسق للصور المربعة */
    
    /* سر التجسيم الثابت: ظلال مركبة متعددة الطبقات تعطي عمقاً حقيقياً وكأن الصورة مرتفعة عن الصفحة */
    box-shadow: 
        0 1px 1px rgba(0,0,0,0.1), 
        0 2px 2px rgba(0,0,0,0.1), 
        0 4px 4px rgba(0,0,0,0.1), 
        0 8px 12px rgba(0,0,0,0.15),
        0 16px 24px rgba(0,0,0,0.1);

    /* الحفاظ على أبعاد الصورة داخل الإطار بشكل متناسق */
    box-sizing: border-box; 
    margin-bottom: 15px;
}

/* استثناء الإطار الدائري للمحرر في المقالات */
.post-single .post-image img[class*="round"],
.post-single .post-image img[class*="circle"],
.entry-content img[class*="round"],
.entry-content img[class*="circle"],
.wp-block-image.is-style-rounded img {
    border-radius: 50% !important;
    object-fit: cover; /* لضمان عدم تشوه الصورة إذا لم تكن مربعة الأصل */
    aspect-ratio: 1 / 1; /* يجعل الطول مساوٍ للعرض لتصبح دائرة مثالية */
}

/* ==========================================================================
   إطار عريض ومجسم ثابت (3D) لجميع صور الصفحة الرئيسية في قالب جنة
   ========================================================================== */
.home .tie-col img, 
.home .post-thumb img, 
.home .image-container img,
.home .mag-box img {
    /* إطار أبيض عريض ومحدد */
    border: 5px solid #ffffff; 
    outline: 1px solid #e0e0e0; /* حد خارجي دقيق جداً ليفصل الإطار عن الخلفية */
    border-radius: 8px; /* انحناء زوايا متناسق مع الأحجام الصغيرة والكبيرة */
    
    /* تأثير التجسيم الثابت عبر ظلال متعددة الطبقات */
    box-shadow: 
        0 1px 2px rgba(0,0,0,0.07), 
        0 2px 4px rgba(0,0,0,0.07), 
        0 4px 8px rgba(0,0,0,0.07), 
        0 8px 16px rgba(0,0,0,0.07);

    /* لضمان عدم تداخل الإطار مع أبعاد البلوكات */
    box-sizing: border-box; 
    transition: transform 0.3s ease; /* لمسة سلاسة عند تحميل الصفحة */
}

/* استثناء الإطار الدائري للمحرر في الصفحة الرئيسية */
.home .tie-col img[class*="round"], .home .tie-col img[class*="circle"],
.home .post-thumb img[class*="round"], .home .post-thumb img[class*="circle"],
.home .image-container img[class*="round"], .home .image-container img[class*="circle"],
.home .mag-box img[class*="round"], .home .mag-box img[class*="circle"] {
    border-radius: 50% !important;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}