/* AELAB Sticky Contact - INNOVA Bio-Meditech style */
.aelab-sticky-contact{position:fixed;z-index:9999;display:flex;flex-direction:column;align-items:center;gap:0;background:transparent;border-radius:0;padding:0;border:none;box-shadow:none;backdrop-filter:none}
/* حذف قانون سراسری برای جلوگیری از تداخل؛ در دسکتاپ داخل media پنهان می‌کنیم */
.aelab-sticky-contact.is-right{right:0;top:50%;transform:translateY(-50%)}
.aelab-sticky-contact.is-left{left:0;top:50%;transform:translateY(-50%)}
@media(min-width:768px){.aelab-sticky-contact.hide-desktop{display:none!important}}
@media(max-width:767.98px){.aelab-sticky-contact.hide-mobile{display:none!important}}

/* آیکن +/× به صورت عمومی (برای موبایل و دسکتاپ) */
.aelab-sticky-contact .aelab-sc-toggle .sc-toggle-line{display:none}
.aelab-sticky-contact .aelab-sc-toggle::before,
.aelab-sticky-contact .aelab-sc-toggle::after{
  content:"";position:absolute;top:50%;left:50%;background:#fff;display:block;
  transform:translate(-50%,-50%);
}
.aelab-sticky-contact .aelab-sc-toggle::before{width:16px;height:2px}
.aelab-sticky-contact .aelab-sc-toggle::after{width:2px;height:16px}
.aelab-sticky-contact .aelab-sc-toggle{line-height:0}
.aelab-sticky-contact.active .aelab-sc-toggle::before{transform:translate(-50%,-50%) rotate(45deg)}
.aelab-sticky-contact.active .aelab-sc-toggle::after{transform:translate(-50%,-50%) rotate(-45deg)}

