/* =====================================================================================================
   PROFIL CLIENT — stilurile componentei comune (templates/magazin/plati-stripe/profil/profil.css).
   Culorile vin din variabilele site-ului dacă există (--ink, --line, --mut, --paper, --txt, --accent),
   altfel din valorile de rezervă; un site le poate suprascrie cu --pf-*.
   ===================================================================================================== */
:root{
  --pf-ink:var(--ink,#101014);
  --pf-txt:var(--txt,#2C2C33);
  --pf-mut:var(--mut,#7A7883);
  --pf-line:var(--line,#E2DFDA);
  --pf-paper:var(--paper,#FFFFFF);
  --pf-accent:var(--accent,#2B3A8F);
  --pf-ok:#1F5E3D;
  --pf-err:#B4231F;
  --pf-ease:cubic-bezier(.22,.7,.28,1);
}

/* Texte în două variante: html.mod-profil arată data-mod="profil", altfel data-mod="clasic" */
html:not(.mod-profil) [data-mod="profil"]{display:none!important}
html.mod-profil [data-mod="clasic"]{display:none!important}
[data-profil-slot][hidden],[data-pf-show][hidden],.pf [hidden]{display:none!important}

.pf{margin:0 0 20px;color:var(--pf-txt)}
.pf-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}
.pf-h{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--pf-mut);font-weight:600}
.pf .pf-chg{
  background:none;border:0;padding:0;margin:0;width:auto;font:inherit;font-size:11.5px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--pf-mut);cursor:pointer;text-decoration:underline
}
.pf .pf-chg:hover{color:var(--pf-ink);background:none}
.pf-cur{margin:0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.pf-cur b{font-weight:600;color:var(--pf-ink)}
.pf-opts{display:grid;gap:8px}
.pf-o{
  display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--pf-line);
  background:var(--pf-paper);cursor:pointer;transition:border-color .25s var(--pf-ease),box-shadow .25s var(--pf-ease)
}
.pf-o:hover{border-color:#BDB9B2}
.pf-o:has(input:checked){border-color:var(--pf-ink);box-shadow:inset 0 0 0 1px var(--pf-ink)}
.pf-o input{
  -webkit-appearance:none;appearance:none;margin:3px 0 0;width:17px;height:17px;flex:0 0 17px;border-radius:50%;
  border:1px solid #A9A6AE;background:var(--pf-paper);cursor:pointer;
  transition:background .2s var(--pf-ease),border-color .2s var(--pf-ease)
}
.pf-o input:checked{border-color:var(--pf-ink);background:var(--pf-ink);box-shadow:inset 0 0 0 4px var(--pf-paper)}
.pf-o input:focus-visible{outline:2px solid var(--pf-accent);outline-offset:2px}
.pf-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.pf-t b{font-size:14px;font-weight:600;color:var(--pf-ink);line-height:1.35}
.pf-t i{font-style:normal;font-size:12px;line-height:1.45;color:var(--pf-mut)}
.pf-vat{margin-top:12px}
.pf-vat label{
  display:block;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--pf-mut);
  font-weight:600;margin-bottom:7px
}
.pf-row{display:flex;gap:8px}
/* width:0 + flex: altfel lățimea intrinsecă a câmpului lărgește coloana părinte pe telefon */
.pf-row input{
  flex:1 1 0;width:0;min-width:0;height:46px;padding:0 14px;border:1px solid var(--pf-line);background:var(--pf-paper);
  font:inherit;font-size:16px;letter-spacing:.04em;text-transform:uppercase;color:var(--pf-ink);border-radius:0
}
.pf-row input::placeholder{text-transform:none;letter-spacing:0;color:#A9A6AE}
.pf-row input:focus{outline:0;border-color:var(--pf-ink)}
.pf .pf-go{
  flex:0 0 auto;width:auto;height:46px;margin:0;padding:0 18px;border:1px solid var(--pf-ink);background:none;
  color:var(--pf-ink);font:inherit;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;
  cursor:pointer;border-radius:0;transition:background .3s var(--pf-ease),color .3s var(--pf-ease)
}
.pf .pf-go:hover{background:var(--pf-ink);color:var(--pf-paper)}
.pf .pf-go:disabled{opacity:.5;cursor:default}
.pf-msg{
  margin:10px 0 0;padding:2px 0 2px 12px;border-left:2px solid var(--pf-line);font-size:13px;line-height:1.5;
  overflow-wrap:anywhere
}
.pf-msg.pf-ok{border-left-color:var(--pf-ok);color:var(--pf-ok)}
.pf-msg.pf-err{border-left-color:var(--pf-err);color:var(--pf-err)}
.pf-msg.pf-info{border-left-color:var(--pf-accent)}
.pf-wait{font-size:13px;color:var(--pf-mut);font-weight:400;letter-spacing:0}
[data-profil-panel].bad{box-shadow:inset 0 0 0 1px var(--pf-err)}

/* rezumatul implicit (Profil.sumHTML) — un site își poate desena singur rândurile din Profil.rows() */
.pf-sum div{display:flex;justify-content:space-between;gap:16px;padding:7px 0;font-size:14.5px;color:var(--pf-mut)}
.pf-sum div.pf-tot{border-top:1px solid var(--pf-line);margin-top:9px;padding-top:15px;font-size:22px;color:var(--pf-ink);align-items:baseline}

/* livrarea DHL (doar când regulile au `livrare`): țara pe un rând, codul poștal + orașul, butonul pe toată lățimea */
.pf-liv{margin-top:14px}
.pf-liv .pf-lh{
  display:block;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--pf-mut);
  font-weight:600;margin-bottom:7px
}
.pf-lrow{display:grid;grid-template-columns:minmax(0,7.5em) minmax(0,1fr);gap:8px}
.pf-lrow select,.pf .pf-lgo{grid-column:1/-1}
.pf-lrow select,.pf-lrow input{
  width:100%;min-width:0;height:46px;padding:0 14px;border:1px solid var(--pf-line);background:var(--pf-paper);
  font:inherit;font-size:16px;color:var(--pf-ink);border-radius:0;margin:0
}
.pf-lrow select{
  -webkit-appearance:none;appearance:none;padding-right:38px;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,var(--pf-mut) 50%),linear-gradient(135deg,var(--pf-mut) 50%,transparent 50%);
  background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat
}
.pf-lrow input::placeholder{color:#A9A6AE}
.pf-lrow select:focus,.pf-lrow input:focus{outline:0;border-color:var(--pf-ink)}
.pf .pf-lgo{
  width:100%;height:46px;margin:0;padding:0 16px;border:1px solid var(--pf-ink);background:none;color:var(--pf-ink);
  font:inherit;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;cursor:pointer;border-radius:0;
  transition:background .3s var(--pf-ease),color .3s var(--pf-ease)
}
.pf .pf-lgo:hover{background:var(--pf-ink);color:var(--pf-paper)}
.pf .pf-lgo:disabled{opacity:.5;cursor:default}
.pf-lmsg{
  margin:10px 0 0;padding:2px 0 2px 12px;border-left:2px solid var(--pf-line);font-size:13px;line-height:1.5;overflow-wrap:anywhere
}
.pf-lmsg.pf-ok{border-left-color:var(--pf-ok);color:var(--pf-ok)}
.pf-lmsg.pf-err{border-left-color:var(--pf-err);color:var(--pf-err)}
.pf-lmsg.pf-info{border-left-color:var(--pf-accent)}