/* Category Card Clickable Styles */
.category-card-link {
    text-decoration: none;
    color: inherit;
    display: block;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease;
}

.category-card-link:hover {
    text-decoration: none;
    color: inherit;
}

.category-block-one {
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.category-block-one:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.category-block-one .inner-box {
    transition: all 0.3s ease;
}

.category-block-one:hover .inner-box {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.category-block-one:hover .icon-box i {
    color: white;
    transform: scale(1.1);
    transition: all 0.3s ease;
}

.category-block-one:hover h5 {
    color: white;
}

.category-block-one:hover span {
    color: rgba(255, 255, 255, 0.9);
}

/* Ensure the entire card is clickable */
.category-card-link {
    position: relative;
    z-index: 1;
}

/* Add subtle animation for better feedback */
.category-block-one .icon-box i {
    transition: all 0.3s ease;
}

.category-block-one h5 {
    transition: all 0.3s ease;
}

.category-block-one span {
    transition: all 0.3s ease;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .category-block-one:hover {
        transform: translateY(-3px);
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    }
}