/* ==========================================================================
   URSUS Core — ajándék
   Csak tájékoztat: az ajándék magától kerül a kosárba, nincs mit
   választani. Alapból SÖTÉT felületre készül (termékoldali vásárlási
   panel, pop-up). A téma tokenjeire épül, tartalék értékekkel.
   ========================================================================== */

.ug{
  --ug-tx:var(--u-tx-d,#DEDAD3);
  --ug-tx2:var(--u-tx-d2,#A6A29B);
  --ug-line:var(--u-line-d,rgba(255,255,255,.13));
  --ug-card:rgba(205,127,50,.08);
  --ug-accent:var(--u-bronze,#CD7F32);
  --ug-r:var(--u-r,4px);
  margin:0;padding:0;border:0;min-width:0;color:var(--ug-tx);
}

/* --- Fejléc ---------------------------------------------------------------- */
.ug-head{
  display:flex;align-items:center;gap:8px;
  margin:0 0 10px;font-size:.9rem;line-height:1.3;
}
.ug-head__icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:26px;height:26px;border-radius:var(--ug-r);
  background:rgba(205,127,50,.12);color:var(--ug-accent);
}
.ug-head b{font-weight:700;color:var(--ug-tx)}

/* --- Az ajándék(ok) -------------------------------------------------------- */
.ug-opts{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}
.ug-opt{
  display:grid;grid-template-columns:48px minmax(0,1fr);
  align-items:center;gap:12px;padding:8px 12px 8px 8px;
  background:var(--ug-card);border:1px solid rgba(205,127,50,.35);border-radius:var(--ug-r);
}
.ug-opt__media{
  display:block;width:48px;height:48px;overflow:hidden;
  border-radius:calc(var(--ug-r) - 1px);background:rgba(255,255,255,.06);
}
.ug-opt__media img{width:100%;height:100%;object-fit:cover;display:block;margin:0}
.ug-opt__text{display:flex;flex-direction:column;gap:2px;min-width:0}
.ug-opt__name{
  font-size:.86rem;font-weight:500;line-height:1.3;color:var(--ug-tx);
  overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
}

/* Ár: eredeti áthúzva, mellette „Ajándék”. Kosárban és rendelésnél is ez. */
.ug-price{display:inline-flex;align-items:baseline;gap:6px;flex-wrap:wrap;font-size:.8rem}
.ug-price del{opacity:.55;font-weight:400}
.ug-price b{color:var(--u-bronze,#CD7F32);font-weight:700;letter-spacing:.02em}

/* --- Termékoldal: a vásárlási panelen, a mennyiség és a gomb FÖLÖTT -------- */
.ug--product{flex:1 0 100%;order:-1;margin-bottom:6px}
.ug-note{margin:8px 0 0;font-size:.78rem;line-height:1.5;color:var(--ug-tx2)}

/* --- Pop-up ---------------------------------------------------------------- */
.ug--popup{margin:16px 0 4px;padding-top:16px;border-top:1px solid var(--ug-line)}

/* Az ajándéktétel a kosárban: bronz bal szegély, hogy összetartozzon a fő tétellel. */
.uc-item--gift{box-shadow:inset 3px 0 0 var(--u-bronze,#CD7F32);padding-left:10px}

/* A kosár- és pénztártáblában a világos papíron is olvasható legyen az ár. */
.woocommerce-cart-form .ug-price b,
.woocommerce-checkout-review-order .ug-price b{color:var(--u-bronze-ink,#8A4F0E)}