/* Desktop: Vertical red bar on right/left */
@media(min-width:768px){
.aelab-sticky-contact{width:60px;background:transparent;gap:8px;padding:0}
/* دسکتاپ نیز همان رفتار: پیش‌فرض پنهان، با active نمایش */
.aelab-sticky-contact .sc-list{display:none;flex-direction:column;gap:8px}
.aelab-sticky-contact.active .sc-list{display:flex}
/* دکمه toggle برای دسکتاپ */
.aelab-sticky-contact .aelab-sc-toggle{display:flex !important;position:relative;right:auto;bottom:auto;width:40px;height:40px;border-radius:8px;background:#6b7280;border:none;color:#fff;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.3);margin-top:8px}
.aelab-sticky-contact .aelab-sc-btn{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#eb7a61;border:none;text-decoration:none;color:#fff;position:relative;transition:background .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.aelab-sticky-contact .aelab-sc-btn{line-height:0}
.aelab-sticky-contact .aelab-sc-btn .sc-ico{width:22px;height:22px;border-radius:0;background:transparent;display:flex;align-items:center;justify-content:center;transition:none;border:none;color:#fff}
.aelab-sticky-contact .aelab-sc-btn svg{width:22px;height:22px;display:block;fill:currentColor}
.aelab-sticky-contact .aelab-sc-btn img{width:22px;height:22px;display:block;filter:brightness(0) invert(1)}
.aelab-sticky-contact .aelab-sc-btn{box-sizing:border-box;padding:0;outline:none}
.aelab-sticky-contact .aelab-sc-btn:focus{outline:none}
.aelab-sticky-contact .aelab-sc-btn img{width:20px;height:20px;display:block;filter:brightness(0) invert(1)}
.aelab-sticky-contact .sc-qr-popup img{filter:none !important;width:150px !important;height:150px !important}
.aelab-sticky-contact .aelab-sc-btn:hover{background:#000}
.aelab-sticky-contact .aelab-sc-btn.sc-top{background:#eb7a61;color:#fff;border-radius:8px;width:40px;height:40px;margin-top:0;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.aelab-sticky-contact .aelab-sc-btn.sc-top:hover{background:#16a34a}
.aelab-sticky-contact .aelab-sc-btn.sc-top .sc-ico{background:transparent;border:none;color:#fff}
.aelab-sticky-contact .aelab-sc-btn .sc-tip{position:absolute;right:52px;top:50%;transform:translateY(-50%);background:#22c55e;color:#fff;padding:6px 10px;border-radius:999px;font-size:12px;line-height:1;white-space:nowrap;opacity:0;visibility:hidden;transition:all .18s ease;box-shadow:0 6px 18px rgba(34,197,94,.35)}
.aelab-sticky-contact .aelab-sc-btn.sc-wa:hover .sc-tip{opacity:1;visibility:visible;right:48px}
.aelab-sticky-contact .aelab-sc-btn.sc-mail:hover .sc-tip{opacity:1;visibility:visible;right:48px}
.aelab-sticky-contact.is-left .aelab-sc-btn .sc-tip{left:70px;right:auto}
/* QR Code popup - Full screen overlay */
/* QR Code popup - Box next to icon (Desktop only) */
.aelab-sticky-contact .aelab-sc-btn.sc-qr{position:relative}
.aelab-sticky-contact .sc-qr-popup{position:absolute;right:52px;top:50%;transform:translateY(-50%);opacity:0;visibility:hidden;transition:all .18s ease;pointer-events:none;z-index:10000;background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.3);padding:10px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:auto;min-width:170px}
.aelab-sticky-contact .sc-qr-container{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:center;flex-wrap:nowrap}
.aelab-sticky-contact .sc-qr-item{display:flex;align-items:center;justify-content:center;flex-shrink:0}
.aelab-sticky-contact .aelab-sc-btn.sc-qr:hover .sc-qr-popup{opacity:1;visibility:visible;right:48px;pointer-events:auto}
.aelab-sticky-contact .sc-qr-image{width:150px;height:150px;border-radius:8px;display:block;object-fit:contain;margin:0;padding:0;border:none;background:transparent;opacity:1;visibility:visible;filter:none !important;-webkit-filter:none !important}
/* اگر دو QR code باشد، عرض popup را بیشتر کن - استفاده از min-width برای سازگاری */
.aelab-sticky-contact .sc-qr-popup .sc-qr-container{min-width:320px}
.aelab-sticky-contact .sc-qr-popup img{filter:none !important;-webkit-filter:none !important}
.aelab-sticky-contact.is-left .aelab-sc-btn .sc-qr-popup{left:70px;right:auto}
.aelab-sticky-contact.is-left .aelab-sc-btn.sc-qr:hover .sc-qr-popup{left:66px;right:auto}
}

/* Mobile: use the same desktop styles - remove special overrides */
@media(max-width:767.98px){
  .aelab-sticky-contact{right:16px;left:auto;bottom:16px;top:auto;transform:none;z-index:9999}
  .aelab-sticky-contact .sc-list{display:none;flex-direction:column;gap:8px}
  .aelab-sticky-contact .aelab-sc-btn{width:40px;height:40px;border-radius:8px;background:#eb7a61;color:#fff;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;line-height:0}
  .aelab-sticky-contact .aelab-sc-btn img{width:22px;height:22px;display:block;filter:brightness(0) invert(1)}
  .aelab-sticky-contact .sc-qr-popup img{filter:none !important;width:150px !important;height:150px !important}
  .aelab-sticky-contact .aelab-sc-btn .sc-ico{width:22px;height:22px;display:flex!important;align-items:center;justify-content:center}
  .aelab-sticky-contact .aelab-sc-btn:hover{background:#000}
  .aelab-sticky-contact .aelab-sc-btn .sc-tip{display:none!important}
  
  /* غیرفعال کردن hover در موبایل - فقط با کلیک نمایش داده شود */
  .aelab-sticky-contact .aelab-sc-btn.sc-qr:hover .sc-qr-popup{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
  
  /* استایل popup QR Code در موبایل - مرکز صفحه - override تمام desktop rules */
  .aelab-sticky-contact .aelab-sc-btn .sc-qr-popup{
    position:fixed !important;
    left:50% !important;
    top:50% !important;
    right:auto !important;
    bottom:auto !important;
    transform:translate(-50%, -50%) !important;
    margin:0 !important;
    z-index:100003 !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:opacity .3s ease, visibility .3s ease !important;
    max-width:90vw !important;
    max-height:90vh !important;
    padding:20px !important;
    background:#fff !important;
    border-radius:16px !important;
    box-shadow:0 10px 40px rgba(0,0,0,.5) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
  }
  /* در موبایل popup به body منتقل می‌شود، پس selector ها را بر اساس sc-qr-popup می‌نویسیم */
  .sc-qr-popup .sc-qr-container{
    display:flex !important;
    flex-direction:row !important;
    gap:10px !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
  }
  .sc-qr-popup .sc-qr-item{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-shrink:0 !important;
  }
  
  /* Override desktop hover rule */
  .aelab-sticky-contact .aelab-sc-btn.sc-qr:hover .sc-qr-popup{
    right:auto !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%, -50%) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
  
  /* نمایش popup وقتی class show اضافه شود */
  .aelab-sticky-contact .aelab-sc-btn .sc-qr-popup.show{
    left:50% !important;
    top:50% !important;
    right:auto !important;
    bottom:auto !important;
    transform:translate(-50%, -50%) !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
  
  /* Override تمام desktop rules برای موبایل - قوی‌ترین selector */
  .aelab-sticky-contact.is-left .aelab-sc-btn .sc-qr-popup,
  .aelab-sticky-contact.is-left .aelab-sc-btn.sc-qr:hover .sc-qr-popup,
  .aelab-sticky-contact.is-left .aelab-sc-btn .sc-qr-popup.show{
    position:fixed !important;
    left:50% !important;
    top:50% !important;
    right:auto !important;
    bottom:auto !important;
    transform:translate(-50%, -50%) !important;
    margin:0 !important;
  }
  
  /* استایل تصویر QR Code - در موبایل کنار هم افقی */
  .sc-qr-popup .sc-qr-image{
    width:120px !important;
    height:120px !important;
    max-width:none !important;
    max-height:100% !important;
    object-fit:contain !important;
    display:block !important;
    margin:0 !important;
    flex-shrink:0 !important;
  }
  /* اگر فقط یک QR code باشد، اندازه بزرگتر */
  .sc-qr-popup .sc-qr-container .sc-qr-item:only-child .sc-qr-image{
    width:240px !important;
    height:240px !important;
    max-width:100% !important;
  }
  .aelab-sticky-contact .aelab-sc-toggle{display:flex !important;position:fixed;right:16px;bottom:16px;width:40px;height:40px;border-radius:8px;background:#6b7280;border:none;color:#fff;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:10001}
  /* Simple plus icon using ::before (horizontal) and ::after (vertical) */
  .aelab-sticky-contact .aelab-sc-toggle .sc-toggle-line{display:none}
  .aelab-sticky-contact .aelab-sc-toggle::before,
  .aelab-sticky-contact .aelab-sc-toggle::after{
    content:"";position:absolute;top:50%;left:50%;background:#fff;display:block;
    transform:translate(-50%,-50%);
  }
  .aelab-sticky-contact .aelab-sc-toggle::before{width:16px;height:2px}
  .aelab-sticky-contact .aelab-sc-toggle::after{width:2px;height:16px}
  .aelab-sticky-contact.active .sc-list{display:flex;position:fixed;right:16px;bottom:64px}
  .aelab-sticky-contact:not(.active) .sc-list{display:none !important}
  /* change + to x when active */
  .aelab-sticky-contact.active .aelab-sc-toggle::before{transform:translate(-50%,-50%) rotate(45deg)}
  .aelab-sticky-contact.active .aelab-sc-toggle::after{transform:translate(-50%,-50%) rotate(-45deg)}
  
  /* آخرین rule برای QR popup - اطمینان از مرکز بودن */
  .aelab-sticky-contact .aelab-sc-btn.sc-qr .sc-qr-popup.show,
  .aelab-sticky-contact.is-right .aelab-sc-btn.sc-qr .sc-qr-popup.show,
  .aelab-sticky-contact.is-left .aelab-sc-btn.sc-qr .sc-qr-popup.show,
  body > .sc-qr-popup,
  body > .sc-qr-popup.show{
    position:fixed !important;
    left:50% !important;
    top:50% !important;
    right:auto !important;
    bottom:auto !important;
    transform:translate(-50%, -50%) !important;
    margin:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    z-index:100003 !important;
  }
  body > .sc-qr-popup{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
  body > .sc-qr-popup.show{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
}

/* iOS safe-area support (iPhone with bottom bar) */
@supports (padding: max(0px)) {
  @media(max-width:767.98px){
    .aelab-sticky-contact{padding-bottom:max(0px, env(safe-area-inset-bottom))}
    .aelab-sticky-contact .aelab-sc-toggle{bottom:calc(16px + env(safe-area-inset-bottom))}
    .aelab-sticky-contact.active .sc-list{bottom:calc(64px + env(safe-area-inset-bottom))}
  }
}

/* Fix potential WebKit rendering/clipping of icons */
.aelab-sticky-contact .aelab-sc-btn img,
.aelab-sticky-contact .aelab-sc-btn svg{ -webkit-transform: translateZ(0); transform: translateZ(0); pointer-events:auto }
/* ensure icons visible above bottom bars */
@media (max-width:767.98px){
  .aelab-sticky-contact .aelab-sc-btn{z-index:10002}
}

/* iOS specific tweaks: force visible icons (Safari/Chrome iOS) */
@supports (-webkit-touch-callout: none) {
  .aelab-sticky-contact .aelab-sc-btn{line-height:1}
  .aelab-sticky-contact .aelab-sc-btn img{filter:none} /* avoid filter issues on iOS */
  .aelab-sticky-contact .aelab-sc-btn svg{display:block;width:22px;height:22px}
  .aelab-sticky-contact .aelab-sc-btn svg, 
  .aelab-sticky-contact .aelab-sc-btn svg path{fill:#fff !important}
}

/* WhatsApp floating fab (like reference site) */
/* Remove extra floating button */
.aelab-sc-wa-fab{display:none}