/* Teteso Gold Accent Colors */
/* Gold color scheme to complement green (#0A6649) and black */

/* Star ratings with gold */
.text-warning,
.tio-star.text-warning,
.bi-star-fill,
.star-rating {
    color: var(--gold-accent) !important;
}

.tio-star-half.text-warning {
    color: var(--gold-accent) !important;
}

.tio-star-outlined.text-warning {
    color: var(--gold-light) !important;
}

/* Gold badges and accents */
.badge-gold {
    background-color: var(--gold-accent);
    color: var(--black);
    font-weight: 600;
}

.text-gold {
    color: var(--gold-accent) !important;
}

.bg-gold {
    background-color: var(--gold-accent) !important;
}

.bg-gold-light {
    background-color: var(--gold-light) !important;
}

.border-gold {
    border-color: var(--gold-accent) !important;
}

/* Gold hover effects */
.btn-gold {
    background-color: var(--gold-accent);
    border-color: var(--gold-accent);
    color: var(--black);
    font-weight: 600;
}

.btn-gold:hover {
    background-color: var(--gold-dark);
    border-color: var(--gold-dark);
    color: #fff;
}

/* Gold accent for premium features */
.premium-badge {
    background: linear-gradient(135deg, var(--gold-accent) 0%, var(--gold-dark) 100%);
    color: var(--black);
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Gold shimmer effect */
@keyframes goldShimmer {
    0% {
        background-position: -100% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

.gold-shimmer {
    background: linear-gradient(
        90deg,
        var(--gold-dark) 0%,
        var(--gold-accent) 50%,
        var(--gold-dark) 100%
    );
    background-size: 200% 100%;
    animation: goldShimmer 3s ease-in-out infinite;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Override Bootstrap warning color with gold */
.text-warning {
    color: var(--gold-accent) !important;
}

.bg-warning {
    background-color: var(--gold-accent) !important;
    color: var(--black) !important;
}

.border-warning {
    border-color: var(--gold-accent) !important;
}

/* Gold for ratings and reviews */
.rating-star {
    color: var(--gold-accent);
    font-size: 1.1rem;
}

.rating-count {
    color: var(--gold-dark);
    font-weight: 600;
}

/* Seller tenure and special info with subtle gold */
.seller-tenure {
    color: var(--gold-dark);
    font-style: italic;
}

/* Gold highlights on hover */
.product-card:hover .badge-gold {
    box-shadow: 0 0 10px var(--gold-accent);
}

/* Color scheme summary for reference:
   Primary Green: #0A6649 (Main CTA, buttons)
   Gold Accent: #D4AF37 (Stars, badges, highlights)
   Gold Dark: #B8941F (Hover states, emphasis)
   Gold Light: #F5E6C8 (Subtle backgrounds)
   Black: #000000 (Text, high contrast)
*/