/* Inline panel on product page */
.wpo-mc-inline{
  margin:1.5rem 0 0.5rem;
  padding:1.2rem 1.4rem;
  border:1px solid #eee;
  border-radius:8px;
  background:#ffffff;
  max-width:380px;
}
.wpo-mc-inline-title{
  margin:0 0 .5rem;
  font-size:0.95rem;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.wpo-mc-inline-copy{
  margin:0 0 .75rem;
  font-size:0.88rem;
  color:#555;
}
.wpo-mc-btn{
  display:inline-block;
  width:100%;
  margin-top:0.3rem;
  padding:0.9rem 1.8rem;
  background:#00c853;
  color:#fff;
  border:none;
  border-radius:4px;
  font-size:0.95rem;
  letter-spacing:0.06em;
  text-transform:uppercase;
  cursor:pointer;
  text-align:center;
}
.wpo-mc-btn:hover{filter:brightness(0.95);}
.wpo-mc-summary{margin-top:0.5rem;font-size:0.9rem;color:#333;}

/* Modal */
.wpo-mc-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none;}
.wpo-mc-modal-open{display:block;}
.wpo-mc-modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);}
.wpo-mc-modal-dialog{position:relative;max-width:1200px;height:82vh;margin:4vh auto;background:#f7f7f7;border-radius:8px;box-shadow:0 14px 40px rgba(0,0,0,0.25);display:flex;flex-direction:column;padding:1.5rem 1.75rem;}
.wpo-mc-modal-header{border-bottom:1px solid #e0ddd7;padding-bottom:0.8rem;margin-bottom:0.8rem;}
.wpo-mc-modal-header h2{margin:0;font-size:1.25rem;letter-spacing:0.08em;text-transform:uppercase;}
.wpo-mc-modal-subtitle{margin:0.35rem 0 0;font-size:0.9rem;color:#666;}

.wpo-mc-modal-body{flex:1;display:flex;gap:2.25rem;min-height:0;}
.wpo-mc-left{flex:0 0 380px;display:flex;flex-direction:column;justify-content:space-between;}
.wpo-mc-right{flex:1;display:flex;align-items:center;justify-content:center;min-width:0;}

.wpo-mc-dimension-panel{background:#fff;border-radius:6px;padding:1rem 1.1rem;border:1px solid #e0ddd7;}
.wpo-mc-section{margin-bottom:0.75rem;}
.wpo-mc-section label,
.wpo-mc-section-label{
  display:block;
  font-size:0.82rem;
  text-transform:uppercase;
  letter-spacing:0.08em;
  margin-bottom:0.25rem;
}
.wpo-mc-section select{
  width:100%;
  padding:0.5rem 0.6rem;
  font-size:0.9rem;
  border-radius:4px;
  border:1px solid #ccc;
  background:#fafafa;
}

.wpo-mc-mode-toggle{
  display:flex;
  flex-direction:column;
  gap:0.25rem;
  margin-bottom:0.75rem;
}
.wpo-mc-mode-toggle label{
  display:flex;
  align-items:center;
  gap:0.35rem;
  font-size:0.9rem;
  cursor:pointer;
}

.wpo-mc-measurement-toggle{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin:0.4rem 0 0.4rem;
}

.wpo-mc-dimension-row{display:flex;gap:1rem;margin-bottom:1rem;}
.wpo-mc-dimension-field{flex:1;min-width:0;}
.wpo-mc-dimension-field label{display:block;font-size:0.82rem;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:0.35rem;}

.wpo-mc-dimension-input{
  display:grid;
  grid-template-columns: 1fr auto;
  align-items:stretch;
  border:1px solid #ccc;
  border-radius:6px;
  overflow:hidden;
  background:#faf9f7;
}
.wpo-mc-dimension-input input{
  border:none;
  background:transparent;
  padding:0.7rem 0.85rem;
  font-size:1.05rem;
  line-height:1.3;
  width:100%;
  min-width:0;
  box-sizing:border-box;
}
.wpo-mc-dimension-input input:focus{
  outline:none;
  box-shadow:0 0 0 1px #00c853 inset;
}
.wpo-mc-unit-label{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0.7rem 0.85rem;
  font-size:0.9rem;
  white-space:nowrap;
  background:#eee;
  color:#555;
  border-left:1px solid #ccc;
  text-transform:uppercase;
}

.wpo-mc-unit-toggle{display:flex;gap:1rem;font-size:0.88rem;margin-top:0.25rem;margin-bottom:0.5rem;}
.wpo-mc-unit-toggle label{display:flex;align-items:center;gap:0.35rem;cursor:pointer;}

.wpo-mc-price-display{
  margin-top:0.4rem;
  font-size:0.95rem;
  font-weight:600;
  color:#222;
}

.wpo-mc-actions{margin-top:1rem;display:flex;flex-direction:column;gap:0.5rem;}
.wpo-mc-btn-primary{
  width:100%;
  padding:0.85rem 1rem;
  border:none;
  border-radius:6px;
  background:#00c853;
  color:#fff;
  text-transform:uppercase;
  letter-spacing:0.08em;
  font-size:0.95rem;
  cursor:pointer;
}
.wpo-mc-btn-secondary{
  background:#111;
}
.wpo-mc-btn-primary:hover{filter:brightness(0.95);}

.wpo-mc-crop-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.wpo-mc-crop-wrapper{max-width:100%;max-height:100%;border-radius:6px;overflow:hidden;border:1px solid #ddd;background:#000;}
.wpo-mc-crop-wrapper img{max-width:100%;display:block;}

.wpo-mc-modal-close{position:absolute;top:0.75rem;right:0.9rem;border:none;background:transparent;font-size:1.6rem;cursor:pointer;color:#666;}
.wpo-mc-modal-close:hover{color:#000;}

.wpo-mc-body-lock{overflow:hidden;}

/* Simple layout: hide Woo default add-to-cart UI on mural products */
.single-product.wpo-mc-simple-layout .summary .price,
.single-product.wpo-mc-simple-layout .summary .woocommerce-Price-amount,
.single-product.wpo-mc-simple-layout form.cart .button.single_add_to_cart_button,
.single-product.wpo-mc-simple-layout form.cart .variations_form,
.single-product.wpo-mc-simple-layout form.cart .woocommerce-variation-add-to-cart {
  display:none !important;
}

/* Responsive */
@media (max-width:900px){
  .wpo-mc-modal-dialog{height:90vh;margin:3vh auto;padding:1rem;}
  .wpo-mc-modal-body{flex-direction:column;}
  .wpo-mc-left{flex:0 0 auto;}
}