/* استایل‌های سفارشی سایت پرستار - مکمل Tailwind */

* {
  scroll-behavior: smooth;
}

body {
  font-feature-settings: "ss01";
}

.skip-link {
  position: absolute;
  right: -999px;
  top: -999px;
  background: #0d9488;
  color: #fff;
  padding: 10px 16px;
  border-radius: 8px;
  z-index: 999;
}
.skip-link:focus {
  right: 12px;
  top: 12px;
}

/* گرادیان هیرو */
.hero-gradient {
  background: radial-gradient(1200px 600px at 100% -10%, rgba(13,148,136,0.12), transparent),
              radial-gradient(1000px 500px at -10% 110%, rgba(56,189,178,0.10), transparent),
              #f8fafc;
}

.card-hover {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.card-hover:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px -18px rgba(15, 118, 110, 0.25);
}

.badge-dot::before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: currentColor;
  margin-inline-end: 6px;
}

/* اسکرول‌بار زیبا برای بخش‌های افقی */
.scrollbar-thin::-webkit-scrollbar { height: 6px; }
.scrollbar-thin::-webkit-scrollbar-thumb { background: #99f6e4; border-radius: 999px; }

/* انیمیشن ورود ملایم */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}
.animate-fade-up {
  animation: fadeInUp 0.6s ease both;
}

/* پترن پس‌زمینه نقطه‌ای برای بخش آماری */
.dot-pattern {
  background-image: radial-gradient(rgba(255,255,255,0.25) 1px, transparent 1px);
  background-size: 18px 18px;
}

/* استایل جدول‌های اطلاعات دارویی */
.med-info-table td, .med-info-table th {
  border-bottom: 1px solid #e2e8f0;
  padding: 10px 14px;
}

/* تصویر پروداکت روی هاور */
.product-img-zoom { overflow: hidden; }
.product-img-zoom img { transition: transform 0.4s ease; }
.product-img-zoom:hover img { transform: scale(1.08); }