/* ==========================================================================
   DLC — صفحات تصنيف الخدمات (الشركات / الأفراد)
   يعيد تنسيق القوالب القائمة على نظام التصميم — بلا تعديل PHP.
   يُحمّل بعد companies-individual-services.css ليتجاوزه.
   ========================================================================== */

/* ---------- الترويسة: بلا صورة مخزونة ولا لون أصفر ---------- */
.dlc-archive-hero.hero{
  height:auto !important;
  min-height:0 !important;
  background-image:none !important;
  background:var(--navy-deep) !important;
  padding:clamp(140px,16vh,176px) 0 clamp(56px,7vh,80px) !important;
  display:block !important;
  position:relative;
  overflow:hidden;
}
.dlc-archive-hero.hero::after{display:none !important}
.dlc-archive-hero.hero::before{
  content:'';
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:64px 64px;
  pointer-events:none;
}
.dlc-archive-hero.hero .layout,
.dlc-archive-hero.hero .hero-background{display:none !important}

.dlc-archive-hero.hero .content{
  position:relative;
  max-width:var(--container);
  margin:0 auto;
  padding:0 var(--gutter);
  text-align:right;
}

/* الكلمة الصفراء → لون الهوية */
.dlc-archive-hero.hero h4{
  color:var(--ice) !important;
  font-family:var(--font-body);
  font-size:var(--fs-xs) !important;
  font-weight:var(--fw-medium) !important;
  letter-spacing:3px;
  margin-bottom:var(--sp-4);
}
.dlc-archive-hero.hero h4 span{color:var(--ice) !important}

.dlc-archive-hero.hero h1{
  color:var(--white) !important;
  font-size:clamp(30px,4.4vw,52px) !important;
  line-height:1.35;
  margin-bottom:var(--sp-4);
  max-width:820px;
}
.dlc-archive-hero.hero h1 span{color:var(--ice) !important}

.dlc-archive-hero.hero .lead{
  color:#B9C9DB !important;
  font-size:clamp(15.5px,1.5vw,17.5px) !important;
  max-width:640px;
  margin:0;
}

/* ---------- ترويسة القسم: تُدمج مع الترويسة أعلاه ---------- */
.companies-services-page > .header,
.individual-services-page > .header{
  background:var(--white) !important;
  background-image:none !important;
  border-bottom:1px solid var(--line);
  padding:var(--sp-7) var(--gutter) !important;
  margin-bottom:0 !important;
  text-align:center;
}
.companies-services-page .services-title,
.individual-services-page .services-title{
  color:var(--navy) !important;
  font-family:var(--font-head);
  font-size:clamp(24px,3vw,34px) !important;
  font-weight:var(--fw-black);
  margin-bottom:var(--sp-2);
}
.companies-services-page .services-title li,
.individual-services-page .services-title li{display:none}
.companies-services-page .services-subtitle,
.individual-services-page .services-subtitle,
.companies-services-page .archive-description,
.individual-services-page .archive-description{
  color:var(--text-soft) !important;
  font-size:var(--fs-body) !important;
  max-width:640px;
  margin:0 auto !important;
}
.companies-services-page .archive-description p,
.individual-services-page .archive-description p{margin:0}

/* ---------- الخلفية: إزالة النقش الهندسي ---------- */
/* الملف القديم يضع geometricPattern.png بحجم cover على .page-content
   وطبقة التبييض فوقه معطّلة، فيشوّش المحتوى. نستبدله بخلفية هادئة. */
.page-content:has(.companies-services-page),
.page-content:has(.individual-services-page){
  background-image:none !important;
  background:var(--cool) !important;
}
/* احتياط للمتصفحات بلا :has() */
.services-landing{
  background:var(--cool);
  position:relative;
  z-index:1;
}
.services-landing::before{
  content:'';
  position:absolute;
  inset:0;
  background:var(--cool);
  z-index:-1;
}

/* ---------- التخطيط ---------- */
.services-landing .container{
  max-width:var(--container) !important;
  margin:0 auto;
  padding:var(--sp-8) var(--gutter) !important;
}
.services-content{
  display:grid;
  grid-template-columns:250px minmax(0,1fr);
  gap:var(--sp-6);
  align-items:start;
}
.services-main{min-width:0}

/* ---------- القائمة الجانبية ---------- */
.services-sidebar .categories-widget{
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
  position:sticky;
  top:110px;
}
.categories-toggle-btn{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--sp-2);
  padding:14px 16px;
  background:var(--cool);
  border:none;
  border-bottom:1px solid var(--line);
  font-family:var(--font-head);
  font-size:15px;
  font-weight:var(--fw-bold);
  color:var(--navy);
  cursor:pointer;
}
.categories-toggle-btn .toggle-content{display:flex;align-items:center;gap:9px}
.categories-toggle-btn i{font-size:12px;opacity:.6}

