/* ===== SALMOBIGGS SHOP MAKEOVER ===== */
.post-type-archive-product .site-main,
.tax-product_cat .site-main,
.tax-product_tag .site-main {
max-width: 1280px;
margin: 0 auto;
}
.post-type-archive-product .woocommerce-products-header,
.tax-product_cat .woocommerce-products-header,
.tax-product_tag .woocommerce-products-header {
margin-bottom: 18px;
}
.post-type-archive-product .page-title,
.tax-product_cat .page-title,
.tax-product_tag .page-title {
font-size: 0 !important;
line-height: 0 !important;
margin: 0 !important;
}
/* barra de resultados y orden */
.woocommerce-result-count,
.woocommerce-ordering select {
color: #5f6f78 !important;
font-size: 15px !important;
}
.woocommerce-ordering select {
border: 1px solid #dde7ec !important;
border-radius: 14px !important;
background: #fff !important;
padding: 12px 16px !important;
min-height: 48px;
}
/* grid general */
ul.products.columns-3,
ul.products.columns-4,
ul.products {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
gap: 26px !important;
margin-top: 28px !important;
}
/* card producto */
ul.products li.product {
background: #ffffff !important;
border: 1px solid #e8eef2 !important;
border-radius: 24px !important;
overflow: hidden !important;
box-shadow: 0 16px 38px rgba(13, 34, 48, 0.06) !important;
transition: all .28s ease !important;
padding: 0 0 22px !important;
text-align: center !important;
}
ul.products li.product:hover {
transform: translateY(-6px) !important;
box-shadow: 0 22px 48px rgba(13, 34, 48, 0.12) !important;
}
/* imagen */
ul.products li.product a img {
width: 100% !important;
aspect-ratio: 1 / 1 !important;
object-fit: cover !important;
margin: 0 !important;
border-radius: 0 !important;
}
/* título */
ul.products li.product .woocommerce-loop-product__title {
font-size: 22px !important;
line-height: 1.3 !important;
color: #163647 !important;
font-weight: 800 !important;
padding: 20px 18px 8px !important;
min-height: 88px;
}
/* precio */
ul.products li.product .price {
color: #5f6f78 !important;
font-size: 20px !important;
font-weight: 700 !important;
margin-bottom: 18px !important;
display: block !important;
}
ul.products li.product .price del {
color: #97a7b0 !important;
opacity: 1 !important;
margin-right: 6px !important;
}
ul.products li.product .price ins {
color: #163647 !important;
text-decoration: none !important;
}
/* botón */
ul.products li.product .button,
ul.products li.product .add_to_cart_button,
ul.products li.product .product_type_simple {
background: #0d2230 !important;
color: #fff !important;
border-radius: 999px !important;
padding: 14px 22px !important;
min-height: 48px !important;
font-weight: 700 !important;
border: none !important;
box-shadow: none !important;
transition: all .25s ease !important;
}
ul.products li.product .button:hover,
ul.products li.product .add_to_cart_button:hover,
ul.products li.product .product_type_simple:hover {
background: #ef8f72 !important;
color: #fff !important;
transform: translateY(-1px) !important;
}
/* badge oferta */
ul.products li.product .onsale {
background: #ef8f72 !important;
color: #fff !important;
border: none !important;
border-radius: 999px !important;
min-width: auto !important;
min-height: auto !important;
line-height: 1 !important;
padding: 10px 14px !important;
font-size: 12px !important;
font-weight: 800 !important;
text-transform: uppercase !important;
top: 14px !important;
right: 14px !important;
left: auto !important;
margin: 0 !important;
box-shadow: 0 10px 24px rgba(239,143,114,0.26) !important;
}
/* paginación */
.woocommerce nav.woocommerce-pagination ul {
border: none !important;
}
.woocommerce nav.woocommerce-pagination ul li {
border: none !important;
margin: 0 4px !important;
}
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a {
border-radius: 999px !important;
min-width: 42px;
min-height: 42px;
display: inline-flex !important;
align-items: center;
justify-content: center;
background: #fff !important;
border: 1px solid #dde7ec !important;
color: #163647 !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
background: #ef8f72 !important;
color: #fff !important;
border-color: #ef8f72 !important;
}
/* mobile */
@media (max-width: 767px) {
ul.products.columns-3,
ul.products.columns-4,
ul.products {
grid-template-columns: 1fr !important;
gap: 20px !important;
}
ul.products li.product .woocommerce-loop-product__title {
font-size: 20px !important;
min-height: auto;
}
.woocommerce-result-count,
.woocommerce-ordering {
width: 100% !important;
float: none !important;
text-align: center !important;
}
.woocommerce-ordering select {
width: 100% !important;
}
}