/* Social Buttons Frontend Styles */
.floating-button {
position: fixed;
cursor: pointer;
z-index: 1000;
display: block;
max-width: none;
height: auto;
border: none;
outline: none;
background: none;
padding: 0;
margin: 0;
box-shadow: none;
border-radius: 0;
transition: none;
}

.floating-button:hover {
transform: none;
box-shadow: none;
}

/* Line button positioning */
.line-add-friend {
bottom: 25px;
right: 15px;
width: 280px;
height: 50px;
}

/* Facebook Messenger button positioning */
.fb-messenger {
bottom: 85px;
right: 15px;
width: 280px;
height: 50px;
}

/* WhatsApp button positioning (for future use) */
.whatsapp {
bottom: 145px;
right: 15px;
width: 280px;
height: 50px;
}

/* Ensure images don’t get overridden by theme styles */
.floating-button img {
width: 280px !important;
height: 50px !important;
max-width: none !important;
border: none !important;
margin: 0 !important;
padding: 0 !important;
background: none !important;
box-shadow: none !important;
display: block !important;
object-fit: contain !important;
border-radius: 0 !important;
outline: none !important;
}

/* Force clickable area */
.floating-button {
pointer-events: auto !important;
user-select: none !important;
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
}

/* Remove any link styling */
.floating-button:link,
.floating-button:visited,
.floating-button:hover,
.floating-button:active {
text-decoration: none !important;
border: none !important;
outline: none !important;
background: none !important;
box-shadow: none !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
.floating-button {
width: 260px !important;
height: 45px !important;
right: 10px;
}

```
.floating-button img {
    width: 260px !important;
    height: 45px !important;
}

.line-add-friend {
    bottom: 25px;
}

.fb-messenger {
    bottom: 75px;
}

.whatsapp {
    bottom: 125px;
}
```

}

@media (max-width: 480px) {
.floating-button {
width: 250px !important;
height: 42px !important;
right: 8px;
}

```
.floating-button img {
    width: 250px !important;
    height: 42px !important;
}

.line-add-friend {
    bottom: 25px;
}

.fb-messenger {
    bottom: 70px;
}

.whatsapp {
    bottom: 115px;
}
```

}
}