/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
/* --- Vị trí cố định, không nhảy --- */
.fc-wrap{
  position: fixed !important;
  right: 16px !important;
  bottom: 96px !important;
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 99999;
  pointer-events: none;
}

/* Nút */
.fc-wrap .fc-btn{
  --fc-size: 52px;
  width: var(--fc-size);
  height: var(--fc-size);
  border-radius: 50%;
  display: grid;
  place-items: center;
  box-shadow: 0 6px 18px rgba(0,0,0,.25);
  pointer-events: auto;
  position: relative;
  overflow: visible;              
  transform: translateZ(0);
  transition: box-shadow .2s ease;
}
.fc-wrap .fc-btn:hover{ box-shadow: 0 10px 22px rgba(0,0,0,.28); }
.fc-wrap .fc-btn svg{ width:62%; height:62%; }

/* ===== MÀU NỀN CHUẨN (ghi đè tất cả) ===== */
.fc-messenger{ 
  background: radial-gradient(circle at 30% 107%, #0099ff 0%, #a033ff 60%, #ff5280 90%) !important;
}
.fc-telegram{  background:#2aabee !important; }
.fc-call{      background:#25d366 !important; } 


.fc-btn svg path{ fill:#fff !important; }


.fc-btn::after{ all: unset; }


.fc-btn::before{
  content:"";
  position:absolute;
  inset:-2px;                     
  border-radius:inherit;
  border:3px solid currentColor;  
  opacity:.35;
  transform: scale(1);
  animation: gk-ring 1.9s ease-out infinite;
  pointer-events:none;
}


.fc-messenger{ color: rgba(160,51,255,.45) !important; }
.fc-telegram{  color: rgba(42,171,238,.45) !important; }
.fc-call{      color: rgba(37,211,102,.45) !important; }  


@keyframes gk-ring{
  0%   { transform: scale(1);    opacity:.35; }
  70%  { transform: scale(1.25); opacity:0; }
  100% { transform: scale(1.25); opacity:0; }
}

/* Mobile */
@media (max-width:480px){
  .fc-wrap{ right:12px !important; bottom:80px !important; gap:10px; }
  .fc-wrap .fc-btn{ --fc-size:48px; }
}