/*
 Theme Name:   Storefront-Child
 Template:     storefront
*/

/* Tus estilos personalizados de CSS empiezan aquí abajo */

.site-header .site-search, 
.storefront-search, 
.widget_product_search {
    display: none !important;
}		
/* Ocultar el header solo en la página Tienda */
body.woocommerce-shop #masthead,
body.post-type-archive-product #masthead {
    display: none !important;
}

/* Oculta el precio en rango: está dentro del link de la imagen/título */
.woocommerce ul.products li.product a.woocommerce-loop-product__link .price {
    display: none;
}

/* Oculta el botón "Seleccionar opciones" */
.woocommerce ul.products li.product a.add_to_cart_button.product_type_variable {
    display: none;
}

/* Fila "Cantidad" + desplegable a la misma altura */
.woocommerce ul.products li.product table.variations,
.woocommerce ul.products li.product table.variations tbody,
.woocommerce ul.products li.product table.variations tr {
    display: flex;
    align-items: center;
    margin: 0;
}
.woocommerce ul.products li.product table.variations th.label {
    padding: 0 8px 0 0;
    line-height: normal;
}
.woocommerce ul.products li.product table.variations td.value {
    padding: 0;
    flex: 1;
}
/* Oculta el título "Tienda" */
.woocommerce-products-header {
    display: none;
}

/* Oculta el desplegable de orden Y el contador de resultados, arriba y abajo */
.storefront-sorting {
    display: none;
}

/* Oculta el footer completo */
#colophon {
    display: none;
}
/*agranda carrito*/
#woofc-count {
    width: 70px !important;
    height: 70px !important;
    line-height: 70px !important;
    background-color:#FFE600 ;
}
#woofc-count .woofc-icon-cart5 {
    font-size: 34px !important;
}
#woofc-count-number {
    font-size: 16px !important;
    min-width: 26px !important;
    height: 26px !important;
    line-height: 26px !important;
}
/*para desaparecer la fila de rango de precios*/
.woocommerce ul.products li.product > span.price {
    display: none;
}
/* Layout en dos columnas: resumen del pedido | tarjeta QR */
.woocommerce-order-received .woocommerce-order {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: flex-start;
}

/* El mensaje "Gracias, tu pedido ha sido recibido" ocupa todo el ancho arriba */
.woocommerce-order-received .woocommerce-thankyou-order-received {
    flex: 1 0 100%;
}

/* Resumen del pedido: pasa a la derecha (o abajo en mobile) */
.woocommerce-order-received .woocommerce-order-overview {
    flex: 1 1 45%;
    order: 2;
}

/* Tarjeta QR: pasa a la izquierda (o arriba en mobile) */
.woocommerce-order-received .woocommerce-order-overview + div {
    flex: 1 1 45%;
    margin: 0 !important;
    order: 1;
}

/* Ocultar header y footer solo en la página "Pedido recibido" / Escaneá para pagar */
.woocommerce-order-received #masthead,
.woocommerce-order-received #colophon {
    display: none !important;
}