/*
 * archive.css - الأغلفة ومسار التنقل وشريط الفلاتر والنتائج
 */

/* ---------------- الغلاف العلوي ---------------- */

.bt-cover {
  position: relative;
  padding-block: var(--bt-sp-7);
  background: var(--bt-bg-alt);
  isolation: isolate;
}

.bt-cover--media { color: #fff; }

.bt-cover__media { position: absolute; inset: 0; z-index: -2; }

.bt-cover__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bt-cover__overlay {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgba(8, 22, 28, .62);
}

.bt-cover__title {
  margin-bottom: var(--bt-sp-2);
  color: inherit;
}

.bt-cover--media .bt-cover__title { color: #fff; }

.bt-cover__subtitle {
  max-width: 60ch;
  margin: 0;
  color: var(--bt-text-soft);
}

.bt-cover--media .bt-cover__subtitle { color: rgba(255, 255, 255, .85); }

/* ---------------- مسار التنقل ---------------- */

.bt-breadcrumb {
  margin-bottom: var(--bt-sp-3);
  font-size: var(--bt-fs-xs);
}

.bt-breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--bt-sp-2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.bt-breadcrumb li { display: flex; align-items: center; gap: var(--bt-sp-2); }

.bt-breadcrumb li + li::before {
  content: "\f104";
  font-family: "Font Awesome 6 Free", "Font Awesome 7 Free";
  font-weight: 900;
  font-size: .85em;
  opacity: .5;
}

.bt-breadcrumb a { color: inherit; opacity: .85; }
.bt-breadcrumb a:hover { opacity: 1; color: var(--bt-secondary); }
.bt-breadcrumb span { font-weight: var(--bt-fw-semibold); }

.bt-cover--media .bt-breadcrumb { color: rgba(255, 255, 255, .9); }

/* ---------------- شريط الفلاتر ---------------- */

.bt-filters {
  margin-bottom: var(--bt-sp-6);
  padding: var(--bt-sp-5);
  border: 1px solid var(--bt-border);
  border-radius: var(--bt-radius-lg);
  background: var(--bt-bg);
  box-shadow: var(--bt-shadow);
}

/* نفس شكل حقول بوكس البحث في الرئيسية، ليكون البحث موحّدًا في كل الصفحات */
.bt-filters__field {
  padding: .7rem .9rem;
  border: 1px solid var(--bt-border);
  border-radius: var(--bt-radius);
  background: var(--bt-bg-alt);
  transition: border-color var(--bt-transition), background var(--bt-transition);
}

.bt-filters__field:focus-within {
  border-color: var(--bt-primary);
  background: var(--bt-bg);
}

.bt-filters .bt-label {
  margin-bottom: 2px;
  color: var(--bt-text-muted);
  font-size: 11px;
  font-weight: var(--bt-fw-semibold);
}

.bt-filters .bt-input,
.bt-filters .bt-select {
  padding: 0;
  border: 0;
  background-color: transparent;
  font-size: var(--bt-fs-sm);
  font-weight: var(--bt-fw-medium);
}

.bt-filters .bt-select { padding-inline-end: 1.5rem; background-position: left 0 center; }
[dir="ltr"] .bt-filters .bt-select { background-position: right 0 center; }

.bt-filters .bt-input:focus,
.bt-filters .bt-select:focus { box-shadow: none; }

.bt-filters__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--bt-sp-3);
  margin-bottom: var(--bt-sp-4);
  padding-bottom: var(--bt-sp-3);
  border-bottom: 1px solid var(--bt-border);
}

.bt-filters__title {
  display: flex;
  align-items: center;
  gap: var(--bt-sp-3);
  margin: 0;
  font-size: 1.05rem;
}

/* أيقونة الفلاتر داخل مربع بلون الهوية */
.bt-filters__title i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: var(--bt-radius);
  background: var(--bt-primary);
  color: #fff;
  font-size: .95rem;
}

