/**
 * الأنماط الرئيسية لموقع مكتبة النهضة الرقمية
 * تصميم داكن احترافي (Dark Theme)
 */




/* تخطيط صفحة الكتاب */
.book-layout{display:flex;gap:20px;align-items:flex-start;}
.page-frame{flex:1;display:flex;gap:20px;border:1px solid var(--border-color);border-radius:6px;padding:20px;background:var(--bg-dark-lighter);}
.book-cover{width:150px;height:200px;margin:8px 0;text-align:center}
.book-title{font-size:1rem;line-height:1.4;margin:8px 0;text-align:center}
.book-sidebar{flex:0 0 25%;max-width:25%;border:1px solid var(--border-color);border-radius:6px;padding:15px;background:var(--bg-dark-lighter);max-height:80vh;overflow-y:auto;}
.sidebar-cats{list-style:none;margin:0;padding:0;}
.sidebar-cats .extra-cat{display:none;}
.sidebar-cats li{margin-bottom:4px;}
.sidebar-cats a{color:#000;text-decoration:none;}
.sidebar-cats a:hover{color:var(--primary-color);}

/* إعادة تعيين التنسيقات الافتراضية */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Cairo', sans-serif;
  background-color: var(--bg-dark);
  color: var(--text-primary);
  line-height: 1.6;
}

a {
  color: var(--primary-color);
  text-decoration: none;
  transition: color 0.3s ease;
}

a:hover {
  color: var(--secondary-color);
}

/* تنسيقات للشعار في المكان المحدد بالمربع الأحمر */
.logo-area {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: 20px;
}

.site-logo {
  max-height: 150px;
  max-width: 300px;
  object-fit: fill; /* تغيير من contain إلى fill لملء الإطار */
  display: block;
}

.logo {
  display: block;
}

.logo-text {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--accent-color);
}

.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

/* ترويسة الموقع */

/* ترويسة عارض PDF */
.pdf-header{
  background:var(--bg-dark-lighter);
  color:var(--text-primary);
}

.pdf-close{
  background:var(--primary-color);
  color:#fff;
  border:none;
  border-radius:50%;
  width:36px;height:36px;line-height:36px;text-align:center;
  cursor:pointer;
  font-size:22px;
  font-weight:bold;
  box-shadow:0 0 4px rgba(0,0,0,0.4);
}

.pdf-close:hover{
  background:var(--secondary-color);
}

.pdf-header h3{
  font-size:1rem;
  background:rgba(255,255,255,0.08);
  padding:4px 10px;
  border-radius:4px;
  color:var(--primary-color);
  margin:0;
}

.main-header {
  background-color: var(--bg-dark-lighter); /* الآن دينامية عبر الثيمات */
  border-bottom: 1px solid var(--border-color);
  padding: 18px 0;
  position: sticky;
  top: 0;
  z-index: 100;
  box-shadow: 0 2px 10px var(--shadow-color);
}

.header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.logo-area {
  display: flex;
  align-items: center;
  margin-left: 20px;
}

.logo img {
  height: 60px;
  width: auto;
}

.logo-text {
  font-size: 2rem;
  font-weight: 700;
  color: var(--primary-color);
  text-decoration: none;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}

/* القائمة الرئيسية - تحسين لدعم عدد كبير من القوائم */
.main-nav {
  flex: 2;
  margin: 0 20px;
}

.nav-wrapper {
  position: relative;
}

.nav-list {
  display: flex;
  list-style: none;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  max-height: 80px;
  overflow-y: auto;
}

.nav-list::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

.nav-list::-webkit-scrollbar-thumb {
  background-color: var(--primary-color);
  border-radius: 10px;
}

.nav-list::-webkit-scrollbar-track {
  background-color: var(--bg-dark);
}

/* خط فاصل رأسي صغير بين عناصر القائمة */
.nav-divider {
  width: 1px;
  height: 20px;
  background-color: var(--border-color);
  margin: 0 10px;
  align-self: center;
}

.nav-item {
  margin: 0 10px;
  white-space: nowrap;
}

.nav-link {
  color: var(--text-secondary);
  position: relative;
  padding: 8px 12px;
  font-weight: 500;
  font-size: 1.1rem;
  display: block;
  border-radius: 4px;
  transition: all 0.3s ease;
}

/* إبراز الرابط عند التحويم أو عند كونه نشطاً */
.nav-link:hover, .nav-link.active {
  color: var(--text-primary);
  background-color: rgba(106, 90, 205, 0.2);
}