.categories-list{list-style:none;margin:0;padding:0;max-height:520px;overflow-y:auto}
.categories-list li{border-bottom:1px solid var(--line)}
.categories-list li:last-child{border-bottom:none}
.category-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--sp-2);
  padding:12px 16px;
  color:var(--text-soft);
  font-size:14.5px;
  text-decoration:none;
  transition:background var(--t-base),color var(--t-base);
}
.category-link:hover{background:var(--cool);color:var(--navy)}
.category-link.active{
  background:var(--navy);
  color:var(--white);
  font-weight:var(--fw-bold);
}
.category-count{
  flex:none;
  font-size:12px;
  font-weight:var(--fw-bold);
  color:var(--steel);
  background:var(--cool);
  border-radius:2px;
  padding:2px 8px;
  min-width:26px;
  text-align:center;
}
.category-link.active .category-count{background:rgba(255,255,255,.16);color:var(--white)}

/* ---------- شبكة البطاقات ---------- */
.services-main .services-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:var(--sp-4);
}
.services-main .service-card{
  display:flex;
  flex-direction:column;
  text-align:start;
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--radius) !important;
  overflow:hidden;
  box-shadow:none !important;
  transition:border-color var(--t-base),box-shadow var(--t-base),transform var(--t-base);
}
.services-main .service-card:hover{
  border-color:var(--steel);
  box-shadow:var(--shadow-md) !important;
  transform:translateY(-2px) !important;
}

/* الصورة: أقصر وبنسبة ثابتة */
.services-main .service-thumbnail{
  position:relative;
  aspect-ratio:16/9;
  min-height:0 !important;
  overflow:hidden;
  background:var(--cool);
}
.services-main .service-image{
  width:100%;height:100%;
  object-fit:cover;
  display:block;
  transition:transform .6s cubic-bezier(.2,.7,.3,1);
}
.services-main .service-card:hover .service-image{transform:scale(1.05) !important}

.services-main .service-category-badge{
  position:absolute;
  top:10px;
  inset-inline-end:10px;
  background:rgba(7,24,41,.88);
  color:var(--white);
  font-size:11.5px;
  font-weight:var(--fw-bold);
  padding:5px 11px;
  border-radius:2px;
  -webkit-backdrop-filter:blur(4px);
          backdrop-filter:blur(4px);
}

.services-main .service-content{
  display:flex;
  flex-direction:column;
  gap:var(--sp-2);
  padding:var(--sp-5);
  flex:1;
}
.services-main .service-card .service-title{
  font-family:var(--font-head);
  font-size:17.5px;
  font-weight:var(--fw-black);
  color:var(--navy);
  line-height:1.55;
  margin:0;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:calc(1.55em * 2);
}
.services-main .service-title a{color:inherit;text-decoration:none}
.services-main .service-card .service-excerpt{
  font-size:14.5px;
  color:var(--text-soft);
  line-height:1.8;
  margin:0;
  flex:1;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* الزر: نصي لا مصمت */
.services-main .service-footer{
  margin-top:var(--sp-2);
  padding:0;
  background:transparent;
  border:none;
  text-align:start;
}
.services-main .service-card .get-started-service-btn{
  display:inline-flex;
  align-items:center;
  gap:7px;
  background:none !important;
  background-image:none !important;
  color:var(--steel) !important;
  border:none !important;
  border-radius:0 !important;
  padding:0 !important;
  box-shadow:none !important;
  transform:none !important;
  font-family:var(--font-body);
  font-size:var(--fs-xs) !important;
  font-weight:var(--fw-bold);
  text-decoration:none;
  transition:color var(--t-base);
}
.services-main .service-card:hover .get-started-service-btn{
  color:var(--navy) !important;
  box-shadow:none !important;
  transform:none !important;
  gap:7px !important;
}
.services-main .service-card .get-started-service-btn i{
  font-size:11px;
  transition:transform var(--t-base);
}
.services-main .service-card:hover .get-started-service-btn i{transform:translateX(-4px)}

/* ---------- الترقيم ---------- */
.pagination-wrapper,
.services-main .pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:var(--sp-3);
  margin-top:var(--sp-7);
  padding-top:var(--sp-6);
  border-top:1px solid var(--line);
}
.pagination-wrapper a,
.pagination-wrapper span,
.services-main .pagination a,
.services-main .pagination span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.pagination-wrapper .page-info,
.services-main .pagination .page-info{
  font-size:14px;
  color:var(--text-soft);
}
.pagination-wrapper .prev-page,
.pagination-wrapper .next-page,
.services-main .pagination .prev-page,
.services-main .pagination .next-page{
  width:40px;height:40px;
  border:1px solid var(--line);
  border-radius:50%;
  color:var(--navy);
  background:var(--white);
  transition:background var(--t-base),color var(--t-base),border-color var(--t-base);
}
.pagination-wrapper .prev-page:hover,
.pagination-wrapper .next-page:hover,
.services-main .pagination .prev-page:hover,
.services-main .pagination .next-page:hover{
  background:var(--navy);color:var(--white);border-color:var(--navy);
}
.pagination-wrapper .disabled,
.services-main .pagination .disabled{opacity:.35;pointer-events:none}

