/* Product Badges Component - Shared across all pages */

.product-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    background: var(--accent);
    color: var(--white);
    font-size: 10px;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    z-index: 2;
}

/* Catalog page - badges on left side */
body:has(#productsGrid) .product-badge {
    left: 12px;
    right: auto;
}

/* Theme-specific badge colors - Golden K.B CRÉATEURS palette variations */
.product-badge.kb-kids {
    background: rgba(254, 202, 87, 0.3); /* Light golden amber */
    color: var(--gold-dark);
    box-shadow: 0 0 12px rgba(254, 202, 87, 0.5);
    backdrop-filter: blur(4px);
}

.product-badge.kb-concept {
    background: rgba(244, 208, 63, 0.4); /* Golden yellow */
    color: var(--gold-dark);
    box-shadow: 0 0 12px rgba(244, 208, 63, 0.6);
    backdrop-filter: blur(4px);
}

.product-badge.kb-esskiss {
    background: rgba(245, 242, 232, 0.8); /* Cream golden */
    color: var(--gold-dark);
    box-shadow: 0 0 12px rgba(212, 175, 55, 0.4);
    backdrop-filter: blur(4px);
}

.product-badge.kb-design {
    background: rgba(139, 90, 60, 0.4); /* Dark golden brown */
    color: white;
    box-shadow: 0 0 12px rgba(139, 90, 60, 0.6);
    backdrop-filter: blur(4px);
}

.product-badge.kb-prestige {
    background: rgba(212, 175, 55, 0.5); /* Rich golden */
    color: rgba(44, 62, 80, 1);
    box-shadow: 0 0 12px rgba(212, 175, 55, 0.8);
    backdrop-filter: blur(4px);
}