/* Ad category card */
.category-card {
    transition: all 0.2s ease;
}

.category-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    border-color: var(--bs-primary) !important;
}

.list-group-item {
    transition: all 0.15s ease;
}

.list-group-item:hover {
    background-color: rgba(var(--bs-primary-rgb), 0.05);
    border-color: var(--bs-primary) !important;
}

.list-group-item:hover .ri-arrow-right-s-line {
    transform: translateX(4px);
    color: var(--bs-primary) !important;
}

.list-group-item .ri-arrow-right-s-line {
    transition: transform 0.15s ease;
}


.category-card:hover .card-footer span {
    color: var(--bs-primary) !important;
}

.category-card:hover .ri-arrow-right-line {
    transform: translateX(4px);
}

.category-card .ri-arrow-right-line {
    transition: transform 0.2s ease;
    display: inline-block;
}

.category-item.d-none {
    display: none !important;
}

/* Brand Card */
.brand-card {
    transition: all 0.15s ease;
}

.brand-card:hover {
    border-color: var(--bs-primary) !important;
    background-color: rgba(var(--bs-primary-rgb), 0.05);
}

.brand-card.featured {
    border-color: var(--bs-warning) !important;
    background-color: rgba(var(--bs-warning-rgb), 0.05);
}

.brand-card.featured:hover {
    border-color: var(--bs-primary) !important;
    background-color: rgba(var(--bs-primary-rgb), 0.1);
}

.brand-link {
    transition: all 0.15s ease;
}

.brand-link:hover {
    background-color: rgba(var(--bs-primary-rgb), 0.05);
}

.brand-link:hover .ri-arrow-right-s-line {
    transform: translateX(4px);
    color: var(--bs-primary) !important;
}

.brand-link .ri-arrow-right-s-line {
    transition: transform 0.15s ease;
}

.brand-link.other-brand:hover {
    background-color: rgba(var(--bs-secondary-rgb), 0.1);
}

.alphabet-link {
    min-width: 32px;
    text-align: center;
}

.alphabet-link:hover {
    background-color: var(--bs-primary);
    color: white;
}

.letter-group {
    scroll-margin-top: 20px;
}

.brand-item.d-none,
.letter-group.d-none,
.featured-brand-item.d-none {
    display: none !important;
}