/* ===========================================================================
   ParkingMudde Number Plate — [pm_plate] shortcode styles
   Indian HSRP-style plate: IND badge (tricolor + IND) + registration text.
   Everything scales from the wrapper's font-size, set by the size modifier.
   ========================================================================= */

.pmplate-wrap{ display:block; }

.pmplate{
  display:inline-flex;
  align-items:stretch;
  vertical-align:middle;
  border:3px solid #16140E;            /* default black edge */
  border-radius:0.5em;
  overflow:hidden;
  font-family:'Space Mono', ui-monospace, monospace;
  line-height:1;
  box-shadow:0 0.4em 1em -0.5em rgba(0,0,0,.45);
  -webkit-font-smoothing:antialiased;
}

/* ---- Plate background colors ---- */
.pmplate--white { background:#ffffff; }
.pmplate--yellow{ background:#FBBA00; }

/* ---- Border colors ---- */
.pmplate--b-black{ border-color:#16140E; }
.pmplate--b-red  { border-color:#E1262B; }

/* ---- IND state badge (blue) ---- */
.pmplate__ind{
  background:#15489E;
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:0.2em;
  padding:0.42em 0.55em;
}
.pmplate__flag{
  width:1.05em;
  height:0.7em;
  border-radius:1px;
  background:linear-gradient(to bottom,#FF8A1E 0 33%,#ffffff 33% 66%,#1A7D3C 66% 100%);
  box-shadow:0 0 0 1px rgba(255,255,255,.25);
}
.pmplate__ind-t{
  font-size:0.42em;
  letter-spacing:0.14em;
  font-weight:700;
  line-height:1;
}

/* ---- Registration text ---- */
.pmplate__reg{
  display:flex;
  align-items:center;
  padding:0.22em 0.7em;
  font-weight:700;
  letter-spacing:0.06em;
  color:#16140E;
  font-size:1em;
  white-space:nowrap;
}

/* ===========================================================================
   SIZES  (set the base font-size; everything else is in em)
   ========================================================================= */
.pmplate--sm{ font-size:16px; }
.pmplate--md{ font-size:22px; }
.pmplate--lg{ font-size:30px; }
.pmplate--xl{ font-size:42px; }

@media (max-width:767px){
  .pmplate--lg{ font-size:26px; }
  .pmplate--xl{ font-size:32px; }
}