/* ==========================================================================
   WASA – Frontend stílus (termékoldal + katalógus)
   ========================================================================== */

/* --- Blokk keret --- */
.wasa-offer-section {
  margin-top: 1.5em;
  padding: 1em;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  background: #fafafa;
}

/* --- Infó és cím --- */
.wasa-offer-info { margin: 0 0 .75em; color:#555; font-size:14px; }
.wasa-info-icon { margin-right:.35em; }
.wasa-offer-title { margin: .25em 0 .5em; font-size: 1.1rem; }

/* --- Állapot üzenetek külön osztályokhoz --- */
.wasa-offer-closed { color:#d63638; font-weight:600; }
.wasa-login-hint { margin-top:.5em; font-size:14px; }

/* --- Aktuális ajánlat szöveg --- */
.wasa-current-offer { margin: .25em 0 .75em; }

/* =========================
   ÚJ: Ajánlat státusz doboz
   ========================= */
.wasa-offer-status{
  display:flex;
  align-items:center;
  gap:.5rem;
  padding:.75rem 1rem;
  border-radius:.5rem;
  font-weight:600;
  margin:.75rem 0 1rem;
  background:#f6f7f7;
  border:1px solid #ddd;
}
.wasa-offer-status__text{ line-height:1.3; }
.wasa-offer-status.is-leading{ background:#e8f7ed; border-color:#b7e1c2; color:#116b2a; }
.wasa-offer-status.is-outbid{ background:#fff4e5; border-color:#ffd79a; color:#7a3d00; }
.wasa-offer-status.is-none{   background:#f5f7ff; border-color:#cfd8ff; color:#2c3e94; }
.wasa-offer-status.is-guest{  background:#f0f0f0; color:#444; }

/* --- Űrlap konténer --- */
.wasa-offer-form { margin-top: .5em; }

/* --- Ajánlat mező (TEXT + ezres tagolás) --- */
.wasa-offer-input {
  width: 100%;
  max-width: 320px;
  padding: 12px 14px;
  font-size: 16px;              /* iOS: 16px alatt fókusz-zoom! */
  line-height: 1.4;
  text-align: right;            /* számokhoz kényelmesebb */
  font-variant-numeric: tabular-nums;
  border: 1px solid #d0d0d0;
  border-radius: 8px;
  background: #fff;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.wasa-offer-input:focus {
  outline: none;
  border-color: #2271b1;
  box-shadow: 0 0 0 3px rgba(34,113,177,.15);
}

/* --- Küldés gomb --- */
#wasa_submit_offer {
  margin-top: .8em;
  min-height: 44px;             /* mobil tap target */
  padding: 10px 16px;
  border-radius: 8px;
}

/* --- Minimum tipp --- */
.wasa-min-hint { margin: .5em 0 0; font-size: 13px; color:#666; }
/* ÚJ: JS figyelmeztetéshez */
.wasa-min-hint.wasa-warning { color:#7a3d00; background:#fff4e5; padding:.25rem .5rem; border-radius:.35rem; display:inline-block; }

/* --- Üzenetek (JS írja) --- */
.wasa-offer-message,
.wasa-checkout-message {
  margin-top: .8em;
  font-size: 14px;
}
.wasa-offer-message.is-success,
.wasa-checkout-message.is-success { color: #198754; }
.wasa-offer-message.is-error,
.wasa-checkout-message.is-error { color: #d63638; }
.wasa-offer-message.is-info,
.wasa-checkout-message.is-info { color: #2271b1; }

/* --- Küldés közben --- */
button.is-busy,
.button.is-busy { opacity:.6; pointer-events:none; }

/* --- Buy-now akciók (JS generálja) --- */
.wasa-buy-now-actions {
  margin-top:10px;
  display:flex; gap:8px; flex-wrap:wrap;
}
.wasa-buy-now-actions .button {
  min-height: 44px;
  padding: 10px 16px;
  border-radius: 8px;
}

/* --- Visszaszámláló --- */
.wasa-countdown { margin: 8px 0 12px; }
.wasa-countdown-label { font-weight: 600; margin-bottom: 4px; }
.wasa-countdown-bar {
  position: relative;
  height: 10px;
  width: 50%;
  background: #eee;
  border: 1px solid #d0d0d0;
  border-radius: 6px;
  overflow: hidden;
}
.wasa-countdown-fill{
  position:absolute;left:0;top:0;bottom:0;
  width:100%;                 /* teljes szélesség, JS állítja a %-ot */
  background:#2271b1;
  transition:width .5s linear, background-color .2s ease;
}
.wasa-countdown-text {
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.2;
}

/* --- Checkout link blokk --- */
.wasa-checkout-link { margin-top: .75em; font-size:14px; }
.wasa-checkout-link a { text-decoration: underline; }

/* --- Katalógus jelvény --- */
.wasa-offer-badge {
  display:inline-block;
  margin-top:6px;
  padding:2px 8px;
  font-size:12px;
  font-weight:600;
  border-radius:999px;
  background:#e6f6ea;
  color:#2e7d32;
  line-height:1.4;
}

/* --- Hiba/állapot keretek (opcionális) --- */
.wasa-offer-input.is-error   { border-color:#d63638; box-shadow: 0 0 0 3px rgba(214,54,56,.12); }
.wasa-offer-input.is-success { border-color:#198754; box-shadow: 0 0 0 3px rgba(25,135,84,.12); }

/* --- Kisebb kijelzők finomhangolás --- */
@media (max-width: 768px) {
  .wasa-countdown-bar { width: 75%; }
}
@media (max-width: 480px) {
  .wasa-offer-section { padding: .9em; }
  .wasa-countdown-bar { width: 100%; }
  .wasa-offer-input { max-width: none; }
}

/* --- High-contrast / fókusz támogatás --- */
@media (prefers-contrast: more) {
  .wasa-offer-input:focus {
    border-color: #0a58ca;
    box-shadow: 0 0 0 3px rgba(10,88,202,.25);
  }
}

/* --- RTL finomítás (ha a site RTL) --- */
html[dir="rtl"] .wasa-offer-input { text-align: left; }