/* Global Category Icon Fix CSS
 * Fixes icon sizes and colors on marketplace and gallery pages
 * This CSS file can be included on any page to fix category icons
 */

/* Force fix for category icons on marketplace and gallery pages */
.category-icon[style],
.category-icon-wrapper[style],
a.category-card .category-icon[style],
a.category-card .category-icon-wrapper[style],
div.category-card .category-icon[style],
div.category-card .category-icon-wrapper[style] {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
    border: 2px solid #e5e7eb !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

.category-icon i[style],
.category-icon-wrapper i[style],
a.category-card .category-icon i[style],
a.category-card .category-icon-wrapper i[style],
div.category-card .category-icon i[style],
div.category-card .category-icon-wrapper i[style],
.category-icon .ti-credit-card,
.category-icon .ti-clipboard,
.category-icon .ti-book,
.category-icon .ti-image,
.category-icon .ti-file,
.category-icon .ti-layout,
.category-icon .ti-book-open,
.category-icon .ti-award,
.category-icon .ti-envelope,
.category-icon .ti-id-badge,
.category-icon-wrapper .ti-credit-card,
.category-icon-wrapper .ti-clipboard,
.category-icon-wrapper .ti-book,
.category-icon-wrapper .ti-image,
.category-icon-wrapper .ti-file,
.category-icon-wrapper .ti-layout,
.category-icon-wrapper .ti-book-open,
.category-icon-wrapper .ti-award,
.category-icon-wrapper .ti-envelope,
.category-icon-wrapper .ti-id-badge {
    font-size: 24px !important;
    color: #2d3748 !important;
}

.category-icon img[style],
.category-icon-wrapper img[style] {
    width: 32px !important;
    height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
}