/* templates/blocks/single-product-tags/style.css — v1.0.0 */
.spdt-wrap{
  display:flex;align-items:center;flex-wrap:wrap;
  justify-content:var(--spdt-align,flex-start);
  gap:var(--spdt-gap,8px);
  width:var(--spdt-width,auto);max-width:var(--spdt-max-width,none);
  margin:var(--spdt-margin,0);padding:var(--spdt-padding,0);
  background:var(--spdt-bg,transparent);
  border-style:var(--spdt-border-style,none);
  border-width:var(--spdt-border-width,0);
  border-color:var(--spdt-border-color,transparent);
  border-radius:var(--spdt-radius,0);
  box-shadow:var(--spdt-shadow,none);
  box-sizing:border-box;
}
.spdt-label{
  flex:0 0 auto;margin-right:var(--spdt-label-space,0);
  padding:var(--spdt-label-padding,0);
  color:var(--spdt-label-color,inherit);background:var(--spdt-label-bg,transparent);
  font-size:var(--spdt-label-fs,inherit);font-weight:var(--spdt-label-fw,600);
  font-style:var(--spdt-label-style,normal);line-height:var(--spdt-label-lh,inherit);
  letter-spacing:var(--spdt-label-ls,normal);text-transform:var(--spdt-label-transform,none);
  border-radius:var(--spdt-label-radius,0);
}
.spdt-list{list-style:none!important;margin:0!important;padding:0!important;display:flex;align-items:center;flex-wrap:wrap;gap:var(--spdt-tag-gap,8px)}
.spdt-list li{display:inline-flex;margin:0;padding:0}
.spdt-tag{
  display:inline-flex;align-items:center;text-decoration:var(--spdt-decoration,none);
  padding:var(--spdt-tag-padding,5px 10px);margin:0;
  color:var(--spdt-tag-color,inherit);background:var(--spdt-tag-bg,transparent);
  border-style:var(--spdt-tag-border-style,solid);border-width:var(--spdt-tag-border-width,1px);
  border-color:var(--spdt-tag-border-color,#e5e7eb);border-radius:var(--spdt-tag-radius,6px);
  font-size:var(--spdt-tag-fs,13px);font-weight:var(--spdt-tag-fw,500);
  font-style:var(--spdt-tag-style,normal);line-height:var(--spdt-tag-lh,1.4);
  letter-spacing:var(--spdt-tag-ls,normal);text-transform:var(--spdt-tag-transform,none);
  transition:color .18s ease,background-color .18s ease,border-color .18s ease,opacity .18s ease,transform .18s ease;
}
.spdt-tag:hover{
  color:var(--spdt-tag-hover-color,var(--spdt-tag-color,inherit));
  background:var(--spdt-tag-hover-bg,var(--spdt-tag-bg,transparent));
  border-color:var(--spdt-tag-hover-border,var(--spdt-tag-border-color,#e5e7eb));
  opacity:var(--spdt-hover-opacity,1);
}
@media(max-width:991.98px){
  .spdt-wrap{justify-content:var(--spdt-align-tablet,var(--spdt-align,flex-start));gap:var(--spdt-gap-tablet,var(--spdt-gap,8px));padding:var(--spdt-padding-tablet,var(--spdt-padding,0));margin:var(--spdt-margin-tablet,var(--spdt-margin,0))}
  .spdt-label{font-size:var(--spdt-label-fs-tablet,var(--spdt-label-fs,inherit))}
  .spdt-list{gap:var(--spdt-tag-gap-tablet,var(--spdt-tag-gap,8px))}
  .spdt-tag{font-size:var(--spdt-tag-fs-tablet,var(--spdt-tag-fs,13px));padding:var(--spdt-tag-padding-tablet,var(--spdt-tag-padding,5px 10px))}
}
@media(max-width:767.98px){
  .spdt-wrap{justify-content:var(--spdt-align-mobile,var(--spdt-align,flex-start));gap:var(--spdt-gap-mobile,var(--spdt-gap,8px));padding:var(--spdt-padding-mobile,var(--spdt-padding,0));margin:var(--spdt-margin-mobile,var(--spdt-margin,0))}
  .spdt-label{font-size:var(--spdt-label-fs-mobile,var(--spdt-label-fs,inherit))}
  .spdt-list{gap:var(--spdt-tag-gap-mobile,var(--spdt-tag-gap,8px))}
  .spdt-tag{font-size:var(--spdt-tag-fs-mobile,var(--spdt-tag-fs,13px));padding:var(--spdt-tag-padding-mobile,var(--spdt-tag-padding,5px 10px))}
}
