/* LILIOR – 3. krok košíku: Bonusový program + osobní údaje (v3)
   state-1 = přihlášený s kreditem, state-2 = nepřihlášený (výzva k registraci). */

.llr-cob{
  --c-p:#e0899f;--c-pd:#a8466a;--c-ps:#fdf3f6;--c-pl:#f3d6df;
  --c-v:#6F4D86;--c-vs:#f7f3fa;--c-vl:#e6dcee;--c-vd:#5b3f72;--c-tx:#2b2226;--c-mu:#6b6272;--c-line:#ece6ef;
}

/* ========== karta sekce ========== */
fieldset.llr-cob{
  box-sizing:border-box;margin:6px 0 26px!important;padding:20px 22px 18px!important;
  background:#fff!important;border:1px solid var(--c-pl)!important;border-radius:18px!important;
  color:var(--c-tx)!important;font-size:14px;line-height:1.5;box-shadow:0 1px 2px rgba(43,34,38,.04)
}
.llr-cob *{box-sizing:border-box}

.llr-cob h4{
  display:flex;align-items:center;gap:9px;
  margin:0 0 16px!important;padding:0!important;border:0!important;
  font-size:16px!important;font-weight:700!important;line-height:1.3;
  color:var(--c-tx)!important;text-transform:none!important;letter-spacing:0!important
}
.llr-cob h4::after{content:"";flex:1;height:1px;background:var(--c-line)}
.llr-cob__ico{flex:0 0 30px;height:30px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:50%;background:var(--c-ps);color:var(--c-pd)}
.llr-cob__ico svg{width:17px;height:17px;display:block;fill:currentColor}

.llr-cob [style*="grid-template-columns"]{margin:0!important}

/* ========== společné ========== */
.llr-cob .card,
.llr-cob .card-title,
.llr-cob .card-text,
.llr-cob .card-actions{
  margin:0!important;padding:0!important;background:none!important;
  border:0!important;box-shadow:none!important;text-align:left!important
}
.llr-cob .card-title{font-size:14px!important;font-weight:400!important;line-height:1.45!important;
  color:var(--c-tx)!important}
.llr-cob p,.llr-cob .card-text{color:var(--c-tx)!important;margin:0!important}
.llr-cob b,.llr-cob strong{color:var(--c-pd)!important;font-weight:700}
.llr-cob a{color:var(--c-v);text-decoration:underline;text-underline-offset:2px;
  text-decoration-color:var(--c-pl)}
.llr-cob a:hover{text-decoration-color:currentColor}

/* ========== STATE-1: přihlášený ========== */
.llr-cob .checkout-info-container{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;
  align-items:stretch!important;margin:0 0 14px!important
}
.llr-cob .checkout-info-container>.card{
  padding:13px 15px!important;border-radius:13px!important;
  background:#fbfafc!important;border:1px solid var(--c-line)!important
}
.llr-cob .checkout-info-container>.card.blue,
.llr-cob .checkout-info-container>.card:nth-child(2){
  background:var(--c-ps)!important;border-color:var(--c-pl)!important
}
.llr-cob .checkout-info-container .card-title{
  font-size:12.5px!important;font-weight:600!important;color:var(--c-mu)!important;
  text-transform:uppercase;letter-spacing:.03em;margin-bottom:5px!important
}
.llr-cob .checkout-info-container .card-text{
  display:flex;align-items:baseline;gap:5px;font-size:14px!important
}
/* velké číslo JEN v dlaždicích stavu konta */
.llr-cob .checkout-info-container .credit-value{
  font-size:26px!important;font-weight:800!important;line-height:1.05!important;
  color:var(--c-pd)!important;font-variant-numeric:tabular-nums;letter-spacing:-.01em
}
.llr-cob .credit-name{font-weight:600;color:var(--c-tx)}

