/* Custom CSS for Template 11 */

/* Primary color utilities */
.bg-primary {
    background-color: var(--bg-color-primary) !important;
}

.text-primary {
    color: var(--bg-color-primary) !important;
}

.border-primary {
    border-color: var(--bg-color-primary) !important;
}

.hover\:bg-primary:hover {
    background-color: var(--bg-color-primary) !important;
}

.hover\:text-primary:hover {
    color: var(--bg-color-primary) !important;
}

.hover\:border-primary:hover {
    border-color: var(--bg-color-primary) !important;
}

.focus\:border-primary:focus {
    border-color: var(--bg-color-primary) !important;
}

/* Group hover variants */
.group-hover\:bg-primary:hover {
    background-color: var(--bg-color-primary) !important;
}

.group-hover\:text-primary:hover {
    color: var(--bg-color-primary) !important;
}

.group-hover\:border-primary:hover {
    border-color: var(--bg-color-primary) !important;
}

/* Hide scrollbar for category slider */
.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.no-scrollbar::-webkit-scrollbar {
    display: none;  /* Chrome, Safari and Opera */
}