/* Fix: ensure close button & icon on top; colorful gradients retained */

#mahadev-chatbox { position: fixed; right: 24px; bottom: 24px; width: 360px; max-width: calc(100% - 48px); font-family: Inter, system-ui, sans-serif; z-index: 2147483620 !important; }
#mahadev-chatbox .mahadev-header{ background: linear-gradient(90deg,#ff7a7a,#ffd36b,#2bd5d6); color:#fff; padding:14px; border-radius:12px 12px 0 0; display:flex; justify-content:space-between; align-items:center; }
/* Close button styling */
#mahadev-chatbox .mahadev-close{ background:none; border:none; color:#fff; font-size:20px; cursor:pointer; width:40px; height:40px; border-radius:8px; display:flex; align-items:center; justify-content:center; z-index:2147483647 !important; pointer-events:auto !important; }
/* Ensure header doesn't block clicks to close */
#mahadev-chatbox .mahadev-header { z-index:2147483646 !important; pointer-events:auto !important; }

/* Card body */
#mahadev-chatbox .mahadev-body{ background:#fff; padding:18px; border-radius:0 0 12px 12px; box-shadow:0 10px 30px rgba(0,0,0,0.16); color:#222; overflow:visible; }

/* Buttons look */
.mahadev-services{ display:flex; flex-wrap:wrap; gap:10px; }
.mahadev-service-btn{ color:#fff; border:none; border-radius:999px; padding:10px 16px; font-weight:800; cursor:pointer; box-shadow:0 6px 18px rgba(0,0,0,0.12); transition:transform 0.15s, filter 0.15s; opacity:1 !important; }
.mahadev-service-btn:hover{ transform:translateY(-5px); filter:brightness(1.08); }
.mahadev-service-btn.selected{ transform: translateY(-2px) scale(1.03); box-shadow: 0 18px 36px rgba(0,0,0,0.18); outline: 3px solid rgba(255,255,255,0.08); }

/* Colorful gradients */
.mahadev-services .mahadev-service-btn:nth-child(1){ background: linear-gradient(90deg,#ff8a7a,#ffb86b); }
.mahadev-services .mahadev-service-btn:nth-child(2){ background: linear-gradient(90deg,#7ee8fa,#7cffb0); }
.mahadev-services .mahadev-service-btn:nth-child(3){ background: linear-gradient(90deg,#7c83fd,#5eead4); }
.mahadev-services .mahadev-service-btn:nth-child(4){ background: linear-gradient(90deg,#f6d365,#fda085); }
.mahadev-services .mahadev-service-btn:nth-child(5){ background: linear-gradient(90deg,#f093fb,#f5576c); }
.mahadev-services .mahadev-service-btn:nth-child(6){ background: linear-gradient(90deg,#43e97b,#38f9d7); }
.mahadev-services .mahadev-service-btn:nth-child(7){ background: linear-gradient(90deg,#ffd486,#ff99c8); }

/* Contact buttons */
.mahadev-contact-step{ margin-top:12px; display:block; }
.selected-service-label{ font-weight:700; margin-bottom:8px; color:#111; }
.mahadev-contact-buttons{ display:flex; gap:10px; justify-content:flex-start; margin-top:6px; }
.mahadev-btn{ padding:12px 16px; border-radius:10px; font-weight:800; text-decoration:none; display:inline-block; color:#fff; box-shadow:0 8px 20px rgba(0,0,0,0.12); }
.mahadev-btn.whatsapp{ background: linear-gradient(90deg,#25D366,#128C7E); }
.mahadev-btn.call{ background: linear-gradient(90deg,#ff7a7a,#ff5252); }

/* global minimize icon appended to body - keep on top of everything */
.mahadev-min-icon{ position: fixed; right: 18px; bottom: 18px; width:56px; height:56px; border-radius:50%; background:linear-gradient(90deg,#ff6b6b,#2bd5d6); color:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 10px 30px rgba(0,0,0,0.22); border:none; cursor:pointer; z-index:2147483647 !important; font-weight:800; }

/* mobile */
@media(max-width:600px){
  #mahadev-chatbox{ bottom:110px; right:12px; left:12px; width:auto; max-width:calc(100% - 24px); }
  .mahadev-min-icon{ bottom:12px; right:12px; width:48px; height:48px; }
}