
.idepos-company-contact-widget{position:fixed;right:22px;bottom:28px;z-index:99999;display:flex;flex-direction:column;gap:10px}
.idepos-company-contact-item{position:relative;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:#202124;border:1px solid rgba(0,0,0,.08);box-shadow:0 6px 24px rgba(0,0,0,.18);text-decoration:none!important;transition:transform .18s ease,box-shadow .18s ease}
.idepos-company-contact-item:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 9px 28px rgba(0,0,0,.23)}
.idepos-company-contact-item svg{width:26px;height:26px;fill:currentColor}
.idepos-contact-phone{color:#2271b1}.idepos-contact-whatsapp{color:#168b45}.idepos-contact-instagram{color:#c13584}.idepos-contact-youtube{color:#e62117}.idepos-contact-tiktok{color:#111}.idepos-contact-facebook{color:#1877f2}.idepos-contact-appointment{color:#8b5cf6}
.idepos-contact-tooltip{position:absolute;right:60px;top:50%;transform:translateY(-50%);white-space:nowrap;background:#1d2327;color:#fff;font-size:12px;font-weight:600;padding:7px 10px;border-radius:7px;opacity:0;pointer-events:none;transition:opacity .15s ease}
.idepos-company-contact-item:hover .idepos-contact-tooltip,.idepos-company-contact-item:focus .idepos-contact-tooltip{opacity:1}
.idepos-company-contact-widget-shortcode{position:static;display:flex;flex-direction:row;flex-wrap:wrap}
.idepos-company-contact-widget-shortcode .idepos-contact-tooltip{display:none}
@media(max-width:782px){.idepos-company-contact-widget-front{right:14px;bottom:18px}.idepos-company-contact-item{width:46px;height:46px}.idepos-company-contact-item svg{width:23px;height:23px}.idepos-contact-tooltip{display:none}}


/* v4.7.0 - İletişim widget tasarım modları ve zincir animasyon */
.idepos-company-contact-widget{
  gap:var(--idepos-widget-gap,10px);
}
.idepos-company-contact-item{
  width:var(--idepos-widget-size,50px)!important;
  height:var(--idepos-widget-size,50px)!important;
  min-width:var(--idepos-widget-size,50px)!important;
  min-height:var(--idepos-widget-size,50px)!important;
  background:var(--idepos-widget-bg,#fff);
  border-color:var(--idepos-widget-border,#dcdcde);
  transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease,background .2s ease!important;
  transform-origin:center;
  will-change:transform;
}
.idepos-company-contact-item svg{
  width:calc(var(--idepos-widget-size,50px) * .52)!important;
  height:calc(var(--idepos-widget-size,50px) * .52)!important;
}
.idepos-company-contact-widget .idepos-company-contact-item:hover{
  transform:translateY(-3px) scale(1.13)!important;
  box-shadow:0 11px 30px rgba(0,0,0,.24)!important;
}

/* Mod 1: sosyal ağların karakteristik renkleri */
.idepos-widget-theme-brand .idepos-company-contact-item{background:var(--idepos-widget-bg,#fff)}
.idepos-widget-theme-brand .idepos-contact-phone{color:#2271b1}
.idepos-widget-theme-brand .idepos-contact-whatsapp{color:#168b45}
.idepos-widget-theme-brand .idepos-contact-instagram{color:#c13584}
.idepos-widget-theme-brand .idepos-contact-youtube{color:#e62117}
.idepos-widget-theme-brand .idepos-contact-tiktok{color:#111}
.idepos-widget-theme-brand .idepos-contact-facebook{color:#1877f2}
.idepos-widget-theme-brand .idepos-contact-appointment{color:#8b5cf6}

/* Mod 2: kurumsal tek renk */
.idepos-widget-theme-corporate .idepos-company-contact-item{
  background:var(--idepos-widget-bg,#fff)!important;
  color:var(--idepos-widget-icon,#2271b1)!important;
  border-color:var(--idepos-widget-border,#dcdcde)!important;
}

/* Mod 3: cam/premium */
.idepos-widget-theme-glass .idepos-company-contact-item{
  background:rgba(255,255,255,.76)!important;
  background:color-mix(in srgb,var(--idepos-widget-bg,#fff) 78%,transparent)!important;
  color:var(--idepos-widget-icon,#2271b1)!important;
  border:1px solid color-mix(in srgb,var(--idepos-widget-border,#dcdcde) 70%,transparent)!important;
  backdrop-filter:blur(13px) saturate(150%);
  -webkit-backdrop-filter:blur(13px) saturate(150%);
  box-shadow:0 8px 30px rgba(0,0,0,.14)!important;
}

@keyframes ideposChainHitUp{
  0%{transform:translateY(0) scale(1)}
  42%{transform:translateY(-8px) scale(1.24)}
  72%{transform:translateY(-2px) scale(1.10)}
  100%{transform:translateY(0) scale(1)}
}
@keyframes ideposChainDrop{
  0%{transform:translateY(0) scale(1)}
  30%{transform:translateY(-16px) scale(1.20)}
  66%{transform:translateY(7px) scale(1.24)}
  100%{transform:translateY(0) scale(1)}
}
@keyframes ideposChainHitDown{
  0%{transform:translateY(0) scale(1)}
  42%{transform:translateY(8px) scale(1.24)}
  72%{transform:translateY(2px) scale(1.10)}
  100%{transform:translateY(0) scale(1)}
}
.idepos-chain-hit-up{animation:ideposChainHitUp .33s cubic-bezier(.2,.85,.3,1)!important}
.idepos-chain-drop{animation:ideposChainDrop .50s cubic-bezier(.2,.85,.3,1)!important}
.idepos-chain-hit-down{animation:ideposChainHitDown .33s cubic-bezier(.2,.85,.3,1)!important}

@media(max-width:782px){
  .idepos-company-contact-widget-front .idepos-company-contact-item{
    width:var(--idepos-widget-mobile-size,56px)!important;
    height:var(--idepos-widget-mobile-size,56px)!important;
    min-width:var(--idepos-widget-mobile-size,56px)!important;
    min-height:var(--idepos-widget-mobile-size,56px)!important;
  }
  .idepos-company-contact-widget-front .idepos-company-contact-item svg{
    width:calc(var(--idepos-widget-mobile-size,56px) * .52)!important;
    height:calc(var(--idepos-widget-mobile-size,56px) * .52)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .idepos-chain-hit-up,.idepos-chain-drop,.idepos-chain-hit-down{animation:none!important}
}
