/* تنسيقات عامة للحاوية الرئيسية */
#university-library-shortcode-container {
    margin-top: 20px; /* مسافة من الأعلى */
    margin-bottom: 20px; /* مسافة من الأسفل */
    /* يمكنك إضافة padding إذا لزم الأمر */
}

/* تنسيقات قائمة العناصر (الكتب/الأبحاث) */
.university-library-items-list {
    display: flex; /* استخدام Flexbox لتنظيم العناصر */
    flex-wrap: wrap; /* السماح للعناصر بالانتقال إلى السطر التالي */
    gap: 1.5rem; /* زيادة الفجوة بين العناصر قليلاً لتحسين المظهر */
    justify-content: center; /* توسيط العناصر في الحاوية */
    padding: 0; /* إزالة الحشوة الافتراضية */
    margin: 0; /* إزالة الهوامش الافتراضية */
    list-style: none; /* إزالة النقاط إذا كانت العناصر <li> (الشورت كود يستخدم <div>) */
}

/* تنسيقات كل عنصر (بطاقة الكتاب/البحث) */
.university-library-item {
    /* العرض سيتم تحديده في Media Queries باستخدام calc() */
    flex-grow: 1; /* السماح للعنصر بالنمو لملء المساحة المتاحة */
    flex-shrink: 1; /* السماح للعنصر بالانكماش */
    min-width: 280px; /* أدنى عرض ممكن للعنصر قبل أن يأخذ عرضاً كاملاً */
    min-height: 420px; /* تحديد ارتفاع أدنى للبطاقة للمساعدة في توحيد الارتفاعات */
    box-sizing: border-box; /* تضمين الحشوة والحدود في حجم العنصر */
    border: 1px solid #ddd; /* حدود للبطاقة */
    border-radius: 5px; /* زوايا مستديرة */
    overflow: hidden; /* إخفاء أي محتوى يتجاوز حدود البطاقة */
    display: flex; /* استخدام Flexbox داخل البطاقة لترتيب المحتوى العمودي */
    flex-direction: column; /* ترتيب العناصر رأسياً داخل البطاقة */
    background-color: #fff; /* خلفية بيضاء للبطاقة */
    color: #333; /* لون النص الأساسي */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* تأثير عند التحويم */
    position: relative; /* هام: البطاقة نفسها تحتاج position: relative إذا كان جزء منها position: absolute */
}

.university-library-item:hover {
    transform: translateY(-5px); /* رفع البطاقة قليلاً عند التحويم */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); /* إضافة ظل أكبر عند التحويم */
}

/* تنسيقات حاوية الصورة */
/* تأكد أن ratio_left-cover-1 توفر نسبة العرض إلى الارتفاع المرغوبة */
.university-library-item .image-wrapper {
    position: relative;
    width: 100%;
    /* قد تحتاج لضبط نسبة العرض إلى الارتفاع هنا إذا كان ratio_left-cover-1 لا يعمل كما هو متوقع */
    /* مثال: padding-top: 150%; /* نسبة 2:3 (ارتفاع أكبر من العرض) */
    /* overflow: hidden; */
    /* السماح لحاوية الصورة بالنمو لملء المساحة المتبقية إذا كان النص قصيراً جداً (اختياري حسب التصميم) */
    /* flex-grow: 1; */
}

.university-library-item .image-wrapper img {
    display: block;
    width: 100%;
    height: 100%; /* الصورة تملأ ارتفاع حاويتها */
    object-fit: cover; /* التأكد من أن الصورة تغطي المساحة دون تشوه */
    position: absolute; /* لجعلها تملأ حاوية النسبة المحددة بـ padding-top */
    top: 0;
    left: 0;
}

