/*
 * Plugixa Car Parking — extras on the booking form.
 *
 * Hand-written and shipped as it is: there is nothing to build. It loads after
 * the public stylesheet, uses that file's tokens, and is written under the same
 * doubled wrapper class so it carries the same weight against a theme.
 */
.pcp-ui.pcp-ui .pcp-addons { display: block; }
.pcp-ui.pcp-ui .pcp-addon-list { display: grid; gap: 10px; }

.pcp-ui.pcp-ui .pcp-addon {
  align-items: center;
  background: var(--pcp-surface);
  border: 1px solid var(--pcp-border);
  border-radius: var(--pcp-radius-md, var(--pcp-radius));
  display: flex;
  gap: 12px;
  min-height: 56px;
  padding: 10px 16px;
  transition: background-color .15s, border-color .15s, box-shadow .15s;
}
.pcp-ui.pcp-ui label.pcp-addon { cursor: pointer; }
.pcp-ui.pcp-ui label.pcp-addon:hover { background: var(--pcp-primary-softer); border-color: var(--pcp-primary-border); }
.pcp-ui.pcp-ui .pcp-addon:focus-within { outline: 2px solid var(--pcp-focus); outline-offset: 2px; }
.pcp-ui.pcp-ui .pcp-addon.is-selected {
  background: var(--pcp-primary-softer);
  border-color: var(--pcp-primary-text);
  box-shadow: inset 0 0 0 1px var(--pcp-primary-text);
}
.pcp-ui.pcp-ui .pcp-addon .pcp-addon-check { margin: 0; }

.pcp-ui.pcp-ui .pcp-addon-info {
  align-items: baseline;
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  gap: 2px 12px;
  justify-content: space-between;
  min-width: 0;
}
.pcp-ui.pcp-ui .pcp-addon-name { font-weight: 600; overflow-wrap: anywhere; }
.pcp-ui.pcp-ui .pcp-addon-price { color: var(--pcp-text-muted); font-size: var(--pcp-text-sm); font-variant-numeric: tabular-nums; white-space: nowrap; }

.pcp-ui.pcp-ui .pcp-addon .pcp-input.pcp-addon-qty {
  flex: 0 0 auto;
  min-height: 40px;
  padding: 6px 8px;
  text-align: center;
  width: 76px;
}

/* The minimal design fills its choices instead of edging them. */
.pcp-ui.pcp-ui[data-pcp-design="minimal"] .pcp-addon { background: var(--pcp-surface-2); border-color: transparent; }
.pcp-ui.pcp-ui[data-pcp-design="minimal"] .pcp-addon.is-selected { background: var(--pcp-primary-softer); border-color: var(--pcp-primary-text); }