/**
 * FabricLab WAPF Labels — Frontend Styles
 * Etykiety (POLECANY, HIT, itd.) na opcjach swatchy WAPF
 *
 * Podejscie:
 * - Klasa .fl-wapf-label dodaje position:relative na wrapper .wapf-swatch
 * - ::before renderuje etykiete — content, background, color ustawiane
 *   inline przez PHP (per-preset rules generowane w wp_footer)
 *
 * @version 1.0.0
 */

/* ─── Swatch z etykieta — pozycja relative ──────── */

.fl-wapf-label {
    position: relative;
    overflow: visible !important;
}

/* ─── Etykieta ::before — bazowe style ──────────── */
/* content, background, color ustawiane inline per preset */

.fl-wapf-label::before {
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 9px;
    font-weight: 700;
    padding: 5px 6px;
    border-radius: 3px;
    white-space: nowrap;
    z-index: 5;
    line-height: 1.3;
    letter-spacing: 0.3px;
    pointer-events: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

/* ─── Responsywnosc ─────────────────────────────── */

@media (max-width: 768px) {
    .fl-wapf-label::before {
        font-size: 8px;
        padding: 3px 5px;
        top: -6px;
    }
}