/* تنسيقات شارة نوع المقال */
.university-library-item .category-badge {
    position: absolute;
    top: 10px;
    /* استخدم right في RTL */
    right: 10px; /* استخدام right بدلاً من left إذا كان الاتجاه عربي افتراضياً */
    background-color: rgba(0, 0, 0, 0.7); /* خلفية شبه شفافة أغمق قليلاً */
    color: #fff;
    padding: 4px 8px; /* تقليل الحشوة قليلاً */
    border-radius: 3px;
    font-size: 0.75em; /* حجم خط أصغر قليلاً */
    z-index: 2;
    text-transform: capitalize; /* للتأكد من أن أول حرف كبير */
}

.university-library-item .post-type-label {
    /* تنسيقات إضافية إذا لزم الأمر */
}

/* تنسيقات حاوية النص في أسفل الصورة (التعديل الأكثر أهمية هنا) */
.university-library-item .position-absolute.bg-shadow {
     position: absolute; /* يبقى مطلقاً نسبة لحاوية الصورة */
     bottom: 0; /* يبقى في الأسفل */
     left: 0; /* يمتد من اليسار */
     right: 0; /* ويمتد إلى اليمين */
     width: 100%; /* يضمن العرض الكامل */
     box-sizing: border-box;
     padding: 12px 15px; /* زيادة الحشوة الداخلية قليلاً لتوفير مساحة للنص */
     background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%); /* تدرج شفاف أغمق قليلاً */
     color: #fff; /* التأكد من لون النص أبيض داخل هذه الحاوية */
     z-index: 1; /* أقل من الشارة */
     display: flex; /* استخدام فليكس بوكس هنا لترتيب العناصر بداخله عمودياً */
     flex-direction: column;
     justify-content: flex-end; /* دفع المحتوى إلى الأسفل */
}

.university-library-item .post-title a { /* استهداف رابط العنوان داخل البطاقة */
    font-size: 1em; /* زيادة حجم خط العنوان قليلاً */
    margin-top: 0;
    margin-bottom: 5px;
    font-weight: bold;
    color: inherit; /* وراثة اللون من الوالد (.bg-shadow) وهو أبيض */
    text-decoration: none;
    display: block; /* جعل الرابط كتلة ليأخذ العرض ويطبق text-truncate */
    width: 100%; /* السماح بتطبيق text-truncate */
    white-space: nowrap; /* منع التفاف النص للتحكم في text-truncate */
    overflow: hidden;
    text-overflow: ellipsis;
}

.university-library-item .post-title a:hover {
    text-decoration: underline;
}

.university-library-item .entry-summary {
    font-size: 0.95em; /* زيادة حجم خط الملخص قليلاً */
    color: #eee;
    margin-bottom: 10px;
    /* -webkit-line-clamp يتحكم في عدد الأسطر */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* يمكن تعديل هذا العدد (مثلاً 2 أو 4) بناءً على كمية المحتوى التي تريد إظهارها */
    overflow: hidden;
    text-overflow: ellipsis;
}

.university-library-item .news-meta {
    font-size: 0.85em; /* زيادة حجم خط بيانات التعريف قليلاً */
    color: #ccc;
    margin-top: auto; /* دفع بيانات التعريف إلى أسفل حاوية .bg-shadow إذا استخدمت flex */
}

.university-library-item .item-authors {
    margin: 0;
    padding: 0;
    color: inherit; /* وراثة اللون من الوالد (.news-meta) */
}


/* تنسيقات رسالة الخطأ أو عدم العثور على نتائج */
p.university-library-error,
#university-library-shortcode-container > p:not(.pagination *) { /* استهداف رسائل عدم العثور على نتائج أيضاً */
    text-align: center;
    color: #d9534f;
    margin-top: 20px;
    font-size: 1.1em;
}


/* =================================== */
/* Media Queries للتحكم في الاستجابة */
/* =================================== */