.bt-filters__reset {
  display: inline-flex;
  align-items: center;
  gap: var(--bt-sp-2);
  padding: .45rem .95rem;
  border: 1px solid var(--bt-border);
  border-radius: var(--bt-radius-pill);
  background: var(--bt-bg-alt);
  color: var(--bt-text-muted);
  font-size: var(--bt-fs-xs);
  font-weight: var(--bt-fw-semibold);
  transition: color var(--bt-transition), border-color var(--bt-transition), background var(--bt-transition);
}

.bt-filters__reset:hover {
  border-color: var(--bt-danger);
  background: var(--bt-bg);
  color: var(--bt-danger);
}

.bt-filters__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: var(--bt-sp-3);
  align-items: stretch;
}

.bt-filters__field--price { grid-column: span 2; }

.bt-price-range {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: var(--bt-sp-2);
}

.bt-price-range span { color: var(--bt-text-muted); }

@media (max-width: 767px) {
  .bt-filters { padding: var(--bt-sp-4); }
  .bt-filters__grid { grid-template-columns: 1fr 1fr; }
  .bt-filters__field--price { grid-column: 1 / -1; }
}

@media (max-width: 479px) {
  .bt-filters__grid { grid-template-columns: 1fr; }
}

/* ---------------- النتائج ---------------- */

.bt-results__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--bt-sp-3);
  margin-bottom: var(--bt-sp-4);
}

.bt-results__count {
  margin: 0;
  color: var(--bt-text-soft);
  font-size: var(--bt-fs-sm);
}

.bt-results__count strong {
  color: var(--bt-text);
  font-size: 1.05rem;
}

.bt-results__loading {
  display: inline-flex;
  align-items: center;
  gap: var(--bt-sp-2);
  color: var(--bt-primary);
  font-size: var(--bt-fs-sm);
}

.bt-results__loading .bt-btn__spinner {
  border-color: var(--bt-primary);
  border-top-color: transparent;
}

.bt-results__grid:empty { display: none; }

.bt-results__more {
  display: flex;
  justify-content: center;
  margin-top: var(--bt-sp-6);
}

/* ---------------- لا توجد نتائج ---------------- */

.bt-empty {
  padding: var(--bt-sp-7) var(--bt-sp-5);
  border: 1px dashed var(--bt-border);
  border-radius: var(--bt-radius-lg);
  background: var(--bt-bg-alt);
  text-align: center;
}

.bt-empty__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  margin-bottom: var(--bt-sp-3);
  border-radius: 50%;
  background: var(--bt-bg);
  color: var(--bt-text-muted);
  font-size: 1.5rem;
}

.bt-empty__title { margin-bottom: var(--bt-sp-2); }

.bt-empty__text {
  margin-bottom: var(--bt-sp-4);
  color: var(--bt-text-soft);
}

/* ---------------- صفحة الوجهة ---------------- */

.bt-dest__intro-inner {
  display: grid;
  grid-template-columns: 1.6fr 1fr;
  gap: var(--bt-sp-6);
  align-items: start;
}

.bt-dest__text { color: var(--bt-text-soft); line-height: 1.95; }

.bt-dest__highlights {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--bt-sp-3);
  margin: var(--bt-sp-5) 0 0;
  padding: 0;
  list-style: none;
}

.bt-dest__highlights li {
  display: flex;
  align-items: center;
  gap: var(--bt-sp-2);
  color: var(--bt-text);
  font-size: var(--bt-fs-sm);
}

.bt-dest__highlights i { color: var(--bt-primary); }

.bt-dest__facts {
  display: grid;
  gap: var(--bt-sp-3);
  padding: var(--bt-sp-5);
  border-radius: var(--bt-radius-lg);
  background: var(--bt-bg-alt);
}

.bt-fact {
  display: grid;
  grid-template-columns: 44px 1fr;
  grid-template-rows: auto auto;
  align-items: center;
  gap: 0 var(--bt-sp-3);
}

.bt-fact__icon {
  grid-row: span 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: var(--bt-radius);
  background: var(--bt-bg);
  color: var(--bt-primary);
}

.bt-fact__label { font-size: var(--bt-fs-xs); color: var(--bt-text-muted); }
.bt-fact__value { font-size: 1rem; }

