/*
Theme Name: Mythmaker
Theme URI: 
Description: 
Version: 
Author: Novatorius
Author URI: https://www.novatori.us
Tags: 
Template: ollie
License: 
License URI: 
*/

/* ===== Heptagon Badge — tunable variables ===== */
:root{
  --heptagon-stroke-color: #ffffff;/* outline color (baked in SVG below) */
  --heptagon-stroke-width: 2.4;    /* only visual; change in SVG if needed */
  --heptagon-pad: 0.3em;           /* inner breathing room scales with font-size */
  --heptagon-min: 2.75em;          /* minimum badge size so single digits don't get tiny */
}

/* ===== Apply to Group → Styles → Heptagon Badge ===== */
.wp-block-group.is-style-heptagon-badge{
  position: relative;
  display: inline-grid;
  place-items: center;

  /* Content-driven sizing */
  inline-size: fit-content;      /* width follows content + padding */
  padding: var(--heptagon-pad) calc(var(--heptagon-pad) * 1.05);

  /* Keep it square; height follows width */
  aspect-ratio: 1 / 1;

  /* Floor so 1–2 digits don’t collapse */
  min-inline-size: var(--heptagon-min);

  background: transparent;
  isolation: isolate;
  text-align: center;
  line-height: 1;                /* tighter numerals */
}

/* The outline layer tracks the box size automatically */
.wp-block-group.is-style-heptagon-badge::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  /* Inline SVG (regular heptagon). Encode # as %23 */
  background-image: url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="none">\
<polygon points="50,2 86.151,20.5 96.3,58.5 72.5,92 27.5,92 3.7,58.5 13.849,20.5" stroke="%23ffffff" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/>\
</svg>');
}

/* Optional: quick font sizing/spacing modifiers */
.wp-block-group.is-style-heptagon-badge.heptagon--sm { font-size: 0.9rem;  --heptagon-min: 4em;   }
.wp-block-group.is-style-heptagon-badge.heptagon--lg { font-size: 1.5rem;  --heptagon-min: 6.5em; }
.wp-block-group.is-style-heptagon-badge.heptagon--xl { font-size: 2rem;    --heptagon-min: 8em;   }

/* Optional: if the inner content ever wraps, let it wrap and center */
.wp-block-group.is-style-heptagon-badge > *{
  margin: 0;
  text-align: center;
}

#mc_embed_signup{background:#fff; false;clear:left; font:14px Helvetica,Arial,sans-serif; width: 600px;}