/* على الشاشات الصغيرة جداً (أقل من 480px) */
@media (max-width: 480px) {
     .university-library-items-list {
         gap: 1rem;
     }
     .university-library-item {
         flex-basis: 100%; /* عنصر واحد في السطر */
         max-width: calc(100% - 1rem); /* عرض كامل مع مراعاة الفجوة */
         margin: 0 auto; /* توسيط */
         min-height: 380px; /* تقليل الارتفاع الأدنى قليلاً */
     }
     .university-library-item .category-badge {
         font-size: 0.7em;
         padding: 3px 6px;
     }
     .university-library-item .post-title a {
         font-size: 1.1em;
     }
     .university-library-item .entry-summary {
         font-size: 0.9em;
         -webkit-line-clamp: 2; /* عرض سطرين فقط من الملخص */
     }
     .university-library-item .news-meta {
          font-size: 0.8em;
     }
     .university-library-item .position-absolute.bg-shadow {
         padding: 10px 12px; /* تقليل الحشوة */
     }
      .navigation.pagination .page-numbers {
          padding: 6px 10px;
          margin: 0 2px;
      }
}


/* على الشاشات الصغيرة (481px إلى 768px) */
@media (min-width: 481px) and (max-width: 768px) {
    .university-library-items-list {
        gap: 1rem;
    }
    .university-library-item {
        flex-basis: calc(50% - 0.5rem); /* عنصران في السطر */
        max-width: calc(50% - 0.5rem);
        /* margin: 0.5rem; /* يمكن استخدامه إذا لم يتم استخدام gap بشكل كامل */
        min-height: 400px; /* ارتفاع أدنى متوسط */
    }
    .university-library-item .post-title a {
        font-size: 1.15em;
    }
    .university-library-item .entry-summary {
        font-size: 0.9em;
        -webkit-line-clamp: 3; /* 3 أسطر من الملخص */
    }
    .university-library-item .news-meta {
         font-size: 0.8em;
    }
     .university-library-item .position-absolute.bg-shadow {
         padding: 10px 12px;
     }
}

/* على شاشات التابلت والكمبيوتر المحمول (769px إلى 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
    .university-library-items-list {
        gap: 1.5rem;
    }
    .university-library-item {
        flex-basis: calc(33.33% - 1rem); /* 3 عناصر في السطر */
        max-width: calc(33.33% - 1rem);
        /* margin: 0.75rem; */
        min-height: 420px; /* ارتفاع أدنى قياسي */
    }
     .university-library-item .post-title a {
         font-size: 1.2em;
     }
     .university-library-item .entry-summary {
         font-size: 0.95em;
         -webkit-line-clamp: 3; /* 3 أسطر من الملخص */
     }
     .university-library-item .news-meta {
          font-size: 0.85em;
     }
     .university-library-item .position-absolute.bg-shadow {
         padding: 12px 15px;
     }
}

/* على شاشات سطح المكتب وما فوق (أكبر من 1024px) */
@media (min-width: 1025px) {
    .university-library-items-list {
        gap: 1.5rem;
    }
    .university-library-item {
        flex-basis: calc(25% - 1.125rem); /* 4 عناصر في السطر */
        max-width: calc(25% - 1.125rem);
        /* margin: 0.75rem; */
        min-height: 440px; /* زيادة الارتفاع قليلاً على الشاشات الكبيرة */
    }
     .university-library-item .post-title a {
         font-size: 1.25em; /* زيادة حجم الخط قليلاً */
     }
      .university-library-item .entry-summary {
         font-size: 1em; /* زيادة حجم الخط قليلاً */
         -webkit-line-clamp: 4; /* السماح بـ 4 أسطر من الملخص على الشاشات الكبيرة */
     }
      .university-library-item .news-meta {
          font-size: 0.9em; /* زيادة حجم الخط قليلاً */
     }
      .university-library-item .position-absolute.bg-shadow {
         padding: 15px 18px; /* زيادة الحشوة */
     }

     /* Media Query إضافي للشاشات الكبيرة جداً (اختياري) */
     @media (min-width: 1400px) {
          .university-library-items-list {
               gap: 2rem; /* زيادة الفجوة */
          }
          .university-library-item {
              flex-basis: calc(20% - 1.6rem); /* 5 عناصر في السطر */
              max-width: calc(20% - 1.6rem);
              min-height: 460px; /* زيادة الارتفاع قليلاً */
          }
           .university-library-item .post-title a {
               font-size: 1.3em;
           }
            .university-library-item .entry-summary {
               font-size: 1.05em;
               -webkit-line-clamp: 4;
           }
            .university-library-item .news-meta {
               font-size: 0.9em;
           }
            .university-library-item .position-absolute.bg-shadow {
               padding: 18px 20px;
           }
     }
}

