/* Custom styles for theme_modern - Add after Tailwind */

/* Primary Color Utilities */
.bg-primary {
    background-color: #F97316 !important;
}

.text-primary {
    color: #F97316 !important;
}

.border-primary {
    border-color: #F97316 !important;
}

.hover\:bg-primary:hover {
    background-color: #F97316 !important;
}

.hover\:text-primary:hover {
    color: #F97316 !important;
}

.hover\:border-primary:hover {
    border-color: #F97316 !important;
}

.bg-primary\/90 {
    background-color: rgb(249 115 22 / 0.9) !important;
}

.bg-primary\/30 {
    background-color: rgb(249 115 22 / 0.3) !important;
}

.group:hover .group-hover\:text-primary {
    color: #F97316 !important;
}

.group:hover .group-hover\:bg-primary {
    background-color: #F97316 !important;
}

.focus\:border-primary:focus {
    border-color: #F97316 !important;
}

.focus\:ring-primary:focus {
    --tw-ring-color: #F97316 !important;
}

.ring-primary {
    --tw-ring-color: #F97316 !important;
}

.shadow-primary\/30 {
    box-shadow: 0 20px 25px -5px rgb(249 115 22 / 0.3), 0 8px 10px -6px rgb(249 115 22 / 0.3) !important;
}

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

.line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

/* Hide scrollbar */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Fix pagination bullets */
.pagination,
.pagination li,
nav[aria-label="Pagination"] li {
    list-style: none !important;
    list-style-type: none !important;
}

/* Custom font */
body {
    font-family: 'Inter', sans-serif;
}