.nav-link::after {
  content: '';
  position: absolute;
  width: 0;
  height: 3px;
  background-color: var(--primary-color);
  bottom: 0;
  right: 50%;
  transition: all 0.3s ease;
  transform: translateX(50%);
}

.nav-link:hover::after, .nav-link.active::after {
  width: 80%;
}

/* زر القائمة الجوال */
.menu-toggle {
  display: none;
  background: none;
  border: none;
  color: var(--text-primary);
  font-size: 1.5rem;
  cursor: pointer;
}

/* منطقة الإجراءات */
.header-actions {
  display: flex;
  align-items: center;
}

.admin-link, .search-toggle {
  color: var(--text-secondary);
  background: none;
  border: none;
  font-size: 1.2rem;
  margin-right: 15px;
  cursor: pointer;
  transition: color 0.3s ease;
}

.admin-link:hover, .search-toggle:hover {
  color: var(--primary-color);
}

/* شريط البحث */
.search-bar{
  width:100%;
  max-height:60px; /* يظهر دوماً */
  display:flex;
  gap:10px;
  background-color:var(--bg-dark-lighter);
}

/* حقل الإدخال لنص البحث */
.search-input {
  flex: 1;
  background-color: var(--bg-dark-lighter);
  border: 1px solid var(--border-color);
  border-radius: 5px;
  padding: 10px 15px;
  color: var(--text-primary);
  font-size: 1rem;
}

/* زر تنفيذ البحث */
.search-button{
  position:relative; /* للسطر المتحرك */
  padding:12px 24px; /* أكبر قليلاً */
  border-radius:5px;
  background-color:var(--primary-color);
  color:#fff;
  border:none;
  font-weight:600;
  cursor:pointer;
  transition:background-color .3s ease;
}
/* خط تحته يظهر بالحركة */
.search-button::after{
  content:'';
  position:absolute;
  left:8%;
  right:8%;
  bottom:4px;
  height:3px;
  background:var(--accent-color,#ff00ff);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .3s ease;
}
.search-button:hover::after{transform:scaleX(1);}

.search-button:hover{
  background-color:var(--primary-color);
  opacity:.9;
}

/* نص يعرض عدد النتائج التي تم العثور عليها */
.search-count {
  margin-top: 10px;
  font-size: 0.9rem;
  color: var(--text-secondary);
}


/* المحتوى الرئيسي */
/* القسم الذي يحتوي على المحتوى الرئيسي للموقع */
.main-content {
  padding: 20px 0;
}

/* صفحة رأس المحتوى */
/* رأس الصفحة الذي يظهر قبل المحتوى ويحتوي على العنوان والوصف */
.page-header {
  margin-bottom: 30px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--border-color);
}

/* عنوان الصفحة الرئيسي */
.page-title {
  font-size: 2rem;
  margin-bottom: 10px;
  color: var(--primary-color);
}

/* وصف مختصر للصفحة يُعرض تحت العنوان */
.page-description {
  color: var(--text-secondary);
  font-size: 1.1rem;
  line-height: 1.6;
}

/* الأقسام والكتب */
.category-section {
  margin-bottom: 40px;
  border: 4px solid var(--primary-color);
  padding: 40px 20px 20px; /* فراغ علوي إضافي لعنوان القسم */
  border-radius: 10px;
  background-color: var(--bg-card);
  box-shadow: 0 4px 10px var(--shadow-color);
  position: relative;
 }

 /* شارة اسم القسم داخل البلوك */
 /* شارة (badge) لاسم القسم تظهر أعلى الكتلة كوسم تعريفي */
.category-badge {
   position: absolute;
   top: 0;
   right: 20px;
   transform: translateY(-50%);
   background-color: var(--bg-color);
   border: 2px solid var(--primary-color);
   padding: 6px 16px;
   border-radius: 6px;
   font-weight: 700;
   color: var(--text-primary);
   z-index: 2;
 }

/* شبكة الأقسام لصفحة الأقسام */
/* شبكة لعرض بطاقات الأقسام بتخطيط متجاوب */
.categories-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 25px;
  margin-bottom: 40px;
}

/* بطاقة فردية لعرض تفاصيل قسم واحد */
.category-card {
  background-color: var(--bg-dark-lighter);
  border-radius: 8px;
  padding: 20px;
  border: 1px solid var(--border-color);
  transition: all 0.3s ease;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: visible;
}

/* تأثير التحويم لرفع البطاقة وإبرازها */
.category-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  border-color: var(--primary-color);
}

