/* 
 * Estilos CSS para Display Stock Tienda
 * Plugin para mostrar stock de BSale y WooCommerce en WooCommerce
 */

.dst-stock-container {
    margin: 5px 0;
}

.dst-stock-item {
    font-weight: 500;
    text-align: center;
    border: none;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.dst-stock-item:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

/* Estilos para fondo transparente - eliminar solo shadow */
.dst-stock-item.dst-transparent {
    box-shadow: none !important;
}

.dst-stock-item.dst-transparent:hover {
    box-shadow: none !important;
    transform: none !important;
}

/* Los bordes se manejan individualmente via inline styles */

/* Estilos para elementos con borde */
.dst-stock-item.dst-with-border {
    /* Los bordes se aplican inline via JavaScript */
}

.dst-stock-item.dst-with-border:hover {
    /* Mantener efectos hover incluso con borde */
}

/* Layouts */
.dst-layout-row-2col {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.dst-layout-col-2row {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* Separadores */
.dst-layout-col-2row .dst-stock-item:not(:last-child) {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 0;
}

.dst-layout-col-2row .dst-stock-item:last-child {
    border-bottom: none;
}

/* Estilos específicos para vista individual de producto */
.dst-stock-single .dst-stock-item {
    font-size: 16px;
    font-weight: 600;
}

.single-product .dst-stock-container {
    margin: 20px 0;
}

/* Estilos específicos para vista archivo/catálogo */
.dst-stock-archive .dst-stock-item {
    font-size: 12px;
    font-weight: 500;
}

.woocommerce-loop-product__title + .dst-stock-container {
    margin-top: 10px;
}

/* Responsive */
@media (max-width: 768px) {
    .dst-stock-single .dst-stock-item {
        font-size: 14px !important;
        padding: 8px !important;
    }
    
    .dst-stock-archive .dst-stock-item {
        font-size: 10px !important;
        padding: 4px !important;
    }
    
    .dst-layout-row-2col {
        flex-direction: column;
        align-items: stretch;
    }
}

/* Estilos para diferentes tipos de stock */
.dst-stock-woocommerce {
    /* Estilos específicos para stock de WooCommerce */
}

.dst-stock-bsale {
    /* Estilos específicos para stock de BSale */
}

/* Estilos para diferentes estados de stock */
.dst-stock-item.low-stock {
    background-color: #ffc107 !important;
    color: #000 !important;
}

.dst-stock-item.out-of-stock {
    background-color: #dc3545 !important;
    color: #fff !important;
}

.dst-stock-item.in-stock {
    background-color: #28a745 !important;
    color: #fff !important;
}