.mp-pizza-loop-details {
display: none;
}
.mp-pizzas-loop .mp-pizza-loop-details {
display: block;
width: 100%;
max-width: 100%;
margin-top: 12px;
position: relative;
z-index: 20;
}
.mp-pizzas-loop ul.products li.product .price,
.mp-pizzas-loop .woocommerce ul.products li.product .price {
display: none !important;
}
.mp-pizzas-loop .mp-pizza-short-description {
max-width: 330px;
margin: 10px auto 12px;
font-size: 13px;
line-height: 1.45;
color: #1f2a35;
}
.mp-pizzas-loop .mp-pizza-short-description p {
margin: 0;
}
.mp-pizzas-loop .mp-pizza-variations {
display: flex;
width: 100%;
max-width: 100%;
justify-content: space-between;
align-items: flex-start;
gap: 8px;
margin: 12px 0 14px;
position: relative;
z-index: 30;
}
.mp-pizzas-loop .mp-pizza-variation-item {
flex: 1 1 0;
min-width: 0;
position: relative;
z-index: 40;
}
.mp-pizzas-loop .mp-pizza-simple-variations {
justify-content: center;
}
.mp-pizzas-loop .mp-pizza-simple-item {
flex: 0 1 auto;
min-width: 120px;
}
.mp-pizzas-loop .mp-pizza-variation-price {
font-size: 18px;
line-height: 1.1;
font-weight: 500;
color: #1f2a35;
white-space: nowrap;
}
.mp-pizzas-loop .mp-price-currency {
display: inline-block;
margin-left: 4px;
}
.mp-pizzas-loop .mp-pizza-variation-label {
margin-top: 3px;
font-size: 11px;
line-height: 1.2;
color: #333;
white-space: nowrap;
}
.mp-pizzas-loop .mp-pizza-cart-button {
min-width: 92px;
height: 30px;
margin: 7px auto 0;
padding: 0 11px;
border: 0;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
background: #2f8517;
color: #fff;
font-size: 12px;
line-height: 1;
font-weight: 600;
text-decoration: none;
cursor: pointer;
transition: transform 0.2s ease, opacity 0.2s ease, background-color 0.2s ease;
position: relative;
z-index: 50;
pointer-events: auto;
appearance: none;
-webkit-appearance: none;
}
.mp-pizzas-loop .mp-pizza-cart-button:hover,
.mp-pizzas-loop .mp-pizza-cart-button:focus {
color: #fff;
background: #246b11;
transform: translateY(-1px);
}
.mp-pizzas-loop .mp-pizza-cart-button.mp-loading {
pointer-events: none;
opacity: 0.55;
}
.mp-pizzas-loop .mp-pizza-cart-button.mp-added {
background: #1f6f10;
transform: scale(1.08);
}
.mp-pizzas-loop .mp-pizza-cart-svg {
display: block;
flex: 0 0 auto;
}
.mp-pizzas-loop .mp-pizza-cart-text {
display: inline-block;
white-space: nowrap;
} .mp-pizzas-loop a.added_to_cart.wc-forward,
.mp-pizzas-loop .added_to_cart.wc-forward {
display: none !important;
}
@media (max-width: 980px) {
.mp-pizzas-loop .mp-pizza-variations {
gap: 6px;
}
.mp-pizzas-loop .mp-pizza-variation-price {
font-size: 16px;
}
.mp-pizzas-loop .mp-pizza-cart-button {
min-width: 86px;
height: 29px;
font-size: 11px;
padding: 0 10px;
}
} .mp-pizzas-loop .mp-price-takeaway {
display: none;
align-items: baseline;
justify-content: center;
gap: 6px;
white-space: nowrap;
}
.mp-pizzas-loop .mp-price-takeaway del {
opacity: 0.6;
font-size: 0.82em;
font-weight: 400;
}
.mp-pizzas-loop .mp-price-takeaway ins {
text-decoration: none;
font-weight: 700;
}
body.mp-mode-pickup .mp-pizzas-loop .mp-pizza-takeaway-eligible .mp-price-standard {
display: none;
}
body.mp-mode-pickup .mp-pizzas-loop .mp-pizza-takeaway-eligible .mp-price-takeaway {
display: inline-flex;
}