.elementor-783 .elementor-element.elementor-element-84648fb .elementor-repeater-item-aba1ebb.elementor-social-icon{background-color:#00C300;}.elementor-783 .elementor-element.elementor-element-84648fb .elementor-repeater-item-e34bd99.elementor-social-icon{background-color:#337AB7;}.elementor-783 .elementor-element.elementor-element-84648fb .elementor-repeater-item-8bb2b38.elementor-social-icon{background-color:#F99F1C;}.elementor-783 .elementor-element.elementor-element-84648fb{--grid-template-columns:repeat(0, auto);width:100%;max-width:100%;bottom:68px;z-index:9999;--icon-size:39px;--grid-column-gap:11px;--grid-row-gap:0px;}.elementor-783 .elementor-element.elementor-element-84648fb .elementor-widget-container{text-align:center;}body:not(.rtl) .elementor-783 .elementor-element.elementor-element-84648fb{left:1px;}body.rtl .elementor-783 .elementor-element.elementor-element-84648fb{right:1px;}.elementor-783 .elementor-element.elementor-element-84648fb .elementor-social-icon{--icon-padding:0.3em;}.elementor-783 .elementor-element.elementor-element-84648fb .elementor-icon{border-radius:30px 30px 30px 30px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for social-icons, class: .elementor-element-84648fb */.elementor-783 .elementor-element.elementor-element-84648fb .elementor-social-icon {
  position: relative;
  overflow: visible !important;
}

/* กล่องข้อความ Hint */
.elementor-783 .elementor-element.elementor-element-84648fb .elementor-social-icon::after {
  content: attr(data-tooltip);
  position: absolute;
  right: calc(100% + 12px);
  top: 50%;
  transform: translateY(-50%);

  background: #242424;
  color: #ffffff;
  padding: 8px 12px;
  border-radius: 6px;

  font-size: 13px;
  font-weight: 400;
  white-space: nowrap;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease;
  z-index: 999999;
}

/* แสดง Hint เมื่อชี้เมาส์ */
.elementor-783 .elementor-element.elementor-element-84648fb .elementor-social-icon:hover::after,
.elementor-783 .elementor-element.elementor-element-84648fb .elementor-social-icon:focus-visible::after {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */