/* Front-end styles for DDS Contact Button */
:root{--dds-cb-primary:#1e88e5}

.dds-contact-bar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  background:#fff;
  border:2px solid var(--dds-cb-primary);
  border-radius:14px;
  padding:10px 12px;
  margin:16px auto;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.dds-contact-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  color:#222;
  font-weight:500;
  font-size:14px;
  min-width:72px;
}

.dds-contact-item .dds-icon img{
  width:36px;height:36px;
  display:block;
  margin-bottom:4px;
}

.dds-fixed-mobile{
  position:fixed;
  left:12px;
  right:12px;
  bottom:12px;
  z-index:9999;
}

/* Mobile */
@media (max-width:768px){
  .dds-contact-bar{ gap:6px; padding:8px 10px; border-radius:12px;}
  .dds-contact-item{ font-size:13px; min-width:64px;}
  .dds-contact-item .dds-icon img{ width:32px;height:32px; }
}