/* تنسيق رسالة عدم العثور على نتائج لضمان ظهورها بشكل جيد */
.university-library-shortcode-container > p {
    text-align: center;
    font-size: 1.2em;
    color: #555; /* لون رمادي أكثر حيادية */
    margin-top: 30px;
    margin-bottom: 30px;
}








































.university-categories-list {
    list-style: none;
    padding-right: 0;
}

.university-categories-list li {
    margin-bottom: 0.5em;
    padding-right: 1em; /* لإفساح المجال للرمز */
    position: relative;
}

.university-categories-list li::before {
    content: "\2022"; /* نقطة سوداء بسيطة كرمز */
    color: #007bff;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    position: absolute;
    right: 0;
}

.university-categories-list li a {
    text-decoration: none;
    color: #333;
    font-weight: bold;
}

.university-categories-list li a:hover {
    color: #007bff;
}

.university-categories-list li span {
    font-weight: normal;
    color: #777;
    margin-right: 0.5em;
}









.university-departments-list-flat {
    list-style: none;
    padding-right: 0;
}

.university-departments-list-flat li {
    margin-bottom: 0.3em;
    padding-right: 1em; 
    position: relative;
}

.university-departments-list-flat li::before {
    content: "\25B8"; /* سهم يشير لليمين كرمز */
    color: #28a745;
    display: inline-block;
    width: 1em;
    position: absolute;
    right: 0;
}

.university-departments-list-flat li a {
    text-decoration: none;
    color: #333;
}

.university-departments-list-flat li a:hover {
    color: #28a745;
}

.university-departments-list-flat li span {
    font-weight: normal;
    color: #555;
    margin-right: 0.5em;
}















.row-cols-1 > *, .row-cols-sm-2 > *, .row-cols-md-3 > *, .row-cols-lg-4 > * {
    display: flex;
}

.card {
    flex-direction: column;
    height: 100%; /* لجعل البطاقات تأخذ أقصى ارتفاع متاح في الصف */
}

.card-body {
    flex-grow: 1; /* لجعل محتوى البطاقة يتوسع ويملأ المساحة المتبقية */
}


.card-img-top {
    height: 200px; /* حدد الارتفاع المطلوب للصور */
    object-fit: cover; /* لضمان احتواء الصورة داخل الحاوية مع الحفاظ على نسبة العرض إلى الارتفاع */
}

.bg-light.d-flex.justify-content-center.align-items-center {
    height: 200px; /* يجب أن يكون نفس ارتفاع الصور */
}






/* ==========================================================
   التنسيقات الخاصة بعرض البطاقات (Cards View)
   ========================================================== */
.row-cols-1 > *, .row-cols-sm-2 > *, .row-cols-md-3 > *, .row-cols-lg-4 > * {
    display: flex;
}

.card {
    flex-direction: column;
    height: 100%; /* لجعل البطاقات تأخذ أقصى ارتفاع متاح في الصف */
}

.card-body {
    flex-grow: 1; /* لجعل محتوى البطاقة يتوسع ويملأ المساحة المتبقية */
}

.card-img-top {
    height: 200px; /* حدد الارتفاع المطلوب للصور */
    object-fit: cover; /* لضمان احتواء الصورة داخل الحاوية مع الحفاظ على نسبة العرض إلى الارتفاع */
}

