/* Botón Ver Producto para productos de solo venta presencial */
.farmacia-ver-producto {
    position: relative;
    overflow: hidden;
}

/* Asegurar que el texto se mantenga visible */
.farmacia-ver-producto::before {
    content: 'Ver Producto';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: inherit;
    color: inherit;
    font-weight: inherit;
    z-index: 2;
}

/* Ocultar el texto original que pueda estar siendo sobrescrito */
.farmacia-ver-producto > * {
    opacity: 0;
}

/* Variante con ícono opcional */
.farmacia-ver-producto.farmacia-ver-producto--with-icon::before {
    content: '👁 Ver Producto';
}

/* Estilo hover específico */
.farmacia-ver-producto:hover::before {
    content: 'Ver Producto';
}

/* Para temas que usen flexbox en botones */
.woocommerce ul.products li.product .farmacia-ver-producto {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 2.5em;
}

/* Responsive - ajustes para móviles */
@media (max-width: 767px) {
    .farmacia-ver-producto::before {
        font-size: 0.9em;
    }
}

/* Asegurar que funcione con diferentes temas */
.woocommerce .farmacia-ver-producto,
.woocommerce-page .farmacia-ver-producto {
    text-decoration: none !important;
}

/* Override para temas que modifiquen el texto dinámicamente */
.farmacia-ver-producto[data-original-text]::before {
    content: 'Ver Producto' !important;
}