/* Frontend styles (inspired by Letras Corpóreas Customizer look) */
.mgmc-wrap{
  background:#111827;
  color:rgba(255,255,255,0.92);
  border:1px solid rgba(255,255,255,0.10);
  border-radius:18px;
  padding:18px;
  margin:18px 0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
.mgmc-title{margin:0 0 6px;font-size:20px;letter-spacing:0.2px;color:#fff;font-weight:700;}
.mgmc-sub{margin:0 0 14px;color:rgba(255,255,255,0.70);font-size:13px;}

.mgmc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
@media(max-width:860px){.mgmc-grid{grid-template-columns:1fr;}}

.mgmc-card{
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.10);
  border-radius:14px;
  padding:12px;
}
.mgmc-card h3{margin:0 0 10px;font-size:15px;color:rgba(255,255,255,0.88);}

.mgmc-field{margin:0 0 10px;}
.mgmc-field label{display:block;font-size:13px;color:rgba(255,255,255,0.72);margin:0 0 6px;}
.mgmc-field select,.mgmc-field input[type=text],.mgmc-field textarea{
  width:100%;
  background:rgba(0,0,0,0.22);
  color:rgba(255,255,255,0.92);
  border:1px solid rgba(255,255,255,0.16);
  border-radius:10px;
  padding:10px 12px;
  outline:none;
}
.mgmc-field textarea{min-height:70px;}

.mgmc-btnrow{display:flex;gap:8px;flex-wrap:wrap;}
.mgmc-pill{
  border:1px solid rgba(255,255,255,0.16);
  background:rgba(255,255,255,0.04);
  color:rgba(255,255,255,0.88);
  border-radius:999px;
  padding:9px 12px;
  font-size:13px;
  line-height:1.1;
  cursor:pointer;
  -webkit-appearance:none;
  appearance:none;
  -webkit-tap-highlight-color:transparent;
  transition:background .12s ease,border-color .12s ease,transform .08s ease,color .12s ease;
}
.mgmc-pill.is-active{border-color:rgba(255,255,255,0.42);background:rgba(255,255,255,0.09);}

/* Override theme button hovers so all pills behave the same */
.mgmc-wrap button.mgmc-pill,
.mgmc-wrap label.mgmc-pill{
  background:rgba(255,255,255,0.04) !important;
  border:1px solid rgba(255,255,255,0.16) !important;
  color:rgba(255,255,255,0.88) !important;
  box-shadow:none !important;
}
.mgmc-wrap button.mgmc-pill:hover,
.mgmc-wrap label.mgmc-pill:hover,
.mgmc-wrap button.mgmc-pill:focus,
.mgmc-wrap label.mgmc-pill:focus{
  background:rgba(255,255,255,0.07) !important;
  border-color:rgba(255,255,255,0.28) !important;
  color:rgba(255,255,255,0.92) !important;
  outline:none !important;
}
.mgmc-wrap button.mgmc-pill.is-active,
.mgmc-wrap label.mgmc-pill.is-active{
  background:rgba(255,255,255,0.09) !important;
  border-color:rgba(255,255,255,0.42) !important;
}
.mgmc-wrap button.mgmc-pill.is-active:hover,
.mgmc-wrap button.mgmc-pill.is-active:focus,
.mgmc-wrap label.mgmc-pill.is-active:hover,
.mgmc-wrap label.mgmc-pill.is-active:focus{
  background:rgba(255,255,255,0.10) !important;
  border-color:rgba(255,255,255,0.52) !important;
}
.mgmc-wrap button.mgmc-pill:active{transform:translateY(1px);}

.mgmc-swatches{display:flex;flex-wrap:wrap;gap:8px;}
.mgmc-swatch{
  width:28px;height:28px;border-radius:999px;
  border:2px solid rgba(255,255,255,0.20);
  cursor:pointer;position:relative;
}
.mgmc-swatch.is-active{border-color:rgba(255,255,255,0.90);}
.mgmc-swatch span{position:absolute;left:-9999px;}

.mgmc-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.mgmc-price{font-size:22px;font-weight:700;}
.mgmc-muted{color:rgba(255,255,255,0.65);font-size:12px;}
.mgmc-warning{background:rgba(245,158,11,0.14);border:1px solid rgba(245,158,11,0.35);padding:10px 12px;border-radius:12px;color:rgba(255,255,255,0.92);font-size:12px;}

.mgmc-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.mgmc-actions button.button.alt{border-radius:999px;padding:12px 18px;}

/* Make Woo add-to-cart button look ok inside */
.mgmc-wrap .single_add_to_cart_button{border-radius:999px !important;}