/* popup/popup.css — scoped to .tmc-modal */
.tmc-modal[hidden]{display:none}
.tmc-modal{
  position:fixed; inset:0; z-index:9999;
  display:flex; align-items:center; justify-content:center;
  padding:24px; background:rgba(0,0,0,.55); backdrop-filter:blur(2px);
  overscroll-behavior:contain;
}
@supports(height:100dvh){ .tmc-modal{min-height:100dvh} }

.tmc-modal__backdrop{ position:absolute; inset:0; }

.tmc-modal__panel{
  position:relative; width:100%; max-width:540px;
  max-height:min(86vh, 600px); overflow:auto; -webkit-overflow-scrolling:touch;
  background:#fff; color:#111; border:1px solid #ececf1; border-radius:16px;
  box-shadow:0 22px 60px rgba(0,0,0,.28); padding:16px 18px 18px;
}

.tmc-modal__close{
  position:sticky; top:0; margin-left:auto; z-index:2;
  width:38px; height:38px; border-radius:50%;
  border:1px solid #e8e8ee; background:#fff; cursor:pointer;
  font-size:22px; line-height:1; display:grid; place-items:center;
  box-shadow:0 6px 18px rgba(0,0,0,.08);
}
.tmc-modal__close:hover{ filter:brightness(.98) }

.tmc-modal__title{
  margin:8px 4px 12px; font:800 22px/1.25 system-ui,-apple-system,Segoe UI,Roboto,Arial;
}
.tmc-modal__title span{ color:#7a1f2b }

.tmc-lead{ display:grid; gap:10px; }
.tmc-lead input,.tmc-lead select,.tmc-lead textarea{
  width:100%; padding:12px 12px; font:600 14px/1.15 system-ui,-apple-system,Segoe UI,Roboto,Arial;
  border:1px solid #e6e6ea; border-radius:10px; outline:0; background:#fff;
}
.tmc-lead input:focus,.tmc-lead select:focus,.tmc-lead textarea:focus{
  border-color:#e0c6cb; box-shadow:0 0 0 3px rgba(122,31,43,.25);
}
.tmc-lead textarea{ min-height:100px; resize:vertical; }

.tmc-cta{
  display:inline-flex; align-items:center; justify-content:center;
  width:100%; padding:12px 16px; border:0; border-radius:999px;
  font:800 15px/1 system-ui; color:#fff;
  background:linear-gradient(180deg,#7a1f2b,#9b2b38); cursor:pointer;
}
.tmc-cta--sm{ padding:10px 14px; font-size:14px; }
.tmc-cta--ghost{ background:#fff; color:#7a1f2b; border:1px solid #e4c8cd }

.tmc-note{ font:12px/1.4 system-ui; color:#666; margin:2px 0 0 }
.tmc-note a{ color:#7a1f2b }

.tmc-success{ text-align:center; padding:12px 6px }
.tmc-success__icon{
  width:42px; height:42px; border-radius:50%; margin:8px auto 10px;
  display:grid; place-items:center; background:#e9fbf1; color:#0d6b3a; font-weight:800;
  box-shadow:inset 0 0 0 2px #b7efcf;
}

/* Page scroll lock while modal open */
html.tmc-modal-open, body.tmc-modal-open{ overflow:hidden; }
/* put with your popup CSS */
.tmc-error{ color:#b91c1c; font-size:12px; margin:6px 2px 0; }
[aria-invalid="true"]{ border-color:#ef4444!important; box-shadow:0 0 0 3px rgba(239,68,68,.14)!important; }

/* Red helper text under each field */
.tmc-error{
  color:#b91c1c;
  font-size:12px;
  margin:6px 2px 0;   /* space under the input */
}

/* Red border + soft red focus ring when invalid */
[aria-invalid="true"]{
  border-color:#ef4444 !important;
  box-shadow:0 0 0 3px rgba(239,68,68,.14) !important;
}

/* Success takeover */
.tmc-success{display:none}
.tmc-modal__panel.tmc-panel--thanks{padding:24px}
.tmc-modal__panel.tmc-panel--thanks .tmc-success{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  min-height:clamp(320px, 60vh, 560px); text-align:center; gap:10px;
}
.tmc-modal__panel.tmc-panel--thanks form{display:none} /* visually remove form */
.tmc-success__icon{
  width:64px;height:64px;border-radius:50%;display:grid;place-items:center;
  background:#e8f8ee;color:#1b7a4a;font-weight:900;font-size:30px;margin-bottom:4px;
  box-shadow:inset 0 0 0 4px #d6f1e3;
}
.tmc-success__title{margin:6px 0 4px;font:800 24px/1.25 system-ui,Segoe UI,Roboto,Arial}
.tmc-success__sub{margin:0 0 10px;color:#444}
.tmc-cta--ghost{
  width:100%; max-width:420px; padding:12px 16px; border-radius:999px; border:1px solid #e8dfe1;
  background:#fff; color:#7a1f2b; font-weight:800;
}
/* optional: show 6 rows for the multi-select */
.tmc-lead select[multiple]{ min-height: 8.5em; }
/* ===== Country interests dropdown (hard overrides) ===== */
.tmc-modal .tmc-ms{ position:relative; }

.tmc-modal .tmc-ms__button{
  width:100%; padding:12px; text-align:left; cursor:pointer;
  font:600 14px/1.15 system-ui,-apple-system,Segoe UI,Roboto,Arial;
  border:1px solid #e6e6ea; border-radius:10px; background:#fff; outline:0;
}
.tmc-modal .tmc-ms__button[aria-expanded="true"]{
  border-color:#e0c6cb; box-shadow:0 0 0 3px rgba(122,31,43,.25);
}

/* Panel on top of everything */
.tmc-modal .tmc-ms__panel{
  position:absolute; left:0; right:0; z-index:2147483647; /* max */
  margin-top:6px; background:#fff; border:1px solid #e6e6ea; border-radius:10px;
  box-shadow:0 12px 28px rgba(0,0,0,.12);
  max-height:240px; overflow:auto; -webkit-overflow-scrolling:touch; padding:8px;
}

/* Reset any global label/layout rules */
.tmc-modal .tmc-ms__item{
  all: unset; /* wipe inherited global label rules */
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  padding:6px 4px !important;
  cursor:pointer !important;
  user-select:none !important;
  width:100% !important;
  box-sizing:border-box !important;
}
.tmc-modal .tmc-ms__item input{
  all: revert;
  accent-color:#7a1f2b;
  flex:0 0 auto !important;
}
.tmc-modal .tmc-ms__item span{
  all: revert;
  margin:0 !important;
  flex:0 0 auto !important;
  text-align:left !important;
}

/* Prevent red invalid ring leaking to our button */
.tmc-modal .tmc-ms__button[aria-invalid="true"]{
  border-color:#e6e6ea !important;
  box-shadow:none !important;
}