/* DLA Elementor widgets */

/* ---------- Details Strip ----------
   Grid with a CSS-variable column count (set per breakpoint by the widget's
   responsive "Columns" control). Separators are a hairline on the LEFT of
   every item, centred in the gutter; the ones belonging to the first column
   fall outside the grid and are clipped by overflow:hidden — so no nth-child
   maths is needed whatever the column count. */
.dla-ds{
  --dla-ds-cols:var(--dla-ds-count,5);
  --dla-ds-gap:32px;
  --dla-ds-rowgap:20px;
  --dla-ds-sep:#dddddd;
  --dla-ds-align:left;
  display:grid;
  grid-template-columns:repeat(var(--dla-ds-cols),minmax(0,1fr));
  column-gap:var(--dla-ds-gap);
  row-gap:var(--dla-ds-rowgap);
  text-align:var(--dla-ds-align);
  overflow:hidden;
}
.dla-ds__item{min-width:0;position:relative;}
.dla-ds__label{margin:0 0 12px;}
.dla-ds__value{margin:0;overflow-wrap:anywhere;}
.dla-ds__value a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;}
.dla-ds__value a:hover{opacity:.8;}

.dla-ds.has-sep .dla-ds__item::before{
  content:"";position:absolute;top:0;bottom:0;
  left:calc(var(--dla-ds-gap) / -2);
  width:1px;background:var(--dla-ds-sep);
}
@media (max-width:767px){
  .dla-ds.has-sep:not(.has-sep-mobile) .dla-ds__item::before{display:none;}
}