/*
	Theme Name:   Jannah Child
	Theme URI:    http://jannah.tielabs.com/
	Description:  Jannh Child Theme
	Author:       TieLabs
	Author URI:   https://tielabs.com
	Template:     jannah
	Version:      1.0.2
	License:      license purchased
	License URI:  http://themeforest.net/licenses/regular_extended
	Tags:         Tags: two-columns, buddypress, left-sidebar, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, microformats, rtl-language-support, sticky-post, threaded-comments, translation-ready
	Text Domain:  jannah-child
*/


/* write custom css after this line */

/* =========================
   ETB — Archive Grid (FINAL)
   ========================= */

/* 1) صندوق الأرشيف (بوكس أبيض داخل البوردر) */
.etb-archive{
  border:1px solid #e6eaf0;
  background:#fff;
  border-radius:0;
  padding:18px 16px 16px; /* مسافة بسيطة أعلى الصندوق */
}

/* 2) الـBreadcrumbs داخل الصندوق + مسافة مريحة أسفلها */
.etb-archive .tie-breadcrumbs,
.etb-archive #breadcrumbs,
.etb-archive .breadcrumbs{
  margin:0 0 14px !important;
  padding:0 !important;
  border:0 !important;
}

/* 3) صندوق البحث أعلى نتائج البحث (صفحة البحث فقط) */
.search .etb-archive .etb-search-wrap{
  margin:6px 0 14px;
}

/* 4) عنوان ووصف الأرشيف */
.etb-archive-title{
  color:#111;
  font-weight:800;
  font-size:22px;
  line-height:1.35;
  margin:20px 0 5px;      /* مسافة فوق وتحت العنوان */
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
@media (max-width:560px){
  .etb-archive-title{ font-size:20px; }
}
.etb-archive-desc{
  color:#555;
  font-size:15px;
  line-height:1.8;
  margin:6px 0 14px;     /* إبعاد عن أول صف */
}

/* 5) الشبكة: 4 أعمدة ديسكتوب / 3 وسط / 2 على كل الموبايلات */
.etb-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  align-items:stretch;
  margin-top:12px;
}
@media (max-width:1100px){
  .etb-grid{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width:780px){
  .etb-grid{ grid-template-columns:repeat(2,1fr); }
}

/* 6) البطاقة */
.etb-card{
  display:flex;
  flex-direction:column;
  height:100%;
  border:1px solid #e6eaf0;
  border-radius:12px;
  background:#fff;
  padding:12px;
  text-align:center;
  transition:transform .15s ease, box-shadow .15s ease;
}
.etb-card:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 14px rgba(0,0,0,.06);
}

/* 7) الصورة — مربّع بدون قص */
.etb-thumb{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  aspect-ratio:1/1;
  background:#fff;
  border-radius:10px;
  overflow:hidden;
}
.etb-img{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  display:block;
}
.etb-noimg{ color:#888; font-size:12px; }

/* 8) عنوان البطاقة — سطرين */
.etb-name{
  font-size:16px;
  font-weight:700;
  line-height:1.5;
  margin:10px 0 0;
  min-height:48px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.etb-name a{ color:inherit; text-decoration:none; }
.etb-name a:hover{ color:#0b5ed7; }

/* 9) بادج السعر أقرب للعنوان على الموبايل */
.etb-card .etb-global-price{ margin-top:4px; }
@media (max-width:780px){
  .etb-card .etb-global-price{ margin-top:2px; }
}

/* 10) خطة ب: لو جَنّة أخرج posts-items داخل نفس سكشن الأرشيف (لا يلمس الويدجت) */
.etb-archive .mag-box .posts-items{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:18px !important;
}
@media (max-width:1100px){
  .etb-archive .mag-box .posts-items{ grid-template-columns:repeat(2,1fr) !important; }
}
.etb-archive .mag-box .posts-items > .post-item{
  float:none !important;
  width:auto !important;
  clear:none !important;
  box-sizing:border-box !important;
}

/* 11) توافق الدارك (اختياري) */
.tie-dark-skin .etb-archive{ background:#121212; border-color:#2a2a2a; }
.tie-dark-skin .etb-card{ background:#111; border-color:#2a2a2a; }
.tie-dark-skin .etb-archive-title{ color:#fff; }
.tie-dark-skin .etb-archive-desc{ color:#9aa1a9; }