@tailwind base;
@tailwind components;
@tailwind utilities;

/* اضافه کردن استایل‌های سفارشی*/
@font-face {
  font-family: 'Vazir';
  src: url('/assets/fonts/Vazir.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: 'Vazir', sans-serif;
}


.hero {
    
    @apply bg-gradient-to-r from-blue-500 to-purple-600 text-white text-center py-20;
}

.button-primary {
    @apply bg-white text-blue-600 font-bold py-3 px-6 rounded-lg shadow-md hover:bg-gray-200 transition-all;
}

.card {
    @apply bg-white shadow-lg rounded-lg p-6 text-center hover:shadow-2xl transition-all;
}
nav#mobile-menu-right ul li a {
  font-weight: 600;
  color: #333;
  padding: 8px 14px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
}

nav#mobile-menu-right ul li a:hover {
  color: #0d6efd; /* آبی بوت‌استرپ */
  text-decoration: none;
}

nav#mobile-menu-right ul {
  display: flex;
  flex-direction: row-reverse;
  gap: 1.5rem; /* فاصله بین آیتم‌ها */
  align-items: center;
}
#mobile-menu ul li a {
  font-weight: 500;
  color: #444;
}

#mobile-menu ul li a:hover {
  color: #0d6efd;
}
#desktop-menu a {
  border-radius: 6px;
  transition: all 0.2s ease-in-out;
}
#desktop-menu a:hover {
  background-color: #f1f5f9; /* رنگ خاکستری خیلی روشن */
}

.feedback-error {
    color: #ef4444;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

.feedback-success {
    color: #10b981;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}