/* Moroccan plate field (assets/js/admin-plate.js).
 * The plate scales with the width of its box: every size is a multiple of --u (px per plate unit, a real plate is 520 units wide). */
.adcr-pe { container-type: inline-size; max-width: 470px; margin: 4px 0 2px; }
.adcr-pe__bar { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin: 0 0 8px; }
.adcr-pe .adcr-pe__bar select { width: auto; max-width: 100%; min-height: 30px; }
.adcr-pe .adcr-pe__new { display: inline-flex; align-items: center; gap: 6px; font-weight: 400; margin: 0; }
.adcr-pe .adcr-pe__new input { width: auto; margin: 0; }
.adcr-pe .adcr-pe__new[hidden] { display: none; }

.adcr-plate { --u: min(.9px, calc(100cqw / 520)); position: relative; display: flex; align-items: center; box-sizing: border-box; height: calc(88 * var(--u)); padding: 0 calc(13 * var(--u));
	background: linear-gradient(180deg, #fff, #f3f3f1); color: #111; border: max(2px, calc(5 * var(--u))) solid #111; border-radius: calc(15 * var(--u));
	box-shadow: 0 5px 16px rgba(0, 0, 0, .2), inset 0 0 0 2px #fff; font-family: Helvetica, Arial, sans-serif; }
.adcr-plate:focus-within { outline: 3px solid #2271b1; outline-offset: 2px; }
.adcr-plate.is-w18 { color: #c4161c; }
.adcr-plate__cell { position: relative; display: flex; align-items: center; justify-content: center; height: 100%; }
.adcr-plate__num { flex: 1 1 auto; min-width: 0; }
.adcr-plate .adcr-plate__num input { width: 100%; min-width: 0; height: 100%; padding: 0; margin: 0; border: 0; box-shadow: none; background: transparent; color: inherit; text-align: center;
	font: 700 calc(48 * var(--u)) / 1 Helvetica, Arial, sans-serif; letter-spacing: .02em; outline: 0; min-height: 0; }
.adcr-plate .adcr-plate__num input::placeholder { color: #c8c8c4; font-weight: 700; }
.adcr-plate.is-other .adcr-plate__num input { font-size: calc(34 * var(--u)); }
.adcr-plate__sep { flex: none; box-sizing: border-box; width: calc(14 * var(--u)); height: calc(64 * var(--u)); margin: 0 calc(8 * var(--u)); border-left: max(2px, calc(4 * var(--u))) solid #111; border-right: max(2px, calc(4 * var(--u))) solid #111; }
.adcr-plate.is-w18 .adcr-plate__sep { border-color: #c4161c; }
.adcr-plate__let { flex: none; width: calc(84 * var(--u)); }
.adcr-plate__reg { flex: none; width: calc(86 * var(--u)); }
.adcr-plate__reg b { font: 700 calc(48 * var(--u)) / 1 Helvetica, Arial, sans-serif; letter-spacing: .02em; }
.adcr-plate__glyph { display: block; width: calc(62 * var(--u)); height: calc(62 * var(--u)); }
.adcr-plate__glyph svg { display: block; width: 100%; height: 100%; fill: #111; }
.adcr-plate__ph { display: block; text-align: center; font: 700 calc(34 * var(--u)) / calc(62 * var(--u)) Helvetica, Arial, sans-serif; color: #c8c8c4; }
.adcr-plate .adcr-plate__cell select { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; opacity: 0; cursor: pointer; font-size: 16px; }
.adcr-plate .adcr-plate__let:hover, .adcr-plate .adcr-plate__reg:hover { background: rgba(0, 0, 0, .06); border-radius: calc(9 * var(--u)); }
.adcr-plate__fixed { flex: 1 1 auto; text-align: center; font: 700 calc(48 * var(--u)) / 1 Helvetica, Arial, sans-serif; }
.adcr-plate.is-w18 .adcr-plate__fixed { flex: 0 0 auto; padding: 0 calc(8 * var(--u)); min-width: calc(64 * var(--u)); }
.adcr-plate__lat { flex: none; width: calc(42 * var(--u)); text-align: center; font: 700 calc(34 * var(--u)) / 1 Helvetica, Arial, sans-serif; }
.adcr-plate__ma { flex: none; margin-left: calc(9 * var(--u)); padding: calc(10 * var(--u)) calc(4 * var(--u)); border: max(1.5px, calc(3 * var(--u))) solid #111; border-radius: calc(6 * var(--u)); font: 700 calc(16 * var(--u)) / 1 Helvetica, Arial, sans-serif; }
.adcr-plate.is-newfmt .adcr-plate__reg { width: calc(72 * var(--u)); }
.adcr-plate.is-newfmt .adcr-plate__let { width: calc(60 * var(--u)); }
.adcr-plate.is-newfmt .adcr-plate__glyph { width: calc(50 * var(--u)); height: calc(50 * var(--u)); }
.adcr-pe__city { min-height: 16px; margin: 6px 0 0 !important; font-size: 12.5px; color: #50575e; }