/**
 * Madam mark — replaces the red "." after titles with a chic italic-M trademark badge.
 * Keeps existing markup; works via background-image + color: transparent.
 * Loaded site-wide.
 */

.ma-panel__dot,
.ma-section__dot,
.ma-brand__dot,
.ma-hero__dot {
  display: inline-block;
  vertical-align: .18em;
  margin-left: .18em;
  width: .48em;
  height: .48em;
  color: transparent !important;
  background-color: var(--ma-accent);   /* badge circle — follows the admin accent color */
  border-radius: 50%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  text-shadow: none;
  overflow: hidden;
  flex: 0 0 auto;
  /* Default = variant 1 (italic serif). JS rotates to other variants per element. */
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M5.4 18 L7.7 6.4 L9.4 6.4 L12 13.6 L14.7 6.4 L16.3 6.4 L18.6 18 L16.9 18 L15.5 9.3 L12.9 16.5 L11.1 16.5 L8.5 9.3 L7.1 18 Z' fill='%23ffffff' transform='skewX(-9) translate(2 0)'/></svg>");
}

/* Variant 1 — italic serif (Bodoni-italic, thin/thick contrast, slanted) */
[data-mvar="1"] {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><text x='12' y='17.5' text-anchor='middle' font-family='Didot,%22Bodoni 72%22,Georgia,serif' font-style='italic' font-weight='400' font-size='15' fill='%23ffffff'>M</text></svg>") !important;
}

/* Variant 2 — chunky geometric sans (block, upright, monospaced feel) */
[data-mvar="2"] {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g fill='%23ffffff'><rect x='5' y='6.5' width='2.4' height='11'/><rect x='16.6' y='6.5' width='2.4' height='11'/><polygon points='5,6.5 7.4,6.5 12,12.6 16.6,6.5 19,6.5 19,8.5 13.4,15.4 10.6,15.4 5,8.5'/></g></svg>") !important;
}

/* Variant 3 — chancery / handwritten (contained, no flourish overflow) */
[data-mvar="3"] {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><text x='12' y='16.6' text-anchor='middle' font-family='%22Apple Chancery%22,%22ITC Zapf Chancery%22,%22Lucida Calligraphy%22,Chancery,cursive' font-style='italic' font-weight='700' font-size='13' fill='%23ffffff'>M</text></svg>") !important;
}

/* ============== Sizing in specific contexts ============== */

/* Menu — large links, scale badge way down so it reads as a trademark */
.ma-menu__list .ma-panel__dot,
.ma-menu__list .ma-section__dot,
.ma-menu__list .ma-hero__dot,
.ma-menu__list .ma-brand__dot {
  width: .26em;
  height: .26em;
  vertical-align: .42em;
  margin-left: .12em;
}

/* Smaller in big title contexts so it reads as a true trademark */
.ma-panel__title .ma-panel__dot,
.ma-hero__title  .ma-hero__dot,
.ma-section__title .ma-section__dot,
.ma-visit-head__title .ma-panel__dot,
.ma-hero-cinema__title .ma-panel__dot {
  width: .32em;
  height: .32em;
  vertical-align: .26em;
}

/* Even smaller in editorial mega-titles — discreet trademark badge */
.ma-ed__h1 .ma-panel__dot,
.ma-ed__h2 .ma-panel__dot {
  width: .18em;
  height: .18em;
  vertical-align: .42em;
  margin-left: .12em;
}

/* Brand badge — tight against the wordmark */
.ma-brand__dot {
  width: .42em;
  height: .42em;
  margin-left: .1em;
  vertical-align: .15em;
}