/* =====================================================
   WC Product Fixes – style
   ===================================================== */

/* --- Marka na listingu i stronie produktu --- */
.wcpf-brand {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #6b7280;
    margin: 0 0 4px;
    line-height: 1.4;
}

.wcpf-brand--single {
    font-size: 0.8rem;
    color: #4b5563;
    margin-bottom: 6px;
}

/* --- Kółeczka kolorów na listingu --- */
.wcpf-swatches {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin: 6px 0 4px;
    align-items: center;
}

.wcpf-swatch {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid transparent;
    box-shadow: 0 0 0 1px rgba(0,0,0,.18);
    cursor: pointer;
    transition: transform .15s ease, box-shadow .15s ease;
    position: relative;
    flex-shrink: 0;
}

.wcpf-swatch:hover,
.wcpf-swatch:focus {
    transform: scale(1.2);
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px #374151;
    outline: none;
}

.wcpf-swatch.wcpf-swatch--active {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #111827;
    transform: scale(1.15);
}

/* Specjalny styl dla białego – żeby był widoczny */
.wcpf-swatch[style*="#f5f5f5"],
.wcpf-swatch[style*="#ffffff"],
.wcpf-swatch[style*="#fff"] {
    box-shadow: 0 0 0 1px rgba(0,0,0,.3);
}

/* --- Podmiana zdjęcia na listingu – animacja --- */
.wcpf-img-transition {
    transition: opacity .2s ease;
}

.wcpf-img-fade-out {
    opacity: 0;
}

/* --- Ukryj domyślny select rozmiaru jeśli zastąpiony swatch'ami --- */
/* (opcjonalne – odkomentuj jeśli chcesz) */
/*
.wcpf-size-swatches ~ .variations select {
    display: none;
}
*/