/* ===== Muscat Mums "Under Construction" Notice ===== */
.mm-under-construction {
  background-color: #fdf9f5; /* soft neutral backdrop */
  border: 3px solid #82B186; /* sage green border */
  border-radius: 12px;
  padding: 25px;
  text-align: center;
  color: #333;
  font-family: inherit;
  margin: 30px auto;
  max-width: 700px;
  box-shadow: 0 3px 8px rgba(0,0,0,0.1);
}

.mm-under-construction h2 {
  color: #ED6B7F; /* rose pink headline */
  margin-bottom: 15px;
}

.mm-under-construction p {
  font-size: 16px;
  line-height: 2;
}
/* Under-construction notice */
.mm-under-construction {
  background-color:#fdf9f5;
  border:3px solid #82B186;      /* sage green */
  border-radius:12px;
  padding:25px;
  text-align:center;
  color:#333;
  margin:30px auto;
  max-width:700px;
  box-shadow:0 3px 8px rgba(0,0,0,0.1);
}
.mm-under-construction h2 { color:#ED6B7F; margin-bottom:10px; }  /* rose pink */
.mm-under-construction p { font-size:16px; line-height:2; }

/* ===== Muscat Mums Header Styling ===== */
.logo-header {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  padding: 15px 0;
  border-top: 5px solid #82B186;   /* Sage green */
  border-bottom: 5px solid #ED6B7F; /* Rose pink */
  text-align: center;
}

/* Control the logo image size */
.logo-header img {
  max-height: 100 
  }

/* ===== Muscat Mums — Membership Application Polish ===== */
/* Use your custom class first */
.membership-form-mm,
#id_id_eovZp2m {                           /* fallback: target by the gadget HTML ID */
  max-width: 900px !important;
  margin: 0 auto 40px auto !important;   /* center the whole gadget */
  background: #fff !important;
  border: 2px solid #82B186 !important;  /* sage green */
  border-radius: 12px !important;
  box-shadow: 0 3px 10px rgba(0,0,0,.08) !important;
  padding: 28px 34px !important;
}

/* WA wraps the form in an inner container — catch both common wrappers */
.membership-form-mm .WaGadgetMembershipApplication,
.membership-form-mm .WaGadgetMembershipApplicationForm,
#id_eovZp2m .WaGadgetMembershipApplication,
#id_eovZp2m .WaGadgetMembershipApplicationForm {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

/* Title / headings */
.membership-form-mm h1, .membership-form-mm h2, .membership-form-mm h3,
#id_eovZp2m h1,       #id_eovZp2m h2,       #id_eovZp2m h3 {
  color: #ED6B7F !important;                 /* rose pink */
  text-align: center !important;
  margin: 0 0 14px 0 !important;
  font-weight: 700 !important;
}

/* Level summary panel */
.membership-form-mm .membershipLevel,
#id_eovZp2m .membershipLevel {
  background: #fdf9f5 !important;
  border-left: 6px solid #82B186 !important;
  border-radius: 8px !important;
  padding: 14px 18px !important;
  margin: 14px 0 22px 0 !important;
}

/* Labels & help text */
.membership-form-mm label,
#id_eovZp2m label {
  font-weight: 600 !important;
  color: #333 !important;
}

/* Inputs */
.membership-form-mm input[type="text"],
.membership-form-mm input[type="email"],
.membership-form-mm input[type="tel"],
.membership-form-mm select,
.membership-form-mm textarea,
#id_eovZp2m  input[type="text"],
#id_eovZp2m  input[type="email"],
#id_eovZp2m  input[type="tel"],
#id_eovZp2m  select,
#id_eovZp2m  textarea {
  width: 100% !important;
  border: 1px solid #cfcfcf !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
  transition: border-color .2s ease !important;
  box-sizing: border-box !important;
}

.membership-form-mm input:focus,
.membership-form-mm select:focus,
.membership-form-mm textarea:focus,
#id_eovZp2m  input:focus,
#id_eovZp2m  select:focus,
#id_eovZp2m  textarea:focus {
  border-color: #82B186 !important;
  outline: none !important;
}

/* Buttons (Submit/Next) */
.membership-form-mm input[type="submit"],
.membership-form-mm button[type="submit"],
#id_eovZp2m  input[type="submit"],
#id_eovZp2m  button[type="submit"] {
  background: #82B186 !important;           /* sage green */
  color: #fff !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 12px 22px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .3px !important;
  cursor: pointer !important;
  transition: all .25s ease !important;
  box-shadow: 0 2px 6px rgba(0,0,0,.12) !important;
}

.membership-form-mm input[type="submit"]:hover,
.membership-form-mm button[type="submit"]:hover,
#id_eovZp2m  input[type="submit"]:hover,
#id_eovZp2m  button[type="submit"]:hover {
  background: #ED6B7F !important;           /* rose pink hover */
  box-shadow: 0 4px 10px rgba(0,0,0,.18) !important;
  transform: translateY(-1px) !important;
}

/* Mandatory note & small text */
.membership-form-mm .mandatoryNote,
#id_eovZp2m  .mandatoryNote {
  color: #ED6B7F !important;
  text-align: right !important;
  font-size: .9rem !important;
}
/* ===== Make the Muscat Mums Instagram icon white ===== */
.mm-instagram-icon img,
.mm-instagram-icon svg {
  filter: brightness(0) invert(1) !important;  /* turns black icons white */
}