/* --- Wash care symbols: Lira ecommerce style (talla, precio, etc.) --- */

.wcsfw-title {
    width: 180px;
}

/* Below short desc: estilo minimalista, integrado tras descripción (sin recuadros ni título) */
.wcsfw.below-short-desc {
    margin-bottom: 8px;
    padding: 0;
}

.wcsfw.below-short-desc ul {
    padding-left: 0;
    margin: 0;
}

.wcsfw.below-short-desc ul li {
    list-style-type: none !important;
    display: block;
}

.wcsfw.below-short-desc .wcsfw-symbols-container {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25em;
    align-items: center;
}

/* Símbolos sin caja: solo iconos en línea, integrados al bloque de texto */
.wcsfw.below-short-desc .wcsfw-symbol-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    border-radius: 0;
    color: inherit !important;
    font: inherit !important;
    cursor: pointer !important;
    outline: none !important;
}

.wcsfw.below-short-desc .wcsfw-symbol-btn:hover,
.wcsfw.below-short-desc .wcsfw-symbol-btn:focus {
    opacity: 0.85;
}

.wcsfw.below-short-desc .wcsfw-symbol-btn:focus-visible {
    outline: 1px solid #333;
    outline-offset: 2px;
}

.wcsfw.below-short-desc .wcsfw-symbol-img {
    display: block;
    width: auto;
    max-width: 36px;
    max-height: 36px;
    height: auto;
    object-fit: contain;
    vertical-align: middle;
    box-shadow: none !important;
}

/* Anular box-shadow que el tema aplica a las imágenes del plugin */
.wcsfw-symbol-img,
.wcsfw-symbol-btn,
.woocommerce .wcsfw-symbol-img,
.woocommerce-page .wcsfw-symbol-img {
    box-shadow: none !important;
}

/* Resto de plantillas (vertical, horizontal, etc.): mantener botón con borde si se usan */
.wcsfw-symbol-btn {
    background: none !important;
    color: inherit !important;
    border: none !important;
    padding: 0 !important;
    font: inherit !important;
    cursor: pointer !important;
    outline: inherit !important;
}