/* ---------- لا خدمات ---------- */
.no-services{
  text-align:center;
  padding:var(--sp-8) var(--gutter);
  color:var(--text-soft);
}
.no-services i{font-size:34px;color:var(--line);margin-bottom:var(--sp-4);display:block}
.no-services h3{color:var(--navy);margin-bottom:var(--sp-2)}

/* ---------- الأسئلة الشائعة ---------- */
.faq-section{background:var(--cool);padding:var(--sp-9) 0;border-top:1px solid var(--line)}
.faq-container{max-width:860px;margin:0 auto;padding:0 var(--gutter)}
.faq-title{
  text-align:center;
  color:var(--navy);
  font-size:clamp(24px,3vw,34px);
  margin-bottom:var(--sp-2);
}
.faq-title::after{display:none}
.faq-subtitle{text-align:center;color:var(--text-soft);margin-bottom:var(--sp-7)}
.faq-list{list-style:none;margin:0;padding:0}
.faq-list .faq-item{
  background:var(--white);
  border:1px solid var(--line);
  border-bottom:none;
  border-radius:0;
  margin:0;
  box-shadow:none;
}
.faq-list .faq-item:last-child{border-bottom:1px solid var(--line)}
.faq-question{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--sp-3);
  padding:22px 20px;
  cursor:pointer;
}
.faq-question-text{
  font-family:var(--font-head);
  font-size:17px;
  font-weight:var(--fw-bold);
  color:var(--navy);
}
.faq-question-icon{color:var(--steel);flex:none;transition:transform var(--t-base)}
.faq-item.active .faq-question-icon{transform:rotate(180deg)}
.faq-answer-text{color:var(--text-soft);font-size:15.5px;padding:0 20px 22px;margin:0}

/* ---------- التجاوب ---------- */
@media (max-width:1100px){
  .services-content{grid-template-columns:1fr}
  .services-sidebar .categories-widget{position:static}
  .categories-list{max-height:none}
  .services-main .services-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .dlc-archive-hero.hero{padding:132px 0 52px !important}
  .services-landing .container{padding:var(--sp-7) var(--gutter)}
  .services-main .services-grid{grid-template-columns:1fr}
  .faq-section{padding:var(--sp-8) 0}
}

/* ==========================================================================
   البحث الفوري في الخدمات
   ========================================================================== */
.dlc-svc-search{
  margin-bottom:var(--sp-5);
  /* الحقل داخل عمود المحتوى — لا يمتد عبر الشبكة */
  grid-column:auto;
  max-width:100%;
}

.dlc-svc-search-field{
  display:flex;
  align-items:center;
  gap:var(--sp-3);
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:0 16px;
  transition:border-color var(--t-base),box-shadow var(--t-base);
}
.dlc-svc-search-field:focus-within{
  border-color:var(--navy);
  box-shadow:0 0 0 3px rgba(62,111,165,.14);
}
.dlc-svc-search-field > i{
  color:var(--steel);
  font-size:14px;
  flex:none;
}
.dlc-svc-search-field input{
  flex:1;
  border:none;
  outline:none;
  background:transparent;
  font-family:var(--font-body);
  font-size:15.5px;
  color:var(--text);
  padding:14px 0;
}
.dlc-svc-search-field input::placeholder{color:#9FB2C7}
/* إخفاء زر المسح الافتراضي للمتصفح */
.dlc-svc-search-field input::-webkit-search-cancel-button{display:none}

.dlc-svc-search-clear{
  flex:none;
  width:26px;height:26px;
  display:flex;align-items:center;justify-content:center;
  background:var(--cool);
  border:none;
  border-radius:50%;
  color:var(--text-soft);
  cursor:pointer;
  font-size:12px;
  transition:background var(--t-base),color var(--t-base);
}
.dlc-svc-search-clear:hover{background:var(--navy);color:var(--white)}

.dlc-svc-search-status{
  margin:var(--sp-2) 0 0;
  font-size:var(--fs-xs);
  color:var(--text-soft);
  min-height:1em;
}

/* ---------- نتائج البحث ---------- */
.dlc-svc-results-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:var(--sp-4);
}
.dlc-svc-result{
  display:flex;
  flex-direction:column;
  gap:var(--sp-2);
  padding:var(--sp-5);
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--radius);
  text-decoration:none;
  transition:border-color var(--t-base),box-shadow var(--t-base),transform var(--t-base);
}
.dlc-svc-result:hover{
  border-color:var(--steel);
  box-shadow:var(--shadow-md);
  transform:translateY(-2px);
}
.dlc-svc-result h3{
  font-family:var(--font-head);
  font-size:17px;
  font-weight:var(--fw-black);
  color:var(--navy);
  line-height:1.55;
  margin:0;
}
.dlc-svc-result h3 mark{
  background:rgba(62,111,165,.16);
  color:var(--navy);
  padding:0 2px;
  border-radius:2px;
}
.dlc-svc-result p{
  font-size:14.5px;
  color:var(--text-soft);
  line-height:1.8;
  margin:0;
  flex:1;
}
.dlc-svc-result-more{
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:var(--fs-xs);
  font-weight:var(--fw-bold);
  color:var(--steel);
  margin-top:var(--sp-2);
}
.dlc-svc-result-more svg{transition:transform var(--t-base)}
.dlc-svc-result:hover .dlc-svc-result-more svg{transform:translateX(-4px)}