.bt-dest__back {
  margin-bottom: var(--bt-sp-4);
  font-size: var(--bt-fs-sm);
  font-weight: var(--bt-fw-semibold);
}

.bt-dest__back a {
  display: inline-flex;
  align-items: center;
  gap: var(--bt-sp-2);
}

.bt-dest__desc {
  max-width: 78ch;
  margin-bottom: var(--bt-sp-6);
  color: var(--bt-text-soft);
}

@media (max-width: 991px) {
  .bt-dest__intro-inner { grid-template-columns: 1fr; }
}

@media (max-width: 575px) {
  .bt-dest__highlights { grid-template-columns: 1fr; }
}

/* ---------------- الأسئلة الشائعة ---------------- */

.bt-accordion {
  display: grid;
  gap: var(--bt-sp-2);
}

.bt-accordion__item {
  border: 1px solid var(--bt-border);
  border-radius: var(--bt-radius);
  background: var(--bt-bg);
  overflow: hidden;
}

.bt-accordion__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--bt-sp-3);
  padding: var(--bt-sp-4);
  cursor: pointer;
  font-weight: var(--bt-fw-semibold);
  list-style: none;
}

.bt-accordion__head::-webkit-details-marker { display: none; }
.bt-accordion__head i { color: var(--bt-primary); transition: transform var(--bt-transition); }
.bt-accordion__item[open] .bt-accordion__head i { transform: rotate(180deg); }

.bt-accordion__body {
  padding: 0 var(--bt-sp-4) var(--bt-sp-4);
  color: var(--bt-text-soft);
}

/* ---------------- كارت المقال ---------------- */

.bt-post-card {
  display: flex;
  flex-direction: column;
  padding: 10px;
  border: 1px solid var(--bt-border);
  border-radius: var(--bt-radius-lg);
  background: var(--bt-bg);
  transition: transform var(--bt-transition), box-shadow var(--bt-transition), border-color var(--bt-transition);
}

.bt-post-card:hover {
  transform: translateY(-6px);
  border-color: var(--bt-primary);
  box-shadow: var(--bt-shadow);
}

.bt-post-card__media {
  aspect-ratio: 16 / 10;
  overflow: hidden;
  border-radius: var(--bt-radius);
  background: var(--bt-bg-alt);
}

.bt-post-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .55s ease;
}

.bt-post-card:hover .bt-post-card__media img { transform: scale(1.07); }

.bt-post-card__body { padding: var(--bt-sp-4) var(--bt-sp-3) var(--bt-sp-3); }

.bt-post-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--bt-sp-2);
  margin-bottom: var(--bt-sp-2);
  color: var(--bt-text-muted);
  font-size: var(--bt-fs-xs);
}

.bt-post-card__title { margin-bottom: var(--bt-sp-2); font-size: 1.05rem; }
.bt-post-card__title a { color: var(--bt-text); }
.bt-post-card__title a:hover { color: var(--bt-primary); }

.bt-post-card__excerpt {
  margin-bottom: var(--bt-sp-3);
  color: var(--bt-text-soft);
  font-size: var(--bt-fs-sm);
}

.bt-post-card__more {
  display: inline-flex;
  align-items: center;
  gap: var(--bt-sp-2);
  font-size: var(--bt-fs-sm);
  font-weight: var(--bt-fw-semibold);
}

.bt-post-card__more i { transition: transform var(--bt-transition); }
.bt-post-card:hover .bt-post-card__more i { transform: translateX(-4px); }

/* ---------------- التقسيم الاحتياطي بدون جافاسكربت ---------------- */

.pagination,
.navigation.pagination {
  display: flex;
  justify-content: center;
  margin-top: var(--bt-sp-6);
}

.nav-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--bt-sp-2);
}

.page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  padding-inline: var(--bt-sp-3);
  border: 1px solid var(--bt-border);
  border-radius: var(--bt-radius);
  color: var(--bt-text);
}

.page-numbers.current,
.page-numbers:hover {
  background: var(--bt-primary);
  border-color: var(--bt-primary);
  color: #fff;
}

/* ---------------- نموذج البحث في الصفحة ---------------- */

.bt-search-form--page { margin-bottom: var(--bt-sp-6); }