/* MARRONI FASHION – Add-to-cart confirmation V2 */
:root { --mcs2-green: #085744; --mcs2-green-hover: #054535; }
.mcs2-success { box-sizing: border-box; font-family: Arial,Helvetica,sans-serif; color:#273e35; }
.mcs2-success * { box-sizing: border-box; }
.alert.mcs2-alert {
  border: 1px solid #d9e8df !important;
  border-left: 5px solid var(--mcs2-green) !important;
  border-radius: 13px !important;
  background: #fff !important;
  box-shadow: 0 12px 30px rgba(10,45,29,.09) !important;
  padding: 20px 22px !important;
  color:#273e35 !important;
  margin: 14px 0 !important;
}
.mcs2-modal .modal-dialog { max-width: 530px; width: calc(100% - 32px); margin: 10vh auto 24px; }
.mcs2-modal .modal-content { overflow: hidden; border:1px solid #d9e8df; border-radius: 17px; box-shadow:0 22px 62px rgba(12,47,35,.20); }
.mcs2-modal .modal-header,.mcs2-modal .modal-footer {display:none!important;}
.mcs2-modal .modal-body {padding:27px 28px!important;}
.mcs2-generic .ui-dialog-titlebar,.mcs2-generic .jconfirm-title-c,.mcs2-generic .jconfirm-buttons,
.mcs2-generic .swal2-title,.mcs2-generic .swal2-actions {display:none!important;}
.mcs2-generic .jconfirm-content,.mcs2-generic .swal2-html-container {overflow:visible!important;}
.mcs2-card {position:relative;display:flex;align-items:flex-start;gap:15px;}
.mcs2-mark {display:flex;flex:0 0 48px;align-items:center;justify-content:center;border-radius:50%;width:48px;height:48px;background:#e9f4ef;color:#08704f;font-size:26px;font-weight:700;line-height:1;}
.mcs2-body {min-width:0;flex:1;}
.mcs2-title {margin:0 23px 7px 0!important;color:var(--mcs2-green)!important;font-size:20px!important;line-height:1.25!important;font-weight:700!important;}
.mcs2-description {margin:0!important;color:#45574e!important;line-height:1.6!important;font-size:14px!important;overflow-wrap:anywhere;}
.mcs2-actions {display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;margin-top:18px;}
/* Inline !important on label protects against older global green-links CSS. */
a.mcs2-action,
a.mcs2-action:link,
a.mcs2-action:visited,
a.mcs2-action:hover,
a.mcs2-action:focus,
#content a.mcs2-action,
#content a.mcs2-action:hover,
.modal a.mcs2-action,
.modal a.mcs2-action:hover {
  display:inline-flex!important;align-items:center;justify-content:center;gap:8px;
  padding:11px 16px!important;border-radius:9px!important;min-height:45px!important;
  font:700 13px/1.3 Arial,Helvetica,sans-serif!important;text-decoration:none!important;
  cursor:pointer!important;opacity:1!important;box-shadow:none!important;
}
a.mcs2-action-primary,a.mcs2-action-primary:link,a.mcs2-action-primary:visited,a.mcs2-action-primary:focus,
a.mcs2-action-primary:hover,
#content a.mcs2-action-primary,#content a.mcs2-action-primary:hover,
.modal a.mcs2-action-primary,.modal a.mcs2-action-primary:hover {
  background:var(--mcs2-green)!important;border:1px solid var(--mcs2-green)!important;color:#fff!important;
}
a.mcs2-action-primary:hover {background:var(--mcs2-green-hover)!important;}
a.mcs2-action-primary *,a.mcs2-action-primary:hover *,a.mcs2-action-primary:focus * {color:#fff!important;opacity:1!important;}
a.mcs2-action-secondary,a.mcs2-action-secondary:link,a.mcs2-action-secondary:visited,
a.mcs2-action-secondary:hover,
#content a.mcs2-action-secondary,#content a.mcs2-action-secondary:hover,
.modal a.mcs2-action-secondary {
  background:#fff!important;border:1px solid #b2c8bb!important;color:var(--mcs2-green)!important;
}
a.mcs2-action-secondary * {color:var(--mcs2-green)!important;}
a.mcs2-action-secondary:hover {background:#eff7f2!important;}
.mcs2-close {position:absolute;right:0;top:-2px;display:inline-flex;align-items:center;justify-content:center;
  width:26px;height:26px;border:0;background:transparent;color:#779288;font-size:26px;line-height:1;
  padding:0;cursor:pointer;opacity:1;}
.mcs2-close:hover {color:var(--mcs2-green);}
.mcs2-note {margin:13px 0 0!important;color:#7e9388!important;font-size:12px!important;}
@media(max-width:520px){
  .mcs2-card{gap:10px;}.mcs2-mark{width:37px;height:37px;flex-basis:37px;font-size:21px;}
  .mcs2-title{font-size:17px!important;}
  .mcs2-actions{flex-direction:column;}.mcs2-actions a.mcs2-action{width:100%;}
  .mcs2-modal .modal-body {padding:22px 15px!important;}
  .alert.mcs2-alert{padding:18px 12px!important;}
}