/* MCS shop: market line, "other" block, not-sold text, country dialog. Colours of the live site (Divi): teal #127f7c,
   headings #333, text #666. Like the demo's MarketBanner: small, muted, one line, a hairline below. */
.mcs-mline-wrap { padding-top: 14px }
.mcs-mline { margin: 0 0 22px; padding: 0 0 8px; border-bottom: 1px solid #eee; font-size: 13px; line-height: 1.6; color: #888 }
.mcs-mline p { margin: 0; padding: 0 }
.mcs-mline strong { color: #333; font-weight: 600 }
.mcs-mline .mcs-sep { padding: 0 2px }
.mcs-mline .mcs-market-open { white-space: nowrap }
.mcs-mline a, .mcs-other a { color: #127f7c; text-decoration: underline; text-underline-offset: 2px }
.mcs-mline a:hover, .mcs-other a:hover { color: #4c9491 }
.woocommerce-breadcrumb + .mcs-mline { margin-top: -6px }
.et_pb_wc_breadcrumb .mcs-mline { margin: 10px 0 16px }
.woocommerce > .mcs-mline { margin-bottom: 18px }
/* 'other': where to buy instead + a way back (a note, not an error) */
.mcs-other { margin: 0 0 1.2em; padding: 12px 16px; background: #f4f9f9; border-left: 3px solid #127f7c; color: #333; font-size: 14px; line-height: 1.6 }
.mcs-mline.is-other { border-bottom: 0; padding-bottom: 0; color: #888 }
.mcs-mline.is-other .mcs-other { margin: 0 }
.mcs-mline.is-other > p { padding-bottom: 8px; border-bottom: 1px solid #eee }
.summary .mcs-other { margin: 0 0 1.5em }
/* not sold / other in prices and loops: muted, not an error */
.mcs-notsold, .mcs-other-short { display: block; font-size: 13px; font-weight: 400; line-height: 1.5; color: #888 }
.price .mcs-notsold { font-size: 14px }
.mcs-notsold a { color: #127f7c; text-decoration: underline }
.woocommerce ul.products li.product .price .mcs-notsold, .woocommerce ul.products li.product .mcs-other-short,
.et_pb_shop ul.products li.product .price .mcs-notsold { color: #888 !important; font-size: 13px !important; font-weight: 400 !important }
a.mcs-contact { display: inline-block; margin-top: 4px; font-size: 13px; color: #127f7c; text-decoration: underline }

/* country dialog */
.mcs-dialog { border: 0; border-radius: 4px; padding: 26px 28px 22px; width: min(440px, calc(100% - 32px)); max-height: calc(100% - 32px); overflow: auto;
  box-shadow: 0 12px 40px rgba(0, 0, 0, .25); color: #666; font-size: 14px; line-height: 1.6 }
.mcs-dialog::backdrop { background: rgba(10, 30, 30, .5) }
.mcs-dialog h2 { margin: 0; padding: 0 0 8px; font-size: 22px; line-height: 1.3; color: #333 }
.mcs-dialog form > p { margin: 0; padding: 0 0 14px }
.mcs-opts { list-style: none !important; margin: 0 !important; padding: 0 0 12px !important; border-top: 1px solid #eee }
.mcs-opts li { margin: 0; padding: 0; list-style: none }
.mcs-opts label { display: flex; align-items: center; gap: 12px; margin: 0; padding: 10px 4px; border-bottom: 1px solid #eee; cursor: pointer; color: #333; font-weight: 400 }
.mcs-opts label:hover { background: #f7fbfb }
.mcs-opts input { accent-color: #127f7c; width: 16px; height: 16px; margin: 0; flex: none }
.mcs-opts .mcs-nm { flex: 1 }
.mcs-opts small { color: #999; font-size: 12px; font-family: ui-monospace, Menlo, Consolas, monospace }
.mcs-dialog .mcs-note { padding-bottom: 6px; font-size: 13px; color: #888 }
.mcs-dialog .mcs-actions { display: flex; justify-content: flex-end; gap: 10px; padding: 12px 0 0 }
.mcs-btn { font: inherit; font-size: 15px; font-weight: 600; line-height: 1.4; padding: 8px 18px; border: 2px solid #127f7c; border-radius: 3px; background: #fff; color: #127f7c; cursor: pointer }
.mcs-btn:hover { background: #f4f9f9 }
.mcs-btn.mcs-primary { background: #127f7c; color: #fff }
.mcs-btn.mcs-primary:hover { background: #0f6b68; border-color: #0f6b68 }
.mcs-btn:focus-visible, .mcs-opts input:focus-visible { outline: 2px solid #50b8a8; outline-offset: 2px }
.mcs-busy, .mcs-busy * { cursor: progress !important }
@media (max-width: 480px) {
  .mcs-dialog { padding: 22px 18px 18px }
  .mcs-dialog .mcs-actions .mcs-btn { flex: 1 }
}