/* BAKIM SEPETI: ana sayfa disi CSS'e mudahale etmez. */
#bakim-support{font:inherit;position:fixed;z-index:995;right:22px;bottom:24px;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
#bakim-support *{box-sizing:border-box}
#bakim-support button,#bakim-support a{font:inherit}
.bakim-support-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.bakim-chat-trigger,.bakim-wa-trigger{border:0;border-radius:40px;padding:13px 19px;color:#fff!important;background:#087c72;display:inline-flex;align-items:center;gap:8px;text-decoration:none!important;font-weight:700!important;box-shadow:0 8px 25px #004c4133;cursor:pointer}
.bakim-wa-trigger{background:#159d62}.bakim-wa-trigger[aria-disabled=true]{background:#9ca6a3;cursor:not-allowed}
.bakim-chat-trigger:hover{background:#075c55}.bakim-wa-trigger:not([aria-disabled=true]):hover{background:#0b7447}
.bakim-chat-panel{width:min(420px,calc(100vw - 24px));height:min(560px,calc(100dvh - 124px));display:flex;flex-direction:column;background:#fff;border-radius:22px;box-shadow:0 18px 58px #093d3540;overflow:hidden;border:1px solid #ddebe7}
.bakim-chat-panel[hidden]{display:none}
.bakim-chat-header{display:flex;align-items:center;gap:12px;padding:18px;background:linear-gradient(115deg,#086c68,#139b83);color:white}
.bakim-chat-mark{display:grid;place-items:center;border:1px solid #ffffff78;border-radius:12px;width:41px;height:41px;font-weight:800;font-size:23px}
.bakim-chat-heading{flex:1;min-width:0}.bakim-chat-heading strong{font-size:17px;display:block}.bakim-chat-heading small{display:block;font-size:12px;opacity:.92;margin-top:3px}
.bakim-chat-close{cursor:pointer;border:0;background:transparent;color:white;font-size:28px;line-height:1;padding:4px 6px}
.bakim-chat-log{flex:1;min-height:0;overflow-y:auto;background:#f7fcfb;padding:15px;display:flex;flex-direction:column;gap:10px}
.bakim-chat-welcome{align-self:flex-start;color:#36534c;background:white;border:1px solid #dfebe6;padding:12px 13px;border-radius:16px;max-width:90%;font-size:13px}
.bakim-msg{padding:12px;border-radius:16px;white-space:pre-wrap;overflow-wrap:anywhere;max-width:87%;font-size:14px;line-height:1.45;display:flex;flex-direction:column;gap:7px}
.bakim-msg-me{align-self:flex-end;background:#0c8979;color:#fff;border-bottom-right-radius:4px}
.bakim-msg-admin{align-self:flex-start;background:#fff;color:#283e37;border:1px solid #e0e9e6;border-bottom-left-radius:4px}
.bakim-msg-time{font-size:10px;opacity:.75}
.bakim-chat-info{padding:6px 14px;font-size:11px;color:#5b766d;background:#f7fcfb;min-height:25px}
.bakim-chat-form{display:flex;gap:8px;padding:12px;background:#fff;border-top:1px solid #e2efea}
.bakim-chat-form textarea{flex:1;min-height:56px;max-height:100px;resize:vertical;border:1px solid #d0e2db;border-radius:12px;padding:10px;font-family:inherit;font-size:13px;outline-offset:2px;color:#24463c;background:#fff}
.bakim-chat-form button{background:#0c8979;border:0;border-radius:12px;color:#fff;font-size:22px;width:52px;cursor:pointer}
.bakim-chat-form button:disabled{opacity:.45;cursor:not-allowed}
.bakim-chat-bottom{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-top:1px solid #ecf1f0;background:white}
.bakim-chat-bottom button{background:transparent;border:0;color:#6a7973;cursor:pointer;font-size:12px}
.bakim-chat-bottom a{color:#087c72!important;font-size:12px}
@media(max-width:500px){#bakim-support{right:10px;bottom:12px;left:10px}.bakim-chat-panel{width:100%;height:min(620px,calc(100dvh - 95px))}.bakim-support-actions{width:100%}.bakim-chat-trigger,.bakim-wa-trigger{flex:1;justify-content:center;font-size:13px!important;padding:11px 9px}}
@media(prefers-reduced-motion:reduce){#bakim-support *{scroll-behavior:auto!important}}

.bakim-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
#bakim-support .bakim-chat-trigger:focus-visible,#bakim-support .bakim-chat-close:focus-visible,#bakim-support .bakim-chat-form button:focus-visible{outline:3px solid #edb971;outline-offset:2px}
.bakim-chat-nojs{position:fixed;right:16px;bottom:6px;z-index:996;padding:6px 10px;background:#fff;color:#163e36;font-size:12px}

/* v1.24: desktop and mobile floating WhatsApp / live-support controls */
.bakim-wa-trigger svg{display:block;flex:0 0 20px}
@media(min-width:750px){#bakim-support{right:20px;bottom:16px}.bakim-chat-panel{height:min(480px,calc(100dvh - 145px));width:min(390px,calc(100vw - 32px))}}
@media(max-width:500px){#bakim-support{right:12px;left:auto;max-width:calc(100vw - 24px)}.bakim-chat-panel{width:calc(100vw - 24px)}.bakim-support-actions{max-width:calc(100vw - 24px);width:auto}}

/* v1.38: per-device display; chat control remains available independently. */
@media(max-width:700px){#bakim-support .bakim-wa-hide-mobile{display:none!important}}
@media(min-width:701px){#bakim-support .bakim-wa-hide-desktop{display:none!important}}
#bakim-support .bakim-wa-trigger{transition:transform .15s ease,background .15s ease}
#bakim-support .bakim-wa-trigger:hover{transform:translateY(-2px)}
#bakim-support .bakim-wa-trigger:focus-visible{outline:3px solid #ffce7a;outline-offset:3px}

/* v1.50 — left contact / right live chat. Avoid stacking both buttons at right. */
#bakim-support .bakim-wa-trigger {
  position:fixed; left:22px; right:auto; bottom:22px; z-index:996;
  display:inline-flex!important; align-items:center; justify-content:center;
  padding:12px 16px; min-height:47px; border-radius:25px;
  box-shadow:0 7px 22px rgba(5,68,49,.22);
}
#bakim-support .bakim-contact-fallback {background:#356961;color:white!important;}
#bakim-support .bakim-support-actions {width:auto; max-width:none;}
@media(max-width:700px){
  #bakim-support .bakim-wa-trigger {left:12px;right:auto;bottom:12px;flex:none;width:auto;padding:11px 13px;font-size:13px!important;}
  #bakim-support .bakim-chat-trigger {flex:none;width:auto;}
  #bakim-support .bakim-support-actions {width:auto; max-width:calc(100vw - 24px);}
}
@media(max-width:420px){
  #bakim-support .bakim-wa-trigger span {display:none;}
  #bakim-support .bakim-wa-trigger {width:47px; height:47px; padding:0; border-radius:50%;}
}

/* v1.67: one floating contact entry. Any secondary channel lives in the
   existing chat panel. This file is loaded after the storefront CSS. */
#bakim-support .bakim-wa-trigger {
  position:static;left:auto;right:auto;bottom:auto;
  width:auto;height:auto;min-height:46px;
}
#bakim-support .bakim-support-actions {width:auto;max-width:calc(100vw - 24px)}
#bakim-support .bakim-chat-bottom a {color:#006c58!important;text-decoration:underline}
@media(max-width:700px){
 #bakim-support .bakim-wa-trigger {left:auto;right:auto;bottom:auto;width:auto;max-width:none;min-height:43px}
 #bakim-support .bakim-support-actions{width:auto}
}
@media(max-width:420px){
 #bakim-support .bakim-wa-trigger {width:47px;height:47px;padding:0;border-radius:50%}
}

/* Bakım Sepetim — WhatsApp button pinned to the bottom RIGHT on the new domain.
   Chat remains available above it, and remains functional on all screens. */
#bakim-support.bakim-support-dual {
  right:18px; bottom:18px; left:auto; align-items:flex-end;
  max-width:calc(100vw - 24px);
}
#bakim-support.bakim-support-dual .bakim-support-actions {
  width:auto; max-width:100%; display:flex; flex-direction:column-reverse;
  align-items:flex-end; justify-content:flex-start; gap:10px;
}
#bakim-support.bakim-support-dual .bakim-wa-trigger {
  position:static; left:auto; right:auto; bottom:auto; flex:none;
  width:58px; height:58px; min-height:58px; padding:0;
  display:inline-flex!important; justify-content:center; align-items:center;
  border-radius:50%; background:#20b45f;
  box-shadow:0 7px 25px rgba(5,90,50,.30);
}
#bakim-support.bakim-support-dual .bakim-wa-trigger:hover {background:#128c4a}
#bakim-support.bakim-support-dual .bakim-wa-trigger svg {width:29px;height:29px;flex:0 0 29px}
#bakim-support.bakim-support-dual .bakim-wa-trigger span {display:none}
#bakim-support.bakim-support-dual .bakim-chat-trigger {flex:none;width:auto;max-width:calc(100vw - 24px)}
@media(max-width:700px){
  #bakim-support.bakim-support-dual {right:12px;bottom:max(12px,env(safe-area-inset-bottom));left:auto}
  #bakim-support.bakim-support-dual .bakim-wa-trigger {width:54px;height:54px;min-height:54px;padding:0}
  #bakim-support.bakim-support-dual .bakim-support-actions {width:auto;max-width:calc(100vw - 24px)}
}

/* v1.69: keep both support controls on existing and new Bakım Sepetim domains.
   Respect the admin mobile/desktop visibility flags. */
@media(max-width:700px){#bakim-support.bakim-support-dual .bakim-wa-trigger.bakim-wa-hide-mobile{display:none!important}}
@media(min-width:701px){#bakim-support.bakim-support-dual .bakim-wa-trigger.bakim-wa-hide-desktop{display:none!important}}

/* v1.70 — user-requested WhatsApp location and look.
   WhatsApp: fixed BOTTOM LEFT, WhatsApp-green circular icon with white mark.
   Chat: retains fixed BOTTOM RIGHT, no chat behaviour changes.
   Only affects the two Bakım Sepetim domains and preserves admin visibility flags. */
#bakim-support.bakim-support-dual .bakim-wa-trigger {
  position: fixed;
  left: max(20px, env(safe-area-inset-left));
  right: auto;
  bottom: max(20px, env(safe-area-inset-bottom));
  z-index: 996;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  min-width: 58px;
  min-height: 58px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #25d366;
  color: #fff!important;
  box-shadow: 0 8px 24px rgba(0, 90, 48, .27);
}
#bakim-support.bakim-support-dual .bakim-wa-trigger:hover {background:#1fb85a}
#bakim-support.bakim-support-dual .bakim-wa-trigger svg {
  display:block; width:30px; height:30px; flex:0 0 30px; color:#fff;
}
#bakim-support.bakim-support-dual .bakim-wa-trigger span {display:none}
/* The existing chat remains at the right edge, not part of WhatsApp placement. */
#bakim-support.bakim-support-dual {left:auto;right:18px;bottom:18px;align-items:flex-end}
@media(max-width:700px){
  #bakim-support.bakim-support-dual {left:auto;right:12px;bottom:max(12px,env(safe-area-inset-bottom))}
  #bakim-support.bakim-support-dual .bakim-wa-trigger {
    left:max(12px,env(safe-area-inset-left));
    right:auto;
    bottom:max(12px,env(safe-area-inset-bottom));
    width:54px;height:54px;min-width:54px;min-height:54px;
  }
}