/* Spot offers on the break page: the "Ajánlatot teszek" button in a spot card and the offer dialog (spot-offers.js
   builds it). The design system's look (#222): a secondary pill button, a light dialog with a c-input-like field and
   the gold main button. Colours only from the theme's tokens. */
.cc-spot-offer-button{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:var(--cc-tap-min);
  padding:8px 12px;
  border:1px solid var(--cc-secondary-line);
  border-radius:var(--cc-radius-pill);
  background:var(--cc-secondary-bg);
  color:var(--cc-accent-text);
  box-shadow:var(--cc-shadow-control);
  font-size:var(--cc-font-size-xs);
  font-weight:600;
  line-height:1.25;
  text-align:center;
  cursor:pointer;
  transition:border-color var(--cc-dur) var(--cc-ease);
}
.cc-spot-offer-button:hover{border-color:var(--cc-accent-text)}
.cc-offer-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:18px;background:var(--cc-scrim)}
.cc-offer-dialog{position:relative;width:min(460px,100%);padding:28px 24px;border:1px solid var(--cc-line);border-radius:var(--cc-radius);background:var(--cc-surface-raised);color:var(--cc-ink);box-shadow:var(--cc-shadow-modal)}
.cc-offer-close{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:var(--cc-tap-min);height:var(--cc-tap-min);border:0;border-radius:var(--cc-radius-pill);background:none;color:var(--cc-ink-soft);font-size:28px;line-height:1;cursor:pointer}
.cc-offer-close:hover{color:var(--cc-ink)}
.cc-offer-eyebrow{font-size:var(--cc-font-size-2xs);font-weight:var(--cc-font-weight-black);letter-spacing:.2em;color:var(--cc-accent-text)}
.cc-offer-dialog h3{margin:8px 40px 8px 0;font-size:var(--cc-font-size-2xl);font-weight:800;line-height:1.2}
.cc-offer-dialog label{display:block;margin-top:20px;font-size:var(--cc-font-size-xs);font-weight:700}
.cc-offer-input-wrap{display:flex;align-items:center;margin-top:8px;overflow:hidden;border:1px solid var(--cc-line-strong);border-radius:var(--cc-radius-sm);background:var(--cc-surface-sunken)}
.cc-offer-input-wrap:focus-within{border-color:var(--cc-focus);outline:2px solid var(--cc-focus);outline-offset:1px}
.cc-offer-input{width:100%;min-height:var(--cc-control-height);padding:12px 14px!important;border:0!important;background:transparent!important;color:var(--cc-ink)!important;font-size:var(--cc-font-size-md)!important;font-variant-numeric:tabular-nums;box-shadow:none!important}
.cc-offer-input:focus-visible{outline:none}
.cc-offer-input-wrap span{padding:0 14px;color:var(--cc-ink-soft)}
.cc-offer-help{font-size:var(--cc-font-size-2xs);line-height:1.45;color:var(--cc-ink-soft)}
.cc-offer-submit{
  width:100%;
  min-height:var(--cc-tap-min);
  padding:11px 22px;
  border:1px solid transparent;
  border-radius:var(--cc-radius-pill);
  background:linear-gradient(180deg,color-mix(in srgb,var(--cc-accent-fill-2) 45%,var(--cc-accent-fill)),var(--cc-accent-fill));
  color:var(--cc-on-accent);
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--cc-white) 45%,transparent),var(--cc-shadow-control);
  font-size:var(--cc-font-size-sm);
  font-weight:600;
  cursor:pointer;
}
.cc-offer-submit:hover{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--cc-white) 45%,transparent),var(--cc-shadow-gold)}
.cc-offer-submit:disabled{opacity:.45;cursor:wait}
.cc-offer-message{min-height:22px;margin:10px 0;font-size:var(--cc-font-size-xs)}
.cc-offer-message.is-error{color:var(--cc-bad-ink);font-weight:700}
.cc-offer-message.is-success{color:var(--cc-ok-ink);font-weight:700}
@media(max-width:700px){.cc-offer-dialog{padding:24px 18px}}
@media(prefers-reduced-motion:reduce){.cc-spot-offer-button{transition:none}}