/*
Theme Name: Neve Child
Theme URI: https://themeisle.com/themes/neve/
Description: قالب الطفل لقالب Neve
Author: [اسمك أو اسم شركتك]
Author URI: [رابط موقعك]
Template: neve
Version: 1.0.0
Text Domain: neve-child
*/

/* ===== الحاوية العامة ===== */

/* ===== صفحة نتائج البحث ===== */
.search-results-page {
  direction: rtl;
  padding: 40px 20px;
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
}

.search-title {
  text-align: center;
  font-size: clamp(24px, 4vw, 30px);
  margin-bottom: 35px;
  color: #00424f;
  font-weight: 800;
}

/* ===== شبكة البطاقات ===== */
.search-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 24px;
}

/* ===== البطاقة ===== */
.search-item {
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.search-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

/* ===== الصورة ===== */
.search-item .thumb img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

/* ===== العنوان ===== */
.search-item h2 {
  margin: 18px 20px 10px;
  font-size: 20px;
  line-height: 1.5;
}
.search-item h2 a {
  color: #00424f;
  text-decoration: none;
}
.search-item h2 a:hover {
  color: #0095a8;
  text-decoration: underline;
}

/* ===== المقتطف ===== */
.search-item .excerpt {
  color: #555;
  margin: 0 20px 15px;
  font-size: 15px;
  line-height: 1.8;
}

/* ===== زر اقرأ المزيد ===== */
.search-item .read-more {
  display: inline-block;
  background: linear-gradient(90deg, #00424f, #0095a8);
  color: #fff;
  text-decoration: none;
  padding: 10px 18px;
  margin: 10px 20px 20px;
  border-radius: 8px;
  text-align: center;
  font-weight: 600;
  transition: background 0.3s ease;
}
.search-item .read-more:hover {
  background: linear-gradient(90deg, #00606f, #00b4c5);
}

/* ===== لا توجد نتائج ===== */
.no-results {
  text-align: center;
  color: #666;
  font-size: 18px;
  padding: 40px 0;
}

/* ===== ترقيم الصفحات ===== */
.pagination {
  display: flex;
  justify-content: center;
  margin-top: 35px;
}
.pagination .page-numbers {
  background: #f1f1f1;
  color: #00424f;
  padding: 8px 12px;
  border-radius: 8px;
  margin: 0 5px;
  text-decoration: none;
  transition: 0.3s;
}
.pagination .page-numbers:hover {
  background: #00424f;
  color: #fff;
}
.pagination .current {
  background: #00424f;
  color: #fff;
  font-weight: bold;
}

/* ==============================
   ✅ Local Almarai Font Setup
   ============================== */
@font-face{
font-display:swap;
  font-family:"Almarai";
  src:url('/wp-content/themes/neve-child/fonts/almarai/almarai-v18-latin-300.woff2') format("woff2");
  font-weight:300;
  font-style:normal;
  font-display:swap;
  unicode-range:U+0000-00FF,U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF;
}
@font-face{
font-display:swap;
  font-family:"Almarai";
  src:url('/wp-content/themes/neve-child/fonts/almarai/almarai-v18-latin-regular.woff2') format("woff2");
  font-weight:400;
  font-style:normal;
  font-display:swap;
  unicode-range:U+0000-00FF,U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF;
}
@font-face{
font-display:swap;
  font-family:"Almarai";
  src:url('/wp-content/themes/neve-child/fonts/almarai/almarai-v18-latin-700.woff2') format("woff2");
  font-weight:700;
  font-style:normal;
  font-display:swap;
  unicode-range:U+0000-00FF,U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF;
}

/* اجعل الخط الافتراضي للموقع + تحسينات عرض */
html, body {
  font-family:"Almarai", system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Naskh Arabic UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}