/* Melavlevim Core: front styles. Uses WoodMart CSS vars where available. */
.mlv-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.6;color:#fff;background:#6b7280;vertical-align:middle}
.mlv-badge-oos{background:#9a7a53}
.mlv-badge-presale{background:#397e02}

/* loop card badge (WoodMart .product-wrapper is position:relative) */
.products .product .mlv-badge{position:absolute;top:10px;inset-inline-start:10px;z-index:3}
.products .product.mlv-mode-lead .product-image-link img{opacity:.85}

.mlv-presale-note{margin:0 0 14px;font-size:14px;color:#397e02}

.mlv-lead-block{margin:16px 0 24px;padding:18px;border:1px solid var(--brdcolor-gray-300,#e5e7eb);border-radius:10px;background:#fafaf7}
.mlv-lead-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.mlv-lead-title{margin:0;font-weight:600}
.mlv-lead-form .mlv-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:10px}
@media (max-width:767px){.mlv-lead-form .mlv-row{grid-template-columns:1fr}}
.mlv-lead-form label{display:block;font-size:13px}
.mlv-lead-form label span{display:block;margin-bottom:4px}
.mlv-lead-form input[type=text],.mlv-lead-form input[type=tel],.mlv-lead-form input[type=email]{width:100%}
.mlv-lead-form .mlv-hp{position:absolute;left:-9999px;opacity:0;height:0}
.mlv-lead-form .mlv-privacy{font-size:12px;margin:8px 0 0;color:#666}
.mlv-lead-form .mlv-lead-msg{margin:10px 0 0;font-size:14px;min-height:1em}
.mlv-lead-form .mlv-lead-msg.is-error{color:#b91c1c}
.mlv-lead-form .mlv-lead-msg.is-ok{color:#397e02;font-weight:600}
.mlv-lead-form.is-sent .mlv-row,.mlv-lead-form.is-sent .mlv-lead-submit,.mlv-lead-form.is-sent .mlv-privacy{display:none}

.mlv-alt{margin-top:18px;padding-top:14px;border-top:1px dashed var(--brdcolor-gray-300,#e5e7eb)}
.mlv-alt-title{margin:0 0 10px;font-weight:600}
.mlv-alt-card{display:flex;gap:14px;align-items:center;text-decoration:none;color:inherit}
.mlv-alt-card img{width:96px;height:96px;object-fit:cover;border-radius:8px;flex:0 0 96px}
.mlv-alt-body{display:flex;flex-direction:column;gap:6px}
.mlv-alt-name{font-weight:600}
.mlv-alt-btn{align-self:flex-start}
