/** * PAL Dealer Code Gate — form skin. * * Scoped under .pal-dcg-gate so nothing leaks into the theme. Typography and * colors are INHERITED from the theme (font: inherit; color: inherit); we only * set spacing, the input affordance, and tap-target sizing. The submit button * reuses Elementor's .elementor-button class to match site buttons; the * :not(.elementor-button) fallback only applies if Elementor isn't present. * * The hide/reveal of the VIN widget is owned by the critical inline CSS in * (PAL_DCG_Gate::print_critical_css), not this file. */ .pal-dcg-gate { font: inherit; color: inherit; margin: 0 0 1rem; max-width: 34rem; } .pal-dcg-gate__heading { margin: 0 0 .35em; font-size: 1.3em; line-height: 1.25; } .pal-dcg-gate__help { margin: 0 0 .9em; opacity: .85; line-height: 1.45; } .pal-dcg-gate__row { display: flex; flex-wrap: wrap; gap: .5rem; align-items: flex-end; } .pal-dcg-gate__field { display: flex; flex: 1 1 14rem; flex-direction: column; min-width: 0; } .pal-dcg-gate__label { margin-bottom: .35em; font-size: .8em; font-weight: 600; letter-spacing: .02em; text-transform: uppercase; opacity: .8; } .pal-dcg-gate__input { min-height: 44px; padding: .55rem .75rem; border: 1px solid rgba(0, 0, 0, .25); border-radius: 4px; font: inherit; color: inherit; background: #fff; } .pal-dcg-gate__input:focus { outline: 2px solid currentColor; outline-offset: 1px; border-color: currentColor; } .pal-dcg-gate__submit { min-height: 44px; cursor: pointer; white-space: nowrap; } .pal-dcg-gate__submit[disabled] { opacity: .6; cursor: default; } /* Fallback skin only when Elementor button styles aren't on the page. */ .pal-dcg-gate__submit:not(.elementor-button) { padding: .6rem 1.2rem; border: 0; border-radius: 4px; background: #111; color: #fff; font: inherit; font-weight: 600; } .pal-dcg-gate__msg { margin: .6em 0 0; color: #b00020; font-size: .92em; line-height: 1.4; } .pal-dcg-gate__msg:empty { display: none; } /* Stack on narrow screens; full-width tap targets. */ @media (max-width: 480px) { .pal-dcg-gate__field, .pal-dcg-gate__submit { flex: 1 1 100%; width: 100%; } }