@import "tailwindcss";

/* Reset and base styles */
* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}


:root {
  --brand-primary: #ff8000;
  --font-heading: var(--font-euclid-bold);
  --font-body: var(--font-euclid-regular);
}

html[dir="rtl"] {
  --font-heading: var(--font-almarai-extrabold);
  --font-body: var(--font-almarai-bold);
}

/* Utilities للبراند */
.text-brand {
  color: var(--brand-primary);
}

.bg-brand {
  background: var(--brand-primary);
}

.border-brand {
  border-color: var(--brand-primary);
}

/* Container موحّد (تستخدمه في الـ navbar والـ footer) */

.custom-container {
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 640px) {
  .custom-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* روابط navbar */
.nav-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  color: #262626;
  transition: color 0.15s ease;
}

.nav-link:hover {
  color: var(--brand-primary);
}

.nav-link.active {
  color: var(--brand-primary);
}

/* فاصل نقطي خفيف */
.dot {
  opacity: 0.5;
}

/* ارتفاع الهيدر ومحاذاته */
.site-header {
  height: 64px;
}

body {
  font-family: var(--font-body), system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading), system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}


/* Flip directional icons (arrows/chevrons) in RTL when needed */
[dir="rtl"] .rtl-flip {
  transform: scaleX(-1);
}


/* Scrollbar Hide */
.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

/* Line Clamp */
.line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.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;
}


.swiper-pagination-bullet {
  background: #ff7a00 !important;
  /* لون النقاط الأساسية */
  opacity: 0.4;
}

.swiper-pagination-bullet-active {
  background: #ff7a00 !important;
  /* لون النقطة النشطة */
  opacity: 1;
}

.swiper-wrapper {
  align-items: flex-start !important;
}

.slider-card {
  width: 280px;
}

@media (min-width: 640px) {
  .slider-card {
    width: 320px;
  }
}

.slider-card-base {
  @apply bg-white rounded-2xl border border-gray-100 overflow-hidden shadow-sm hover:shadow-xl transition-all duration-300 flex flex-col;
}

.slider-card-img {
  height: 176px;
  /* h-44 */
}

@media (min-width: 640px) {
  .slider-card-img {
    height: 192px;
    /* h-48 */
  }
}