/* Olex Hızlı İletişim: sitenin tamamında sabit Ara ve WhatsApp butonları. Tema stillerinden etkilenmemesi için özgül seçiciler kullanılır. */
.olex-quick{--oq-bg:#090B0D;--oq-panel:#15191C;--oq-border:rgba(255,255,255,.12);--oq-text:#F5F5F3;--oq-metal:#A7ADB3;--oq-accent:#B5E33B;--oq-wa:#25D366;position:fixed;right:22px;bottom:22px;z-index:9990;display:flex;flex-direction:column;align-items:flex-end;gap:12px;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.olex-quick.is-left{right:auto;left:22px;align-items:flex-start}
.olex-quick *{box-sizing:border-box}
.olex-quick .olex-quick-buttons{display:flex;flex-direction:column;gap:12px}
.olex-quick .olex-quick-btn{position:relative;display:flex;align-items:center;justify-content:center;width:58px;height:58px;margin:0;padding:0;border:0;border-radius:50%;box-shadow:0 12px 30px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.08) inset;cursor:pointer;text-decoration:none;line-height:1;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.olex-quick .olex-quick-btn svg{width:27px;height:27px;display:block}
.olex-quick .olex-quick-btn:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 16px 36px rgba(0,0,0,.55)}
.olex-quick .olex-quick-btn:focus-visible{outline:3px solid var(--oq-accent);outline-offset:3px}
.olex-quick .olex-quick-btn.is-wa{background:var(--oq-wa);color:#fff}
.olex-quick .olex-quick-btn.is-call{background:var(--oq-accent);color:var(--oq-bg)}
.olex-quick .olex-quick-btn.is-call[aria-expanded=true]{background:var(--oq-text)}
.olex-quick .olex-quick-btn.is-wa:before{content:'';position:absolute;inset:0;border-radius:50%;background:var(--oq-wa);opacity:.45;z-index:-1;animation:olex-quick-pulse 2.6s ease-out infinite}
@keyframes olex-quick-pulse{0%{transform:scale(1);opacity:.45}70%,100%{transform:scale(1.55);opacity:0}}
.olex-quick .olex-quick-tip{position:absolute;right:calc(100% + 12px);top:50%;transform:translate(6px,-50%);padding:8px 12px;border:1px solid var(--oq-border);border-radius:8px;background:var(--oq-panel);color:var(--oq-text);font-size:12.5px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.olex-quick.is-left .olex-quick-tip{right:auto;left:calc(100% + 12px);transform:translate(-6px,-50%)}
.olex-quick .olex-quick-btn:hover .olex-quick-tip,.olex-quick .olex-quick-btn:focus-visible .olex-quick-tip{opacity:1;transform:translate(0,-50%)}
.olex-quick .olex-quick-btn[aria-expanded=true] .olex-quick-tip{opacity:0}
.olex-quick .olex-quick-panel{width:min(320px,calc(100vw - 32px));overflow:hidden;border:1px solid var(--oq-border);border-radius:14px;background:var(--oq-panel);color:var(--oq-text);box-shadow:0 24px 60px rgba(0,0,0,.6);transform-origin:bottom right;animation:olex-quick-in .22s ease-out}
.olex-quick.is-left .olex-quick-panel{transform-origin:bottom left}
.olex-quick .olex-quick-panel[hidden]{display:none}
@keyframes olex-quick-in{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
.olex-quick .olex-quick-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 14px 12px 18px;border-bottom:1px solid var(--oq-border)}
.olex-quick .olex-quick-head p{margin:0;font-size:14px;font-weight:700;letter-spacing:.2px;color:var(--oq-text)}
.olex-quick .olex-quick-close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin:0;padding:0;border:1px solid var(--oq-border);border-radius:50%;background:transparent;color:var(--oq-metal);cursor:pointer}
.olex-quick .olex-quick-close svg{width:14px;height:14px}
.olex-quick .olex-quick-close:hover{color:var(--oq-text);border-color:var(--oq-text)}
.olex-quick .olex-quick-panel ul{list-style:none;margin:0;padding:8px}
.olex-quick .olex-quick-panel li{margin:0;padding:0}
.olex-quick .olex-quick-panel li a{display:flex;align-items:center;gap:12px;padding:12px 10px;border-radius:10px;color:var(--oq-text);text-decoration:none;transition:background .2s}
.olex-quick .olex-quick-panel li a:hover,.olex-quick .olex-quick-panel li a:focus-visible{background:rgba(255,255,255,.06);outline:0}
.olex-quick .olex-quick-ico{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:50%;background:rgba(181,227,59,.12);color:var(--oq-accent)}
.olex-quick .olex-quick-ico svg{width:19px;height:19px}
.olex-quick .olex-quick-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.olex-quick .olex-quick-info strong{font-size:14px;font-weight:700;color:var(--oq-text)}
.olex-quick .olex-quick-info small{font-size:11.5px;color:var(--oq-metal)}
.olex-quick .olex-quick-info em{font-style:normal;font-size:13px;font-weight:600;color:var(--oq-accent)}
.olex-quick .olex-quick-go{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--oq-accent);color:var(--oq-bg)}
.olex-quick .olex-quick-go svg{width:17px;height:17px}
@media(max-width:767px){.olex-quick{right:14px;bottom:14px;gap:10px}.olex-quick.is-left{left:14px}.olex-quick .olex-quick-buttons{gap:10px}.olex-quick .olex-quick-btn{width:52px;height:52px}.olex-quick .olex-quick-btn svg{width:24px;height:24px}.olex-quick .olex-quick-tip{display:none}}
@media(prefers-reduced-motion:reduce){.olex-quick .olex-quick-btn.is-wa:before{animation:none;opacity:0}.olex-quick .olex-quick-panel{animation:none}}
@media print{.olex-quick{display:none}}
/* Tema buton durumlarına karşı kilit (Hello Elementor vb. [type=button]:hover/:focus pembe arka plan verir). */
.olex-quick button.olex-quick-btn.is-call:is(:hover,:focus,:active){background-color:var(--oq-accent);color:var(--oq-bg);border:0}
.olex-quick button.olex-quick-btn.is-call[aria-expanded=true]:is(:hover,:focus,:active){background-color:var(--oq-text);color:var(--oq-bg)}
.olex-quick button.olex-quick-close:is(:hover,:focus,:active){background-color:transparent;color:var(--oq-text);border-color:var(--oq-text)}
.olex-quick a.olex-quick-btn.is-wa:is(:hover,:focus,:active){background-color:var(--oq-wa);color:#fff}
.olex-quick .olex-quick-panel li a:is(:hover,:focus,:active){color:var(--oq-text);text-decoration:none}
.olex-quick :is(button,a):focus:not(:focus-visible){outline:0}
.olex-quick .olex-quick-panel li a:focus-visible{outline:2px solid var(--oq-accent);outline-offset:-2px;background:rgba(255,255,255,.06)}
/* Başlıksız panel: yalnızca bayiler */
.olex-quick .olex-quick-panel.is-bare ul{padding:8px}
