/* ilPolistirolo — Banner "Paga a rate" (portale preventivi)
   Tutto sotto prefisso .ilp-br-* : non tocca nessuna classe esistente. */

#ilp-br-root { margin-bottom: 14px; }

.ilp-br-box{
  border:1.5px solid #cfe6b4; border-radius:13px; overflow:hidden;
  background:linear-gradient(180deg,#f6fbef 0%,#fff 58%);
}
.ilp-br-top{ display:flex; align-items:center; gap:10px; padding:12px 15px 10px; }
.ilp-br-ico{
  width:30px; height:30px; border-radius:9px; background:#e7f6ec;
  display:flex; align-items:center; justify-content:center; font-size:15px; flex-shrink:0;
}
.ilp-br-h{ font-size:13.5px; font-weight:800; color:#123a67; line-height:1.25; }
.ilp-br-s{ font-size:11.5px; color:#6b7280; margin-top:1px; line-height:1.35; }
.ilp-br-amt{ margin-left:auto; text-align:right; flex-shrink:0; }
.ilp-br-amt .k{ font-size:9.5px; color:#9aa1ab; text-transform:uppercase; letter-spacing:.06em; font-weight:700; }
.ilp-br-amt .v{ font-size:17px; font-weight:900; color:#15803d; white-space:nowrap; line-height:1.15; }

.ilp-br-list{ padding:0 15px; display:flex; flex-direction:column; gap:6px; }
.ilp-br-opt{
  display:flex; align-items:center; gap:9px; background:#fff;
  border:1px solid #e6e9ef; border-radius:10px; padding:8px 11px;
}
.ilp-br-opt-l{ font-size:12.5px; font-weight:700; line-height:1.25; }
.ilp-br-opt-d{ font-size:11px; color:#6b7280; margin-top:1px; line-height:1.3; }
.ilp-br-opt-r{ margin-left:auto; text-align:right; font-size:11.5px; font-weight:800; color:#1a1f2e; white-space:nowrap; }
.ilp-br-opt-r small{ display:block; font-weight:600; color:#9aa1ab; font-size:10px; }

.ilp-br-foot{ padding:9px 15px 12px; font-size:10.5px; color:#9aa1ab; line-height:1.45; }

/* badge fornitori */
.ilp-br-bdg{
  display:inline-flex; align-items:center; height:21px; padding:0 8px;
  border-radius:5px; font-size:10.5px; font-weight:800; flex-shrink:0;
}
.ilp-br-klarna{ background:#FFB3C7; color:#17120f; }
.ilp-br-scala { background:#1a1f2e; color:#fff; }
.ilp-br-pp    { background:#fff; border:1px solid #d5dbe3; color:#003087; }
.ilp-br-pp i  { font-style:italic; color:#009cde; }
.ilp-br-ilp   { background:#8CC63F; color:#14300a; }

/* righe cliccabili: la freccia distingue "informazione" da "azione" */
.ilp-br-opt.ilp-br-clic{ cursor:pointer; transition:border-color .16s, box-shadow .16s, transform .1s; }
.ilp-br-opt.ilp-br-clic:hover{ border-color:#1a4f8a; box-shadow:0 1px 4px rgba(16,24,40,.10); }
.ilp-br-opt.ilp-br-clic:active{ transform:scale(.995); }
.ilp-br-opt.ilp-br-clic .ilp-br-opt-r::after{
  content:"\203A"; display:inline-block; margin-left:7px; color:#c7ccd6;
  font-size:17px; font-weight:700; vertical-align:-2px; transition:color .16s, transform .16s;
}
.ilp-br-opt.ilp-br-clic:hover .ilp-br-opt-r::after{ color:#1a4f8a; transform:translateX(2px); }

/* avviso contestuale (es. "prima firma il preventivo") */
.ilp-br-hint{
  display:none; font-size:11px; color:#b45309; background:#fffbeb;
  border:1px solid #fde68a; border-radius:8px; padding:7px 11px; margin:8px 15px 0;
}
.ilp-br-hint.on{ display:block; }

/* lampeggio di richiamo su firma / metodo */
@keyframes ilpBrFlash{
  0%,100%{ box-shadow:0 0 0 0 rgba(26,79,138,0); }
  25%,75%{ box-shadow:0 0 0 4px rgba(26,79,138,.22); }
}
.ilp-br-flash{ animation:ilpBrFlash 1.1s ease-in-out 2; border-radius:13px; }

/* variante riga compatta */
.ilp-br-slim{
  display:flex; align-items:center; gap:9px; background:#f6fbef; border:1px solid #cfe6b4;
  border-radius:10px; padding:9px 13px; font-size:12.5px; color:#123a67; line-height:1.4;
}
.ilp-br-slim b{ color:#15803d; }

@media (max-width:520px){
  .ilp-br-amt .v{ font-size:15px; }
  .ilp-br-opt-r{ font-size:11px; }
  .ilp-br-opt-d{ display:none; }
}

@media (prefers-reduced-motion:reduce){
  .ilp-br-flash{ animation:none; }
  .ilp-br-opt.ilp-br-clic{ transition:none; }
}