/* Be Supported — أنماط إضافية مكمّلة لـ Tailwind */

html {
  scroll-behavior: smooth;
}

body {
  font-feature-settings: "kern" 1;
}

::selection {
  background-color: #EA6D35;
  color: #fff;
}

/* شريط تمرير مخصص */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #f5f4f2; }
::-webkit-scrollbar-thumb { background: #EA6D35; border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: #C9541F; }

/* نمط نقطي زخرفي للخلفيات */
.pattern-dots {
  background-image: radial-gradient(currentColor 1.5px, transparent 1.5px);
  background-size: 22px 22px;
}

/* تدرج توهج برتقالي */
.glow-orange {
  background: radial-gradient(circle at 30% 20%, rgba(234,109,53,0.35), transparent 60%);
}

/* خط شرطة زخرفي بجانب العناوين الفرعية */
.eyebrow::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 3px;
  background: #EA6D35;
  border-radius: 999px;
  margin-inline-end: 8px;
  vertical-align: middle;
}

/* شريط تمرير أفقي بدون سكرول بار ظاهر (شهادات/لوجوهات) */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* قصّ نص لعدد أسطر محدد */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* تأثير تكبير خفيف لصور البطاقات عند المرور */
.card-media { overflow: hidden; }
.card-media img { transition: transform .6s ease; }
.group:hover .card-media img { transform: scale(1.08); }

/* شارة "الأكثر طلباً" */
.badge-ribbon {
  position: absolute;
  top: 12px;
  inset-inline-start: 12px;
}

@media print {
  header, footer, #backToTop, .no-print { display: none !important; }
}