.bg-light.d-flex.justify-content-center.align-items-center {
    height: 200px; /* يجب أن يكون نفس ارتفاع الصور */
}

.col-12.col-sm-6.col-md-4.col-lg-3.mt-3 {
    /* تنسيقات الأعمدة في عرض البطاقات */
}

.card.h-100.shadow-sm.border-1.transition-transform.position-relative {
    /* تنسيقات البطاقة الفردية */
    transition: transform 0.3s ease;
}

.card.h-100.shadow-sm.border-1.transition-transform.position-relative:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.badge.text-white.position-absolute.top-0.end-0.m-2 {
    /* تنسيقات شارة نوع المنشور */
    z-index: 10;
}
/*
.card-title {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}*/

.card-text {
    font-size: 0.9rem;
    color: #6c757d;
}

.card-footer.bg-transparent.border-0.d-flex.justify-content-between.align-items-center {
    padding-top: 0.75rem;
    font-size: 0.9rem;
}

/* ==========================================================
   التنسيقات الخاصة بعرض القائمة (List View)
   ========================================================== */
.university-library-list-view {
    list-style: none;
    padding: 0;
    margin: 0;
}

.university-library-list-view li {
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}

.university-library-list-view li:last-child {
    border-bottom: none;
}

.university-library-list-view li a {
    text-decoration: none;
    color: #333;
    font-weight: bold;
}

.university-library-list-view li a:hover {
    text-decoration: underline;
    color: #007bff;
}

.university-library-list-view .list-item-meta {
    display: block;
    font-size: 0.9em;
    color: #777;
    margin-top: 5px;
}

.university-library-list-view li i.fas {
    margin-inline-end: 0.5em;
}

/* ==========================================================
   التنسيقات الخاصة بالعرض النصي (Text View)
   ========================================================== */
.university-library-text-view {
    list-style: none;
    padding: 0;
    margin: 0;
}

.university-library-text-view li {
    border-bottom: 1px dotted #ccc;
    padding: 8px 0;
}

.university-library-text-view li:last-child {
    border-bottom: none;
}

.university-library-text-view li a {
    text-decoration: none;
    color: #555;
    font-weight: bold;
}

.university-library-text-view li a:hover {
    text-decoration: underline;
    color: #007bff;
}

.university-library-text-view li i.fas {
    margin-inline-end: 0.5em;
}

.university-library-text-view .text-view-authors {
    font-size: 0.9em;
    color: #777;
    margin-inline-start: 0.5em;
}

/* ==========================================================
   تنسيقات عامة قد تكون ذات صلة
   ========================================================== */
.main-content-area {
    margin-top: 20px;
    margin-bottom: 20px;
}

.main-post.bg-white.p-3.rounded {
    padding: 20px;
    border-radius: 8px;
}

.wp-block-heading {
    margin-bottom: 1rem;
}

.term-description {
    margin-bottom: 1.5rem;
    color: #555;
}

.page-share-icons {
    margin-top: 1rem;
}

.page-share-icons span {
    margin-inline-end: 0.5rem;
    font-weight: bold;
}

.page-share-icons a {
    margin-inline-end: 0.5rem;
    color: #007bff;
    text-decoration: none;
}

.page-share-icons a:hover {
    color: #0056b3;
}

.badge.bg-primary {
    background-color: #007bff !important;
}

.badge.bg-success {
    background-color: #28a745 !important;
}















/* قواعد لمنع التعارض باستخدام فئتنا الفريدة */
.university-library-pbook-pagination .page-numbers {
    /* ضع هنا التنسيقات التي تريد تطبيقها فقط على Pagination الخاص بإضافتك */
    margin: 5px; /* هذا الهامش سيتطبق الآن فقط على Pagination الخاص بإضافتك */
    border: 1px solid #ddd; /* حدود رقيقة افتراضية */
    padding: 8px 12px; /* حشوة */
    text-decoration: none;
    color: #0073aa;
    border-radius: 3px;
    transition: all 0.3s ease;
}

