/* Prevent the full-bleed bar from creating a horizontal page scrollbar.
   This clips horizontal overflow only; normal vertical page scrolling remains enabled. */
html,body{overflow-x:clip!important;}

/* Socksholm Benefits Bar v1.0.4 — full-bleed, flush, no horizontal overflow */
.socksholm-benefits{
  box-sizing:border-box!important;width:100vw!important;max-width:none!important;
  position:relative!important;left:50%!important;right:50%!important;
  margin-left:-50vw!important;margin-right:-50vw!important;
  background:#063d67!important;color:#fff!important;padding:0!important;
  font-family:inherit!important;clear:both!important
}
.socksholm-benefits *{box-sizing:border-box!important}
.socksholm-benefits__inner{
  width:100%!important;max-width:1440px!important;margin:0 auto!important;
  min-height:76px!important;padding:14px clamp(18px,4vw,64px)!important;
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:center!important
}
.socksholm-benefit{
  min-width:0!important;display:flex!important;flex-direction:row!important;
  align-items:center!important;justify-content:center!important;gap:12px!important;
  padding:4px 18px!important;margin:0!important;text-align:left!important
}
.socksholm-benefit+.socksholm-benefit{border-left:1px solid rgba(255,255,255,.18)!important}
.socksholm-benefit__icon{
  width:27px!important;height:27px!important;min-width:27px!important;max-width:27px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 27px!important;margin:0!important;padding:0!important;line-height:0!important
}
.socksholm-benefit__icon svg{
  display:block!important;width:27px!important;height:27px!important;max-width:27px!important;max-height:27px!important;
  min-width:0!important;min-height:0!important;fill:#fff!important;margin:0!important;padding:0!important
}
.socksholm-benefit__text{
  display:block!important;margin:0!important;padding:0!important;color:#fff!important;
  font-size:13px!important;font-weight:500!important;line-height:1.3!important
}
@media (max-width:900px){
 .socksholm-benefits__inner{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:12px 16px!important}
 .socksholm-benefit{min-height:48px!important;justify-content:flex-start!important;padding:6px 14px!important}
 .socksholm-benefit+.socksholm-benefit{border-left:0!important}
 .socksholm-benefit:nth-child(even){border-left:1px solid rgba(255,255,255,.18)!important}
 .socksholm-benefit:nth-child(n+3){border-top:1px solid rgba(255,255,255,.18)!important}
}
@media (max-width:480px){
 .socksholm-benefits__inner{padding:10px 8px!important}
 .socksholm-benefit{gap:8px!important;padding:7px 9px!important}
 .socksholm-benefit__icon{width:23px!important;height:23px!important;min-width:23px!important;max-width:23px!important;flex-basis:23px!important}
 .socksholm-benefit__icon svg{width:23px!important;height:23px!important;max-width:23px!important;max-height:23px!important}
 .socksholm-benefit__text{font-size:11.5px!important}
}

/* Flush integration with Elementor/Clotya: no vertical gap around the shortcode. */
.elementor-widget-shortcode:has(.socksholm-benefits),
.elementor-widget-shortcode:has(.socksholm-benefits) > .elementor-widget-container{
  margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;
}
.elementor-widget-shortcode:has(.socksholm-benefits){line-height:0!important;}
.elementor-widget-shortcode:has(.socksholm-benefits) .socksholm-benefits{line-height:normal!important;}
.socksholm-benefits{margin-top:0!important;margin-bottom:0!important;vertical-align:top!important;}
/* Remove an Elementor flex/grid gap when this shortcode is a direct child. */
.e-con:has(> .elementor-widget-shortcode .socksholm-benefits){row-gap:0!important;gap:0!important;}

/* v1.1.0: uploaded Theme Customizer icons */
.socksholm-benefit__icon img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
}

/* Font Awesome icons */
.socksholm-benefit__icon i{font-size:26px!important;line-height:1!important;color:currentColor!important;width:1.25em!important;text-align:center!important;display:inline-block!important}