/* شريط ملون رفيع يظهر يمين البطاقة لأغراض جمالية */
.category-card::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 0;
  background-color: var(--primary-color);
  transition: height 0.3s ease;
}

/* تمديد الشريط الملون ليملأ طول البطاقة عند التحويم */
.category-card:hover::before {
  height: 100%;
}

/* عنوان القسم داخل البطاقة ويظهر كشريط علوي */
.category-title{
  font-weight:700;
  font-size:1.2rem;
  margin-bottom:12px;
  color:var(--text-primary);
  background:none;
  border-bottom:1px dashed var(--border-color);
  padding-bottom:6px;
}

/* رابط يغلف عنوان القسم للحفاظ على التنسيق عند النقر */
.category-title a {
  color: inherit;
  text-decoration: none;
}

/* تغيير لون عنوان القسم عند تحويم المؤشر على الرابط */
.category-title a:hover {
  color: var(--primary-color);
}

/* وصف مختصر للقسم يظهر بعد العنوان ويمكن تقصيره بثلاثة أسطر */
.category-description {
  color: var(--text-secondary);
  margin-bottom: 15px;
  font-size: 0.95rem;
  line-height: 1.6;
  max-height: 80px;
  overflow: visible;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* معلومات إضافية للقسم مثل عدد الكتب وروابط سريعة */
.category-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  font-size: 0.9rem;
  color: var(--text-secondary);
}

/* شارة تعرض عدد الكتب داخل القسم */
.book-count {
  background-color: var(--bg-dark);
  padding: 4px 10px;
  border-radius: 15px;
  display: inline-flex;
  align-items: center;
}

/* زر أو رابط للانتقال إلى صفحة القسم */
.view-category {
  display: inline-block;
  padding: 8px 15px;
  background-color: var(--primary-color);
  color: white;
  border-radius: 4px;
  text-decoration: none;
  font-size: 0.9rem;
  transition: all 0.3s ease;
  text-align: center;
}

/* تأثير تحويم على زر عرض القسم */
.view-category:hover {
  background-color: var(--primary-color-dark);
  transform: scale(1.05);
}

/* قسم الكتب الأكثر قراءة */
.popular-section {
  margin-top: 40px;
  padding-top: 30px;
  border-top: 1px solid var(--border-color);
}

/* شبكة لعرض الكتب داخل القسم أو الصفحة */
.books-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 24px;
  justify-content: center;
}

/* حالة الفراغ */
/* تنسيق واجهة حالة عدم وجود محتوى (فراغ) */
.empty-state {
  text-align: center;
  padding: 50px 20px;
  background-color: var(--bg-dark-lighter);
  border-radius: 8px;
  margin: 30px 0;
}

/* أيقونة كبيرة تُعرض في حالة الفراغ */
.empty-state i {
  font-size: 4rem;
  color: var(--text-secondary);
  margin-bottom: 20px;
  opacity: 0.5;
}

/* نص إرشادي يُعرض تحت الأيقونة في حالة الفراغ */
.empty-state p {
  font-size: 1.2rem;
  color: var(--text-secondary);
}


/* رفوف الكتب */
/* حاوية تضم رفوف الكتب */
.bookshelf-container {
  margin-bottom: 40px;
}

/* عنصر الرف نفسه ويحدد موضعه النسبي */
.bookshelf {
  position: relative;
}

/* شبكة داخل الرف لعرض الكتب بشكل متساوٍ */
.books-row {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 20px;
  padding: 0;
}

/* إجبار عرض الكتاب على ملء العنصر داخل الرف */
.books-row .book-block {
  width: 100% !important; /* تلغي أي عرض سابق */
}

/* تمثيل مرئي لرف الكتب بألوان وظلال */
.shelf {
  background-color: var(--shelf-color); /* لون ديناميكي يتغير حسب الثيم */
  height: 20px;
  margin-top: -10px;
  border-radius: 5px 5px 0 0;
  box-shadow: 0 2px 5px rgba(0,0,0,0.3);
  position: relative;
}

/* تأثير ظل إضافي أسفل الرف لإضافة عمق */
.shelf::after {
  content: '';
  position: absolute;
  height: 15px;
  width: 100%;
  bottom: -15px;
  background-color: rgba(0,0,0,0.4);
  border-radius: 0 0 5px 5px;
}

/* بطاقات الكتب */
.book-block {
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  position: relative;
}

/* حاوية غلاف الكتاب مع ظل وانحناءات */
.book-cover-container {
  width: 100%;
  height: auto;
  overflow: hidden;
  aspect-ratio: 3/4;
  position: relative;
}