.llr-cob .llr-use{
  margin:0!important;padding:15px 16px!important;
  border:1px solid var(--c-pl)!important;border-radius:14px!important;
  background:linear-gradient(180deg,#fff,var(--c-ps))!important
}
.llr-cob .llr-use .card-title{font-size:14.5px!important;font-weight:600!important;margin-bottom:10px!important}
.llr-cob .checkout-credit-inputs-container>div{gap:12px!important}
.llr-cob .checkout-credit-inputs-container>div>div:first-child{
  display:flex!important;gap:0!important;max-width:320px
}
.llr-cob input.credit-input{
  width:100%!important;height:44px;padding:0 14px!important;
  border:1px solid var(--c-pl)!important;border-right:0!important;
  border-radius:11px 0 0 11px!important;background:#fff;
  font-size:16px!important;font-weight:700;color:var(--c-tx);text-align:left!important;
  font-variant-numeric:tabular-nums;-moz-appearance:textfield
}
.llr-cob input.credit-input:focus{outline:2px solid var(--c-pd);outline-offset:-2px;position:relative;z-index:1}
.llr-cob .checkout-credit-inputs-container .btn{
  flex:0 0 auto;height:44px;padding:0 20px!important;
  border:0!important;border-radius:0 11px 11px 0!important;
  background:var(--c-pd)!important;color:#fff!important;
  font-size:14px!important;font-weight:600!important;line-height:44px!important;
  text-transform:none!important;letter-spacing:0!important;cursor:pointer;transition:background .15s
}
.llr-cob .checkout-credit-inputs-container .btn:hover{background:#8f3a59!important}
.llr-cob .checkout-credit-inputs-container a{
  justify-self:start;font-size:13.5px;font-weight:600;color:var(--c-pd);
  text-decoration-color:var(--c-pl)
}
.llr-cob__max{display:block;margin-top:6px;font-size:12.5px;color:var(--c-mu)}

/* ========== STATE-2: nepřihlášený ========== */

/* proužek „za tuto objednávku Vám připíšeme" – decentní, číslo jen mírně zvětšené */
.llr-cob__earn{
  display:flex;align-items:center;gap:9px;margin:0 0 14px!important;padding:11px 13px!important;
  background:var(--c-ps);border-radius:12px;font-size:13.5px;line-height:1.45
}
.llr-cob__earn svg{flex:0 0 17px;width:17px;height:17px;
  fill:none;stroke:var(--c-pd);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.llr-cob__earn .credit-value{
  font-size:15px!important;font-weight:700!important;color:var(--c-pd)!important;
  font-variant-numeric:tabular-nums
}
.llr-cob__earn .credit-name{font-size:13.5px;font-weight:600}

/* výzva k registraci */
.llr-cob .llr-join{
  margin:0!important;padding:18px 18px 16px!important;
  border:1px solid var(--c-vl)!important;border-radius:14px!important;
  background:linear-gradient(180deg,#fff,var(--c-vs))!important
}
.llr-cob .llr-join .card-title{
  font-size:15px!important;font-weight:600!important;color:var(--c-vd)!important;
  margin-bottom:2px!important
}
.llr-cob .llr-join .card-text{
  display:flex;align-items:baseline;gap:7px;
  font-size:28px!important;font-weight:800!important;line-height:1.1!important;
  font-variant-numeric:tabular-nums;letter-spacing:-.01em
}
.llr-cob .llr-join .card-text *{font-size:inherit!important}
.llr-cob__num{color:var(--c-vd)!important}
.llr-cob__unit{color:var(--c-pd)!important}

.llr-cob__lead{margin:8px 0 0!important;font-size:13.5px!important;color:var(--c-mu)!important;line-height:1.5}

.llr-cob__cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:14px}
.llr-cob__btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:12px 22px;border-radius:999px;border:1px solid var(--c-pd);
  background:var(--c-pd);color:#fff!important;
  font-size:14.5px;font-weight:700;line-height:1.2;text-decoration:none!important;
  transition:background .15s,border-color .15s
}
.llr-cob__btn:hover,.llr-cob__btn:focus-visible{background:var(--c-vd);border-color:var(--c-vd);color:#fff!important}
.llr-cob__btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round}
.llr-cob__alt{font-size:13.5px;font-weight:600;color:var(--c-vd)!important;text-decoration-color:var(--c-vl)}

/* checkbox doplňku se nepoužívá – zákazník jde přes tlačítka výše */
.llr-cob .llr-join .card-actions{display:block!important;padding:0!important}
.llr-cob .llr-reg,
#checkoutContent .llr-hidden-reg{
  position:absolute!important;width:1px!important;height:1px!important;
  margin:-1px!important;padding:0!important;border:0!important;
  overflow:hidden!important;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap
}

/* ========== osobní údaje ========== */
#checkoutContent .co-contact-information .login-from-cart{
  display:inline-flex!important;align-items:center;gap:8px;
  padding:11px 20px!important;border:1px solid #a8466a!important;border-radius:999px!important;
  background:#fff!important;color:#a8466a!important;font-size:14px!important;font-weight:600!important;
  text-decoration:none!important;line-height:1.2;transition:background .15s,color .15s
}
#checkoutContent .co-contact-information .login-from-cart:hover,
#checkoutContent .co-contact-information .login-from-cart:focus-visible{
  background:#a8466a!important;color:#fff!important
}
#checkoutContent .co-contact-information .login-from-cart svg{
  width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round
}
#checkoutContent .co-contact-information .form-legend{
  margin:0 0 16px!important;font-size:12.5px!important;color:#6b6272!important;
  text-align:left!important;float:none!important
}

/* ========== mobil ========== */
@media(max-width:575px){
  fieldset.llr-cob{padding:16px 15px 14px!important;border-radius:14px!important}
  .llr-cob .checkout-info-container{grid-template-columns:1fr!important;gap:10px!important}
  .llr-cob .checkout-info-container .credit-value{font-size:22px!important}
  .llr-cob .llr-join .card-text{font-size:24px!important}
  .llr-cob__cta{gap:12px}
  .llr-cob__btn{width:100%;justify-content:center}
  #checkoutContent .co-contact-information .login-from-cart{width:100%;justify-content:center}
}

@media(prefers-reduced-motion:reduce){
  .llr-cob *,#checkoutContent .co-contact-information .login-from-cart{transition:none!important}
}