.dlc-svc-noresult{
  text-align:center;
  padding:var(--sp-8) var(--gutter);
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--radius);
  color:var(--text-soft);
}
.dlc-svc-noresult i{
  font-size:30px;
  color:var(--line);
  margin-bottom:var(--sp-4);
  display:block;
}
.dlc-svc-noresult h3{color:var(--navy);margin-bottom:var(--sp-2)}
.dlc-svc-noresult p{margin:0}

@media (max-width:1100px){
  .dlc-svc-results-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .dlc-svc-results-grid{grid-template-columns:1fr}
  .dlc-svc-search-field input{font-size:16px}  /* يمنع تكبير iOS التلقائي */
}

/* ==========================================================================
   شريط الدعوة — مواءمة مع نظام التصميم الموحّد
   القسم القائم بأزرق فاتح مسطّح وأيقونة باهتة وزر بيضاوي مفرط.
   نعيد تنسيقه ليطابق dlc-cta-band في باقي الصفحات.
   ========================================================================== */
.consultation-cta-section{
  padding:var(--sp-9) 0 !important;
  background:var(--navy-deep) !important;
  position:relative;
  overflow:hidden;
}
/* إزالة الدوائر الزخرفية */
.consultation-cta-section::before{
  content:'داغ' !important;
  position:absolute !important;
  top:50% !important;
  right:50% !important;
  left:auto !important;
  bottom:auto !important;
  transform:translate(50%,-50%) !important;
  width:auto !important;
  height:auto !important;
  background:none !important;
  border-radius:0 !important;
  font-family:var(--font-head);
  font-weight:var(--fw-black);
  font-size:340px;
  color:rgba(255,255,255,.02);
  line-height:1;
  pointer-events:none;
}
.consultation-cta-section::after{display:none !important}

.consultation-cta-wrapper{
  text-align:center;
  position:relative;
  z-index:2;
  max-width:640px;
  margin:0 auto;
  padding:0 var(--gutter);
}

/* إخفاء الأيقونة الدائرية الباهتة */
.consultation-cta-icon{display:none !important}

.consultation-cta-title{
  font-family:var(--font-head) !important;
  font-size:clamp(26px,3.4vw,40px) !important;
  font-weight:var(--fw-black) !important;
  color:var(--white) !important;
  margin-bottom:var(--sp-3) !important;
}
.consultation-cta-description{
  font-size:var(--fs-body) !important;
  line-height:1.85 !important;
  color:#B9C9DB !important;
  margin:0 auto var(--sp-6) !important;
  max-width:520px !important;
}

/* الزر: مستطيل بزوايا خفيفة بدل البيضاوي */
.consultation-cta-button{
  display:inline-flex !important;
  align-items:center;
  gap:var(--sp-2) !important;
  padding:14px 34px !important;
  background:var(--white) !important;
  color:var(--navy) !important;
  border:1px solid var(--white) !important;
  border-radius:var(--radius) !important;
  font-family:var(--font-body);
  font-size:var(--fs-sm) !important;
  font-weight:var(--fw-bold) !important;
  text-decoration:none;
  transition:background var(--t-base),color var(--t-base) !important;
  box-shadow:none !important;
  transform:none !important;
}
.consultation-cta-button:hover{
  background:var(--ice) !important;
  color:var(--navy) !important;
  transform:none !important;
  box-shadow:none !important;
}
.consultation-cta-button i{font-size:13px}

@media (max-width:640px){
  .consultation-cta-section::before{font-size:180px}
}