/* Custom Icons for the application */

/* T-shirt icon using a custom approach */
.fa-tshirt:before {
    content: "\f553"; /* Using a Unicode character that looks like a t-shirt */
    font-family: "FontAwesome";
}

/* Alternative: Using shirtsinbulk icon as t-shirt */
.fa-tshirt-alt:before {
    content: "\f214"; /* shirtsinbulk icon */
    font-family: "FontAwesome";
}

/* Custom t-shirt icon using CSS */
.fa-tshirt-custom {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.fa-tshirt-custom:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: currentColor;
    clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
}

/* Ticket Alt Icon (alternative to ticket) */
.fa-ticket-alt:before {
    content: "\f145"; /* Using the regular ticket icon */
    font-family: "FontAwesome";
}

/* Medal Icon (using star as alternative) */
.fa-medal:before {
    content: "\f005"; /* Using star icon as medal */
    font-family: "FontAwesome";
}

/* Enhanced icon styles */
.fa-tshirt,
.fa-tshirt-alt,
.fa-tshirt-custom,
.fa-ticket-alt,
.fa-medal {
    color: #4a025f;
}

/* Icon animations */
.fa-tshirt:hover,
.fa-tshirt-alt:hover,
.fa-tshirt-custom:hover,
.fa-ticket-alt:hover,
.fa-medal:hover {
    transform: scale(1.1);
    transition: transform 0.2s ease;
}

/* Specific icon enhancements */
.fa-credit-card {
    color: #4a025f;
}

.fa-check-circle {
    color: #28a745;
    font-size: 16px;
}

.fa-trophy {
    color: #ffc107;
}

.fa-ticket-alt {
    color: #ffc107;
}

.fa-medal {
    color: #ffc107;
}

/* Icon size variations */
.fa-credit-card,
.fa-check-circle,
.fa-ticket-alt,
.fa-trophy,
.fa-medal {
    font-size: 16px;
}

/* Hover effects for specific icons */
.fa-credit-card:hover {
    color: #6f42c1;
    transform: scale(1.1);
    transition: all 0.2s ease;
}

.fa-check-circle:hover {
    color: #20c997;
    transform: scale(1.1);
    transition: all 0.2s ease;
}

/* Variações do fa-check-circle */
.fa-check-circle.success {
    color: #28a745;
}

.fa-check-circle.warning {
    color: #ffc107;
}

.fa-check-circle.error {
    color: #dc3545;
}

.fa-check-circle.info {
    color: #17a2b8;
}

/* Tamanhos específicos para fa-check-circle */
.fa-check-circle.large {
    font-size: 24px;
}

.fa-check-circle.xlarge {
    font-size: 32px;
}

.fa-check-circle.xxlarge {
    font-size: 48px;
}

.fa-trophy:hover {
    color: #fd7e14;
    transform: scale(1.1);
    transition: all 0.2s ease;
}

.fa-ticket-alt:hover {
    color: #fd7e14;
    transform: scale(1.1);
    transition: all 0.2s ease;
}

.fa-medal:hover {
    color: #fd7e14;
    transform: scale(1.1);
    transition: all 0.2s ease;
}