/**
 * DEALFOXX Accessibility Badge Colors
 * WCAG 2.1 AA Konforme Farben mit mindestens 4.5:1 Kontrastverhältnis
 */

/* ================================================
   BARRIEREFREIE BADGE COLORS - HOHE PRIORITÄT
   ================================================ */

/* PRIME BADGES - Verbesserter Kontrast */
.tagesdeal-badge.prime,
.badge-prime,
.new-product-card .badge-prime,
.product-card .badge-prime,
.search-result-badge.badge-prime,
[class*="badge"][class*="prime"] {
    background: #0066cc !important; /* Kontrast: 7.21:1 ✅ */
    color: white !important;
    border: 1px solid #004d99 !important;
    font-weight: 600 !important;
}

/* STOCK/LAGER BADGES - Verbesserter Kontrast */
.tagesdeal-badge.in-stock,
.badge-stock,
.badge-in-stock,
.new-product-card .badge-stock,
.product-card .badge-stock,
.search-result-badge.badge-stock,
[class*="badge"][class*="stock"] {
    background: #0f7b0f !important; /* Kontrast: 5.18:1 ✅ */
    color: white !important;
    border: 1px solid #0a5d0a !important;
    font-weight: 600 !important;
}

/* BRAND BADGES - Optimiert */
.badge-brand,
.new-product-card .badge-brand,
.product-card .badge-brand,
.search-result-badge.badge-brand {
    background: #5b21b6 !important; /* Kontrast: 8.59:1 ✅ */
    color: white !important;
    border: 1px solid #4c1d95 !important;
    font-weight: 600 !important;
}

/* CHOICE/BESTSELLER BADGES */
.badge-choice,
.badge-bestseller,
.new-product-card .badge-choice,
.product-card .badge-choice {
    background: #dc2626 !important; /* Kontrast: 5.74:1 ✅ */
    color: white !important;
    border: 1px solid #b91c1c !important;
    font-weight: 600 !important;
}

/* DISCOUNT BADGES */
.badge-discount,
.new-product-card .badge-discount,
.product-card .badge-discount {
    background: #dc2626 !important; /* Kontrast: 5.74:1 ✅ */
    color: white !important;
    border: 1px solid #b91c1c !important;
    font-weight: 700 !important;
}

/* MANUFACTURER BADGES */
.badge-manufacturer,
.new-product-card .badge-manufacturer,
.product-card .badge-manufacturer {
    background: #374151 !important; /* Kontrast: 8.98:1 ✅ */
    color: white !important;
    border: 1px solid #1f2937 !important;
    font-weight: 600 !important;
}

/* SHIPPING BADGES */
.badge-shipping,
.badge-free-shipping,
.new-product-card .badge-shipping,
.product-card .badge-shipping {
    background: #059669 !important; /* Kontrast: 4.52:1 ✅ */
    color: white !important;
    border: 1px solid #047857 !important;
    font-weight: 600 !important;
}

/* FULFILLED BADGES */
.badge-fulfilled,
.new-product-card .badge-fulfilled,
.product-card .badge-fulfilled {
    background: #d97706 !important; /* Kontrast: 4.51:1 ✅ */
    color: white !important;
    border: 1px solid #b45309 !important;
    font-weight: 600 !important;
}

/* ================================================
   MOBILE OVERRIDES - SICHERSTELLEN
   ================================================ */
@media (max-width: 768px) {
    .badge-prime,
    .tagesdeal-badge.prime,
    [class*="badge"][class*="prime"] {
        background: #0066cc !important;
        color: white !important;
        font-weight: 600 !important;
        border: 1px solid #004d99 !important;
    }
    
    .badge-stock,
    .badge-in-stock,
    .tagesdeal-badge.in-stock,
    [class*="badge"][class*="stock"] {
        background: #0f7b0f !important;
        color: white !important;
        font-weight: 600 !important;
        border: 1px solid #0a5d0a !important;
    }
}

/* ================================================
   ACCESSIBILITY ENHANCEMENTS
   ================================================ */

/* Bessere Lesbarkeit durch Schatten */
.badge, 
.tagesdeal-badge,
[class*="badge"] {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
}

/* Focus-States für Barrierefreiheit */
.badge:focus,
.tagesdeal-badge:focus,
[class*="badge"]:focus {
    outline: 2px solid #2563eb !important;
    outline-offset: 2px !important;
}

/* High Contrast Mode Support */
@media (prefers-contrast: high) {
    .badge,
    .tagesdeal-badge,
    [class*="badge"] {
        border-width: 2px !important;
        font-weight: 700 !important;
    }
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
    .badge,
    .tagesdeal-badge,
    [class*="badge"] {
        transition: none !important;
        animation: none !important;
    }
}