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

a {
    text-decoration: none !important;
}

/* Tailwind CSS'in font ailesini kullanmak için temel bir ayar */
body {
    font-family: 'Poppins', sans-serif;
}
/* Aktif sayfa numarası için özel stil */
.pagination-item.active {
    background-color: #111827; /* gray-900 */
    color: white;
}
.surmanset-slider::-webkit-scrollbar,
#video-playlist::-webkit-scrollbar {
    display: none; /* Chrome, Safari and Opera */
}
.surmanset-slider, #video-playlist {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
#video-playlist {
   scrollbar-width: thin;
   scrollbar-color: #475569 #1e293b;
}
#video-playlist::-webkit-scrollbar {
    display: block;
    width: 6px;
}
#video-playlist::-webkit-scrollbar-track {
    background: #1e293b;
    border-radius: 10px;
}
#video-playlist::-webkit-scrollbar-thumb {
    background: #475569;
    border-radius: 10px;
}
#video-playlist::-webkit-scrollbar-thumb:hover {
    background: #64748b;
}
.news-card-item {
    box-shadow: 0 0 10px 1px var(--glow-color);
}