/* ===========================================================================
   ParkingMudde Eyebrow Label — [pm_eyebrow] shortcode styles
   A short accent dash + wide-tracked uppercase mono text.
   ========================================================================= */

.pmeb-wrap{ display:block; }

.pmeb{
  display:inline-flex;
  align-items:center;
  gap:0.7em;
  font-family:'Space Mono', ui-monospace, monospace;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.22em;
  line-height:1.3;
  vertical-align:middle;
}

/* The accent dash */
.pmeb__dash{
  display:inline-block;
  width:1.7em;
  height:0.14em;
  border-radius:99px;
  background:#E1262B;            /* default red */
  flex:none;
}

/* Put the dash after the text when side = right */
.pmeb--dash-right{ flex-direction:row-reverse; }

/* ---- Text colors ---- */
.pmeb--blue  .pmeb__text{ color:#15489E; }
.pmeb--ink   .pmeb__text{ color:#16140E; }
.pmeb--red   .pmeb__text{ color:#E1262B; }
.pmeb--green .pmeb__text{ color:#1A7D3C; }
.pmeb--white .pmeb__text{ color:#ffffff; }

/* ---- Dash colors ---- */
.pmeb--d-red    .pmeb__dash{ background:#E1262B; }
.pmeb--d-blue   .pmeb__dash{ background:#15489E; }
.pmeb--d-yellow .pmeb__dash{ background:#FBBA00; }
.pmeb--d-green  .pmeb__dash{ background:#1A7D3C; }

/* ---- Sizes ---- */
.pmeb--sm{ font-size:11px; letter-spacing:0.2em; }
.pmeb--md{ font-size:13px; }
.pmeb--lg{ font-size:16px; letter-spacing:0.24em; }

@media (max-width:767px){
  .pmeb{ letter-spacing:0.16em; }
  .pmeb--lg{ font-size:14px; }
}