/* Iceberg Digital — /digital-local/local-lead-generation/ page-only components */

:focus-visible{ outline:2px solid var(--viola-m); outline-offset:2px; }
.btn-primary:focus-visible{ outline-color:var(--blu); }
.prose{ max-width:720px; }
.prose p + p{ margin-top:14px; }
.prose a, .llg-link{ color:var(--viola); text-decoration:underline; text-underline-offset:2px; }

/* hero trust strip: chips on light blue */
.llg-trust{ margin-top:28px; display:flex; gap:10px; flex-wrap:wrap; }
.llg-trust li{
  display:inline-flex; align-items:center; gap:6px; background:var(--blu-l); color:var(--blu);
  border-radius:20px; padding:6px 14px; font-size:.82rem; font-weight:600;
}
.llg-trust i{ color:var(--verde); }

/* flow diagram: ordered list with arrows (horizontal ≥ 800px, vertical below) */
.llg-flow{ list-style:none; display:grid; grid-template-columns:1fr; gap:28px; margin-top:36px; }
.llg-flow li{
  position:relative; background:#fff; border:1px solid var(--bordo); border-radius:var(--radius-m);
  padding:18px; display:flex; align-items:center; gap:12px; font-weight:600; color:var(--testo); font-size:.925rem;
}
.llg-flow li > i{
  width:40px; height:40px; border-radius:10px; background:var(--blu-l); color:var(--blu);
  display:flex; align-items:center; justify-content:center; font-size:1.2rem; flex-shrink:0;
}
.llg-flow li:last-child > i{ background:var(--viola-l); color:var(--viola); }
.llg-flow li + li::before{
  content:""; position:absolute; left:38px; top:-24px; width:2px; height:20px; background:var(--viola-m);
}
.llg-flow li + li::after{
  content:""; position:absolute; left:34px; top:-8px; border:5px solid transparent; border-top-color:var(--viola-m);
}
@media (min-width:800px){
  .llg-flow{ grid-template-columns:repeat(4,1fr); gap:32px; }
  .llg-flow li{ flex-direction:column; align-items:flex-start; }
  .llg-flow li + li::before{ left:-26px; top:50%; width:20px; height:2px; }
  .llg-flow li + li::after{ left:-10px; top:calc(50% - 4px); border:5px solid transparent; border-left-color:var(--viola-m); }
}

/* fit / no-fit columns */
.llg-fit{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
@media (max-width:700px){ .llg-fit{ grid-template-columns:1fr; } }
.llg-fit .benefit-card h3{ font-size:1.05rem; margin-bottom:14px; display:flex; align-items:center; gap:8px; }
.llg-fit .benefit-card h3 i{ margin:0; font-size:1.2rem; }
.llg-fit .check-list li:last-child{ margin-bottom:0; }
.check-list.no i{ color:#b3261e; }

.benefit-grid.cols-3{ grid-template-columns:repeat(3,1fr); }
@media (max-width:900px){ .benefit-grid.cols-3{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:700px){ .benefit-grid.cols-3{ grid-template-columns:1fr; } }

/* comparison table */
.llg-table{ margin-top:40px; }
.llg-table h3{ margin-bottom:14px; }
.llg-table table{ min-width:560px; background:#fff; }
.llg-table thead th:nth-child(2), .llg-table tbody td:nth-child(2){ background:var(--viola-l); color:var(--viola); font-weight:600; }
.llg-table tbody th{ background:#fff; color:var(--testo); text-transform:none; letter-spacing:0; font-size:.9rem; }
.llg-table caption{ text-align:left; font-size:.8rem; color:var(--testo-m); padding:10px 16px; caption-side:bottom; }

/* steps as a real <ol> */
ol.steps{ list-style:none; }

/* placeholder values still to be filled */
.tbd{ background:var(--giallo); color:var(--blu); font-weight:700; padding:0 6px; border-radius:4px; overflow-wrap:anywhere; }

/* covered-zones list */
.llg-zones{ list-style:none; display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }

/* results + author */
.llg-results{ display:grid; grid-template-columns:1.2fr .8fr; gap:24px; align-items:stretch; }
.llg-case h3, .llg-author h3{ font-size:1.05rem; margin-bottom:8px; }
.llg-results > *, .llg-metrics > *{ min-width:0; }
@media (max-width:900px){ .llg-results{ grid-template-columns:1fr; } }
.llg-metrics{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:18px 0 20px; }
.llg-metrics div{ background:#fff; border:1px solid var(--bordo); border-radius:10px; padding:14px; }
.llg-metrics dt{ font-size:.75rem; color:var(--testo-m); }
.llg-metrics dd{ font-size:1.1rem; font-weight:700; color:var(--blu); margin-top:4px; }
.llg-author{ display:flex; gap:16px; align-items:flex-start; }
.llg-avatar{
  width:64px; height:64px; border-radius:50%; background:var(--viola-l); color:var(--viola);
  display:flex; align-items:center; justify-content:center; font-weight:700; font-size:1.4rem; flex-shrink:0;
}
img.llg-avatar{ display:block; object-fit:cover; }
.llg-author p{ font-size:.9rem; }
.llg-linkedin{ display:inline-flex; color:var(--viola); }
.llg-linkedin:hover{ color:var(--blu); }
.llg-author .llg-linkedin i{ font-size:1.6rem; margin:0; color:inherit; }

/* lead form */
.llg-form{ background:#fff; border:1px solid var(--bordo); border-radius:var(--radius-m); padding:28px; max-width:760px; box-shadow:var(--shadow-s); }
@media (max-width:480px){ .llg-form{ padding:20px 16px; } }
.llg-form .btn{ margin-top:20px; white-space:normal; }