.book-cover {
  width: 100%;
  aspect-ratio: 3/4;
  overflow: hidden;
  border-radius: 4px;
  background: var(--bg-dark-lighter);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 6px rgba(0,0,0,.15);
}

.book-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .3s ease;
}

.book-block:hover {
  transform: translateY(-6px);
  box-shadow: 0 6px 12px rgba(0,0,0,.25);
}

.book-block:hover .book-cover img {
  transform: scale(1.05);
}

/* معلومات الكتاب */
.book-overlay {
  position: absolute;
  bottom: 70px; /* فوق الأزرار */
  left: 0;
  width: 100%;
  background: linear-gradient(transparent, rgba(0,0,0,0.85));
  padding: 15px;
  color: white;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.book-block:hover .book-overlay {
  opacity: 1;
}

/* عنوان الكتاب الذي يظهر في تراكب المعلومات */
.book-tooltip-moretitle {
  font-size: 1rem;
  margin-bottom: 5px;
  color: var(--primary-color);
}

.book-more-btn{display:none!important}

/* اسم مؤلف الكتاب */
.book-author {
  font-size: 0.85rem;
  color: var(--accent-color);
  margin-bottom: 5px;
}

/* وصف قصير للكتاب يُعرض بسطرين كحد أقصى */
.book-description {
  font-size: 0.8rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: visible;
}

/* رسالة لا توجد كتب */
/* رسالة تُعرض في حال عدم وجود كتب ضمن القسم */
.no-books-message {
  width: 100%;
  text-align: center;
  padding: 20px;
  background-color: var(--bg-card);
  border-radius: 5px;
  color: var(--text-secondary);
}

/* شريط التصنيفات السريعة */
.quick-cats{
  display:flex;
  gap:15px;
  list-style:none;
  margin-right:auto;
  margin-left:40px;
}
/* رابط فردي داخل قائمة التصنيفات السريعة */
.quick-cat-link{
  color:var(--text-primary);
  font-weight:600;
  padding:6px 10px;
  border-radius:4px;
  transition:background-color .3s;
  white-space:nowrap;
}
/* تأثير تحويم على رابط التصنيف السريع */
.quick-cat-link:hover{
  background-color:var(--bg-hover);
  color:var(--primary-color);
}
@media(max-width:768px){
  .quick-cats{display:none;}
}

/* السلوغان */
.site-slogan{
  text-align:center;
  margin-top:10px;
  line-height:1.4;
}

/* تخصيص الهيدر حسب التصميم الجديد */
.main-header{
  margin-top:10px; /* هامش قياسي للحواسيب */
  padding-bottom:12px;
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
}
@media(max-width:480px){
  .main-header{margin-top:0!important;padding:8px 0!important;}
  .logo-area{max-width:160px;}
  .site-slogan{font-size:.9rem;margin-top:4px;margin-bottom:10px;}
}

/* تباعد بين نموذج البحث والعنوان */
.search-form{
    margin-top:14px; /* مسافة علوية لفصل نموذج البحث عن العنوان */
}

/* محاذاة القائمة المنسدلة للأقسام داخل الهيدر */
.category-dropdown-wrapper{
    display:flex;            /* محاذاة داخلية أفقية */
    justify-content:center;  /* توسيط القائمة المنسدلة */
    margin-top:14px;         /* فراغ علوي بسيط */
    margin-right:750px;      /* إزاحة لليمين لمحاذاة التصميم */
}
.category-dropdown-wrapper label{display:none; /* إخفاء تسمية قائمة الأقسام */}
.category-select{
    background-color:var(--bg-dark-lighter); /* خلفية منسدلة متماشية مع الثيم */
    color:var(--text-primary);              /* نص أبيض واضح */
    border:1px solid var(--border-color);   /* إطار خافت */
    padding:6px 32px 6px 10px;              /* مساحة داخلية مع فراغ لأيقونة */
    border-radius:4px;                      /* زوايا مستديرة بسيطة */
    font-size:0.9rem;                       /* حجم خط مناسب */
}

/* زر تبديل القائمة الخاص بالجوال - يتم إخفاؤه على الشاشات الكبيرة */
.menu-toggle{
  display:none !important; /* إخفاء زر القائمة على سطح المكتب فقط */
}

/* القائمة الرئيسية - مخفية في هذا السياق لتناسب تصميم الجوال */
.main-nav{
  display:none !important;
}
/* حاوية محتوى الترويسة مع ضبط التمركز */
.header-content{
  justify-content:center;
  position:relative;
}
/* منطقة شعار الموقع في الترويسة */
.logo-area{
  position:absolute;
  right:20px;
}
/* حاوية الأيقونات والأزرار داخل الترويسة */
.header-actions{
  display:flex !important;
  gap:12px;
  align-items:center;
}
/* رابط لوحة التحكم داخل الترويسة */
.header-actions .admin-link{
  margin-right:0;
}
/* ---- إصلاح شريط البحث وزر المسح ---- */

/* صفحة الكتاب الفردية */

/* ---- الشريط الجانبي للأقسام ---- */
.book-sidebar{background:var(--bg-card);border:1px solid var(--border-color);padding:12px;width:220px;box-sizing:border-box;border-radius:6px;max-height:600px;overflow-y:auto;}
.book-sidebar .sidebar-title{background:var(--bg-muted);padding:8px 10px;margin:0 0 10px;font-weight:bold;text-align:center;border-radius:4px;color:var(--primary-color);} 
.sidebar-cats{list-style:none;margin:0;padding:0;direction:rtl;}
.cat-item{margin-bottom:5px;}
.book-sidebar .cat-link{display:block;padding:6px 8px;color:var(--primary-color);background:var(--bg-muted);border-radius:4px;text-decoration:none;}
.book-sidebar .cat-link:hover{background:var(--bg-card);}
.cat-toggle{cursor:pointer;font-size:1rem;margin-left:6px;color:var(--secondary-color);} 
.sub-cats{list-style:none;margin:4px 0 4px 0;padding-right:15px;display:none;}
.sub-cat-item a{display:block;padding:5px 8px;font-size:.9rem;color:var(--text-secondary);background:var(--bg-card);border-radius:4px;text-decoration:none;}
.sub-cat-item a:hover{background:var(--bg-muted);}
.rating-wrapper{display:flex;align-items:center;margin-bottom:10px;gap:6px;}
.rating-label{font-weight:bold;}
.rating-stars{margin-bottom:10px;font-size:1.25rem;color:#ccc;cursor:pointer;user-select:none;direction:ltr;}
.rating-stars .star{display:inline-block;transition:color .2s;}
.rating-stars .star.active{color:var(--secondary-color);}
.single-book-wrapper{display:flex;gap:30px;flex-wrap:wrap;margin-top:20px;}
.single-book-cover{width:220px;height:340px;flex-shrink:0;background:var(--bg-card);padding:4px;border:1px solid var(--border-color);box-shadow:0 2px 8px rgba(0,0,0,0.5);border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;}
.book-stats{float:left;display:flex;flex-direction:row;align-items:flex-start;gap:15px;margin:10px 20px 10px 0;}
.book-stats .stat-block{background:var(--bg-card);padding:10px 14px;border:1px solid var(--border-color);border-radius:6px;text-align:center;min-width:90px;box-shadow:0 1px 4px rgba(0,0,0,0.2);} 
.book-stats .stat-label{display:block;font-size:.85rem;color:var(--text-muted);}
.book-stats .stat-value{font-weight:bold;font-size:1.2rem;}

/* بلوك الوصف في صفحة الكتاب */
.single-book-description{background:var(--bg-card);border:1px solid var(--primary-color);padding:15px;border-radius:6px;margin:25px 0;color:var(--text-primary);} 
.single-book-description h2{margin-top:0;margin-bottom:10px;color:var(--primary-color);font-weight:bold;font-size:1.1rem;}
.single-book-description p{margin:0;line-height:1.8;}
.single-book-description{
  width: 860px;          /* أو أي عرض تريد */
  max-width: 100%;
  margin: 25px auto 25px 680px;   /* 0 يسار، فيتراص يمين البلوك العلوي */
  box-sizing: border-box;
}   /* يبدأ في سطر جديد بعد العناصر العائمة */

/* أزرار الكتاب */
.book-button{display:inline-block;background:var(--primary-color);color:#fff;padding:8px 18px;border-radius:6px;text-decoration:none;font-weight:bold;transition:opacity .25s ease;}
.book-button:hover{opacity:.9;}

/* بلوك التعليقات */
.comments-wrapper{background:var(--bg-card);border:1px solid var(--primary-color);padding:15px;border-radius:6px;margin:25px 0;color:var(--text-primary);} 
.comments-wrapper h2{margin-top:0;margin-bottom:15px;color:var(--primary-color);font-weight:bold;font-size:1.1rem;text-align:center;}
.comment-item{border-bottom:1px dashed var(--border-color);padding:10px 0;}
.comment-item:last-child{border-bottom:none;}
.comment-header{display:flex;justify-content:space-between;margin-bottom:6px;font-size:.9rem;font-weight:bold;color:var(--text-primary);}
.comment-body{margin:0;line-height:1.6;}
.comment-rating .star{color:var(--secondary-color);font-size:1rem;}
.no-comments{text-align:center;color:var(--text-secondary);}

/* عداد الأحرف للنموذج */
.comment-form .char-count{text-align:left;font-size:.85rem;color:var(--text-muted);margin:4px 0 8px;direction:ltr;}

/* إبراز إطار حقل البحث */
.search-input{border:2px solid #000!important;}

.single-book-cover img{width:100%;height:100%;object-fit:contain;display:block;}
.single-book-info{flex:1;min-width:200px;}
.book-meta{list-style:none;padding:0;margin:0 0 12px 0;}
.book-meta li{margin-bottom:4px;}
.single-book-actions{display:flex;gap:8px;margin-top:4px;flex-wrap:wrap;}



.book-tooltip-more{margin-top:4px;color:var(--accent-color);font-weight:bold;}
.live-suggestions{position:absolute;top:100%;right:0;left:0;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);max-height:220px;overflow-y:auto;z-index:2000;box-shadow:0 4px 8px rgba(0,0,0,0.4);padding:0;}
.live-suggestions ul{list-style:none;margin:0;padding:0;}
.live-suggestions li{padding:8px 12px;cursor:pointer;}
.live-suggestions li:hover{
  background:var(--primary-color);
  color:#fff;
}

/* ضبط هامش زر البحث ليتناسب مع كل الشاشات */
.header-actions .search-toggle{
  margin-right:15px;
}
/* على الشاشات الكبيرة يمكن زيادة الهامش إذا لزم */
@media(min-width:1200px){
  .header-actions .search-toggle{
    margin-right:150px;
  }
}
/* أيقونات الترويسة (مثل البحث والإشعارات) */
.header-actions .icon{
  font-size:1.1rem;
  color:var(--text-primary);
}
/* قسم معلومات تذييل الصفحة */
.footer-info{
  width:100%;
  text-align:center;
  margin-top:10px;
}
/* وصف مختصر يظهر في تذييل الموقع */
.footer-description{
  display:inline-block;
  max-width:600px;
  line-height:1.6;
  color:var(--text-secondary);
  margin-bottom:6px;
}
.footer-info .copyright{
  margin-right:20px;
}

/* أدوات تنسيق الحقول في لوحة التحكم */
.style-controls{display:flex;align-items:center;gap:8px;margin-top:6px;flex-wrap:wrap;}
.style-controls .tiny{width:90px;padding:4px 6px;font-size:0.85rem;background-color:var(--bg-dark-lighter);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;}
.style-controls input[type=color]{width:38px;height:38px;border:none;padding:0;background:none;cursor:pointer;}

/* ضبط حجم غلاف الكتاب ليتناسق ووضع الأزرار والنص داخله */
.book-block{
  width: calc(100% - 20px);
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: hidden;
  margin-right: 0 !important;
}
.book-cover-container{
  width: 100%;
  height: auto;
  overflow: hidden;
  aspect-ratio: 3/4;
}
.book-buttons{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 8px;
  background: rgba(0,0,0,0.65);
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.book-overlay{inset:0!important;background:rgba(0,0,0,0.86)!important}

.book-cover{
  width:100%;
  aspect-ratio:3/4;
  overflow:hidden;
  border-radius:4px;
  background:var(--bg-dark-lighter);
  display:flex;
  align-items:center;
  justify-content:center;
}
.book-cover img{width:100%;height:100%;object-fit:cover}

/* تنسيق نماذج الأزرار في لوحة التحكم */
.inline-form{
  display:flex;
  flex-wrap:wrap;
  gap:15px;
  margin-bottom:15px;
}

/* تذييل الموقع - تحسينات === Footer Styles === */

/* إشعار حقوق الملكية */
/* إشعار حقوق الملكية - يملك نفس عرض الحاوية */
.copyright-notice{
  display:flex;           /* توسيط أفقي */
  justify-content:center; /* محاذاة الحاوية إلى المنتصف */
  margin:25px 0;
}

.notice-inner{
  position:relative;
  padding:16px 48px 16px 56px; /* حشو إضافي يساراً لإبعاد النص عن زر الإغلاق */
  color:var(--text-primary,#fff);
  background:var(--bg-dark-lighter,#222);
  border:2px solid var(--primary-color,#6a5acd);
  border-radius:6px;
}

.notice-text{
  font-size:0.9rem;
  line-height:1.6;
  margin:0;
  text-align:center;
}

.notice-close{
  position:absolute;
  top:8px;
  left:8px;
  background:var(--accent,#f44336);
  color:#fff;
  border:none;
  width:24px;
  height:24px;
  border-radius:50%;
  cursor:pointer;
  font-size:16px;
  line-height:24px;
  text-align:center;
}
.notice-close:hover{
  background:#d32f2f;
} /* نهاية notice-close:hover */

.footer {
  background-color: var(--bg-dark-lighter); /* خلفية تذييل داكنة متناسقة مع الثيم */
  padding: 30px 0;                          /* مساحة داخلية عمودية مريحة */
  border-top: 1px solid var(--border-color);/* خط علوي يفصل المحتوى عن التذييل */
  margin-top: 40px;                         /* مسافة علوية قبل التذييل */
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);/* ظل خفيف لإبراز التذييل */
}

.footer-content {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 30px;
  align-items: start;
}

.footer-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.copyright {
  color: var(--text-secondary);
  font-size: 1rem;
  margin-bottom: 10px;
}

.footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: flex-end;
}

.footer-link {
  color: var(--text-secondary);
  font-size: 1rem;
  padding: 8px 15px;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.footer-link:hover {
  color: var(--text-primary);
  background-color: rgba(106, 90, 205, 0.2);
}

.footer-columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 30px;
  margin-top: 20px;
  border-top: 1px solid var(--border-color);
  padding-top: 20px;
}

.contact-info li {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.contact-info i {
  color: var(--primary-color);
  min-width: 16px;
}

.footer-column {
  padding-right: 20px;
}

.footer-column h3 {
  color: var(--primary-color);
  font-size: 1.2rem;
  margin-bottom: 15px;
  font-weight: 600;
}

.footer-column ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-column li {
  margin-bottom: 10px;
}

.footer-column a {
  color: var(--text-secondary);
  font-size: 1rem;
  transition: color 0.3s ease;
  display: block;
  padding: 3px 0;
}

.footer-column a:hover {
  color: var(--primary-color);
  padding-right: 5px;
}

/* زر العودة للأعلى */
.scroll-to-top {
  position: fixed;             /* تثبيت الزر في الشاشة */
  bottom: 20px;                /* إزاحة من الأسفل */
  left: 20px;                  /* إزاحة من اليسار */
  background-color: var(--primary-color); /* لون الزر حسب الثيم */
  color: white;                /* أيقونة بيضاء */
  width: 40px;                 /* عرض الزر */
  height: 40px;                /* ارتفاع الزر */
  border-radius: 50%;          /* شكل دائري */
  display: flex;               /* محاذاة أيقونة في المنتصف */
  justify-content: center;     /* توسيط أفقي */
  align-items: center;         /* توسيط عمودي */
  cursor: pointer;             /* مؤشر تفاعلي */
  opacity: 0;                  /* مخفي افتراضياً */
  transition: opacity 0.3s ease;/* إظهار سلس */
  font-size: 1.2rem;           /* حجم الأيقونة */
  box-shadow: 0 2px 5px rgba(0,0,0,0.3); /* ظل خفيف */
  z-index: 99;                 /* فوق باقي العناصر */
}

.scroll-to-top.visible {
  opacity: 1;
}

/* تجاوب الشاشة */
@media (max-width: 991px) {
  .book-block {
    width: calc(33.333% - 20px);
  }
  
  .main-nav {
    position: fixed;
    top: 80px;
    right: -300px;
    width: 300px;
    height: calc(100vh - 80px);
    background-color: var(--bg-dark-lighter);
    transition: right 0.3s ease;
    z-index: 99;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.3);
  }
  
  .main-nav.active {
    right: 0;
  }
  
  .nav-list {
    flex-direction: column;
    padding: 20px;
    max-height: none;
    overflow-y: auto;
  }
  
  .nav-item {
    margin: 5px 0;
    width: 100%;
  }
  
  .nav-link {
    padding: 12px 15px;
    border-radius: 4px;
    width: 100%;
    text-align: right;
    font-size: 1.2rem;
  }
  
  .nav-link::after {
    width: 0;
    right: 0;
    transform: none;
  }
  
  .nav-link:hover::after, .nav-link.active::after {
    width: 5px;
    height: 80%;
    bottom: 10%;
  }
  
  .menu-toggle {
    display: block;
    font-size: 1.5rem;
    margin-right: 15px;
  }
  
  .footer-content {
    grid-template-columns: 1fr;
  }
  
  .footer-links {
    justify-content: flex-start;
    margin-top: 15px;
  }
}

@media (max-width: 767px) {
  .book-block {
    width: calc(50% - 20px);
  }
  
  /* تقليل الحشو داخل الهيدر للأجهزة الصغيرة */
  .header-content {
    padding: 10px;
  }
  
  /* ترتيب شعار الموقع كأول عنصر في المرونة */
  .logo-area {
    order: 1;
    flex: 1;
    margin-left: 0;
  }
  
  /* تصغير ارتفاع شعار الصورة */
  .logo img {
    height: 45px;
  }
  
  /* تصغير حجم خط نص الشعار */
  .logo-text {
    font-size: 1.5rem;
  }
  
  /* ترتيب إجراءات الترويسة كثاني عنصر */
  .header-actions {
    order: 2;
  }
  
  .menu-toggle {
    order: 3;
  }
  
  /* جعل أعمدة التذييل عموداً واحداً في الشاشات الصغيرة */
  .footer-columns {
    grid-template-columns: 1fr;
  }
  
  /* تعديل حواف العمود في التذييل مع خطوط فاصلة */
  .footer-column {
    padding-right: 0;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  
  .footer-column:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

@media (max-width: 480px) {
  .book-block {
    width: calc(100% - 20px);
  }
}

@media (max-width:480px){
  /* تحسين شبكة رف الكتب للجوال */
  .books-row{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;}
  .books-row .book-block{width:100%!important;margin:0!important;}

  /* تكديس عناصر صفحة الكتاب عموديًا وتوسيطها */
  .single-book-wrapper{flex-direction:column!important;align-items:center!important;}
  .single-book-cover{width:70%;max-width:260px;height:auto;margin:0 auto 15px;}
  .single-book-info{width:100%;}

  .book-block{width:100%;display:flex;flex-direction:column;align-items:center} /* ضبط العرض */
  /* توازن الغلاف على الجوال */
  .book-cover-container{aspect-ratio:3/4;height:auto;}
  .book-cover{width:100%;height:100%;object-fit:cover;}
  /* جعل حجم الخط أصغر وتوسيط المحتوى */
  body{font-size:0.9rem;}
  .container{padding:0 10px;width:100%!important;}
  .main-header .header-content{gap:8px;}
}

.site-slogan{display:block;margin-bottom:35px;}

/* ===== قواعد مخصّصة للجوال لجعل الترويسة والقوائم مرنة ===== */
@media (max-width:768px){
  /* تكديس محتوى الترويسة عموديًا */
  .header-content{flex-direction:column;align-items:center;gap:6px;}
  /* إلغاء التموضع المطلق للشعار */
  .logo-area{position:static!important;margin:0;display:flex;flex-direction:column;align-items:center;}
  /* نستخدم inline styles بدلاً من التنسيق هنا ليمكن التحكم من الإعدادات */
  .site-logo{max-height:none;max-width:none;}
  /* الوسطية لقائمة الأقسام */
  .category-dropdown-wrapper{width:100%;justify-content:center;margin:6px 0;}
  .book-stats{float:left;margin:0 20px 10px 0;display:flex;gap:15px;text-align:center;}
}

body{overflow-x:hidden;}
@media (max-width:768px){
  /* إعادة تعيين الهوامش الكبيرة التي كانت تسبب انزياحاً */
  .category-dropdown-wrapper{margin-right:0;margin-top:10px;justify-content:flex-start;}
  .book-block{margin-right:0!important;}

  /* إظهار زر القائمة وإخفاء القائمة الأفقية الافتراضية */
  .menu-toggle{display:block!important;}
  .main-nav{display:none!important;}
  .main-nav.active{display:block!important;position:absolute;top:70px;right:0;background:var(--bg-dark-lighter);width:200px;padding:15px;border:1px solid var(--border-color);box-shadow:-2px 2px 10px rgba(0,0,0,0.4);}
  .main-nav ul{flex-direction:column;gap:10px;}
  .main-nav li{width:100%;}
  .main-nav a{display:block;width:100%;padding:10px;border-radius:4px;}
  /* إزالة هوامش زائدة من عناصر الترويسة */
  .header-actions .search-toggle{margin-right:0!important;}

  /* الشبكة الرئيسية للكتب */
  .book-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;}
  /* الحاوية الأساسية */
  .container{max-width:100%;}
}