/* ============================================================
   خزانة الكتب — سيكشن عنوان الصفحة الموحّد
   يُطبَّق على breadcrumb-wrap + page-header في كل الصفحات
   ============================================================ */

:root {
  --khz-ph-ink: #1a1a2e;
  --khz-ph-muted: #4a4035;
  --khz-ph-gold: #d4af37;
  --khz-ph-gold-dark: #8b6914;
  --khz-ph-cream: #faf7f2;
  --khz-ph-border: rgba(212, 175, 55, 0.22);
}

/* ── غلاف العنوان (Elementor breadcrumb 3100) ── */
body.khz-page-header-v2 .breadcrumb-wrap {
  display: block !important;
  margin: 0 !important;
}

body.khz-page-header-v2 .breadcrumb-wrap .elementor-3100 .elementor-element-1ece023 {
  background: linear-gradient(135deg, var(--khz-ph-cream) 0%, #ffffff 52%, #f3ede3 100%) !important;
  border-bottom: 1px solid var(--khz-ph-border) !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.khz-page-header-v2 .breadcrumb-wrap .elementor-3100 .elementor-element-1ece023 > .elementor-container {
  min-height: 0 !important;
  max-width: 1320px !important;
  margin-inline: auto !important;
  padding: 22px 24px !important;
}

body.khz-page-header-v2 .breadcrumb-wrap .elementor-3100 .elementor-widget-wrap {
  position: relative;
}

body.khz-page-header-v2 .breadcrumb-wrap .elementor-3100 .elementor-widget-wrap::before {
  content: "";
  position: absolute;
  inset-inline-end: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 56px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--khz-ph-gold), #e8c547);
  opacity: 0.9;
}

body.khz-page-header-v2 .breadcrumb-wrap .bookory-woocommerce-title {
  display: block;
  margin: 0 0 8px !important;
  padding-inline-end: 18px;
  font-family: "Tajawal", sans-serif !important;
  font-size: clamp(24px, 2.6vw, 32px) !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  color: var(--khz-ph-ink) !important;
  text-transform: none !important;
  text-align: start !important;
}

body.khz-page-header-v2 .breadcrumb-wrap .woocommerce-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  margin: 0 !important;
  padding-inline-end: 18px;
  font-family: "Tajawal", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.6 !important;
  color: var(--khz-ph-muted) !important;
  text-align: start !important;
}

body.khz-page-header-v2 .breadcrumb-wrap .woocommerce-breadcrumb a {
  color: var(--khz-ph-ink) !important;
  font-weight: 700 !important;
  text-decoration: none;
  transition: color 0.2s ease;
}

body.khz-page-header-v2 .breadcrumb-wrap .woocommerce-breadcrumb a:hover {
  color: var(--khz-ph-gold-dark) !important;
}

body.khz-page-header-v2 .breadcrumb-wrap .woocommerce-breadcrumb i,
body.khz-page-header-v2 .breadcrumb-wrap .woocommerce-breadcrumb .breadcrumb-delimiter {
  color: var(--khz-ph-gold-dark) !important;
  font-size: 12px;
  opacity: 0.9;
}

/* ── page-header الافتراضي (أرشيف/بحث/404) ── */
body.khz-page-header-v2 .page-header {
  margin: 0 0 24px;
  padding: 22px 24px;
  border-radius: 0;
  border-bottom: 1px solid var(--khz-ph-border);
  background: linear-gradient(135deg, var(--khz-ph-cream) 0%, #ffffff 52%, #f3ede3 100%);
}

body.khz-page-header-v2 .page-header .page-title,
body.khz-page-header-v2 .page-header h1 {
  margin: 0;
  font-size: clamp(24px, 2.6vw, 32px);
  font-weight: 800;
  line-height: 1.3;
  color: var(--khz-ph-ink);
}

/* ── إخفاء هيدر المتجر الفارغ ── */
body.khz-page-header-v2 .woocommerce-products-header:empty {
  display: none !important;
}

body.khz-page-header-v2 .woocommerce-products-header__title:empty {
  display: none !important;
}

/* ── استجابة ── */
@media (max-width: 1024px) {
  body.khz-page-header-v2 .breadcrumb-wrap .elementor-3100 .elementor-element-1ece023 > .elementor-container {
    padding: 18px 20px !important;
  }

  body.khz-page-header-v2 .breadcrumb-wrap .elementor-3100 .elementor-widget-wrap::before {
    height: 48px;
  }
}

@media (max-width: 767px) {
  body.khz-page-header-v2 .breadcrumb-wrap .elementor-3100 .elementor-element-1ece023 > .elementor-container {
    padding: 16px !important;
  }

  body.khz-page-header-v2 .breadcrumb-wrap .bookory-woocommerce-title {
    font-size: 24px !important;
    padding-inline-end: 14px;
  }

  body.khz-page-header-v2 .breadcrumb-wrap .woocommerce-breadcrumb {
    font-size: 13px !important;
    padding-inline-end: 14px;
  }
}