.university-library-pbook-pagination .page-numbers.current {
     /* تنسيقات الصفحة الحالية خاصة بإضافتك */
     background-color: #0073aa;
     color: #fff;
     border-color: #0073aa;
     font-weight: bold;
     pointer-events: none;
}

.university-library-pbook-pagination .page-numbers:hover {
    background-color: #f0f0f0;
    color: #005177;
    border-color: #ccc;
}

/* يمكنك تطبيق نفس المنطق على .prev, .next, .dots */
.university-library-pbook-pagination .prev.page-numbers,
.university-library-pbook-pagination .next.page-numbers {
    /* تنسيقات أزرار السابق/التالي */
}

.university-library-pbook-pagination .dots {
    /* تنسيقات النقاط */
}

/* تأكد من أن العنصر الحاوي للتصفح يستخدم Flexbox أو تنسيق مشابه */
.university-library-pbook-pagination .nav-links {
     display: inline-flex;
     flex-wrap: wrap;
     justify-content: center;
     gap: 5px; /* استخدم gap للتنسيق بين العناصر */
}

.navigation.pagination.university-library-pbook-pagination {
    clear: both;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
}



/* تنسيقات خاصة بالجوال */
@media (max-width: 480px) {
    .university-library-pbook-pagination a,
    .university-library-pbook-pagination span {
        padding: 8px 12px; /* تقليل الحشو */
        font-size: 14px; /* تصغير الخط */
        min-width: 35px; /* تصغير العرض */
    }

    /* إخفاء الأرقام الزائدة وعرض "..." */
    .university-library-pbook-pagination .page-numbers:not(.current):not(.prev):not(.next) {
        display: none;
    }

    .university-library-pbook-pagination .prev,
    .university-library-pbook-pagination .next {
        display: inline-block !important;
    }

    /* إضافة "..." بين الأزرار */
    .university-library-pbook-pagination .dots {
        display: inline-block;
        padding: 8px 5px;
    }
}
 




/* ==========================================================
   تنسيقات مُبدّل العرض (University Library View Switcher)
   ========================================================== */
.university-library-view-switcher-short {
    margin-bottom: 20px;
    text-align: left; /* محاذاة لليسار */
}

.university-library-view-switcher-short span {
    display: none; /* إخفاء كلمة "عرض:" */
}

.university-library-view-switcher-short a {
    text-decoration: none;
    color: #555; /* لون الأيقونات الافتراضي */
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-inline-end: 5px;
    font-size: 1em; /* حجم الأيقونات */
    line-height: 1; /* لضمان المحاذاة الرأسية للأيقونات */
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.university-library-view-switcher-short a:hover {
    background-color: #f8f9fa;
    color: #007bff;
    border-color: #bbb;
}

.university-library-view-switcher-short a.active {
    background-color: #007bff;
    color: #fff;
    border-color: #007bff;
}

.university-library-view-switcher-short a i {
    vertical-align: middle; /* محاذاة الأيقونات عموديًا */
}







.university-library-loadingg-overlay {
    opacity: 0.5; /* جعل العناصر باهتة */
    pointer-events: none; /* منع التفاعل مع العناصر أثناء التحميل */
}

.university-library-loadingg {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute; /* أو fixed حسب التصميم */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8); /* خلفية شفافة فاتحة */
    
    font-size: 1.2em;
    font-weight: bold;
    z-index: 1000; /* التأكد من ظهوره فوق المحتوى */
}

/* إذا كنت تفضل رمز تحميل */
.university-library-loadingg::before {
    content: '';
    border: 5px solid #f3f3f3; /* لون الخلفية للرمز */
    border-top: 5px solid #3498db; /* لون الجزء المتحرك */
    border-radius: 50%;
    width: 50px;
    height: 50px;
      position: absolute;
    top: 50%;
    left: 50%;
    
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}