/* SinnSoft — WhatsApp iletişim konsolu (ana sayfadan taşındı, tüm sayfalarda ortak) */
.whatsapp-widget{position:fixed;right:24px;bottom:24px;z-index:90;font-family:var(--body);display:flex;flex-direction:column;align-items:flex-end;gap:14px}
.whatsapp-float{width:62px;height:62px;display:grid;place-items:center;border:1px solid #ffffff30;border-radius:19px;background:linear-gradient(145deg,#27d875,#109b52);color:#fff;box-shadow:0 14px 38px #0008,0 0 0 5px #25d36618;cursor:pointer;transition:transform .25s,box-shadow .25s;position:relative}
.whatsapp-float:hover{transform:translateY(-4px);box-shadow:0 18px 45px #0009,0 0 0 8px #25d36620}.whatsapp-float svg{width:33px;height:33px}.whatsapp-float:focus-visible,.whatsapp-bubble button:focus-visible,.whatsapp-bubble a:focus-visible{outline:2px solid #86efac;outline-offset:3px}
.wa-status{position:absolute;right:-2px;top:-2px;width:13px;height:13px;border:3px solid #0b1729;background:#a8ffc4;border-radius:50%}
.whatsapp-bubble{width:min(390px,calc(100vw - 32px));background:#101e34;border:1px solid #354c69;border-radius:19px;overflow:hidden;box-shadow:0 28px 75px #000b,0 0 45px #e1252b0a;transform-origin:bottom right;animation:wa-appear .25s ease-out}
.whatsapp-bubble[hidden]{display:none!important}.wa-top{padding:18px 20px;background:linear-gradient(125deg,#1a304e,#10223b);border-bottom:1px solid #344761;display:flex;align-items:center;gap:12px}.wa-logo{height:42px;width:42px;border:1px solid #ffffff1c;border-radius:12px;background:#ffffff0c;display:grid;place-items:center;color:#f2f7ff;font:700 17px var(--mono)}.wa-brand{flex:1;min-width:0}.wa-brand strong{display:block;font-size:15px;color:#f4f7fb}.wa-brand small{display:flex;align-items:center;gap:6px;color:#a8b8ce;font:10px var(--mono);margin-top:4px}.wa-brand small:before{content:'';width:7px;height:7px;background:#38d88d;border-radius:50%}.whatsapp-bubble-close{border:0;background:#ffffff0b;color:#cbd5e1;width:32px;height:32px;border-radius:9px;cursor:pointer;font-size:17px}.whatsapp-bubble-close:hover{background:#ffffff1c;color:#fff}
.wa-content{padding:22px}.wa-label{color:#fa7b81;font:10px var(--mono);letter-spacing:.13em;text-transform:uppercase;margin-bottom:12px}.whatsapp-bubble-greeting{font:700 25px/1.15 var(--display);color:#f4f7fb;margin:0 0 11px}.whatsapp-bubble-text{font-size:13px;color:#b7c5d8;line-height:1.75;margin:0 0 18px}.wa-options{display:grid;gap:9px}.whatsapp-bubble-btn{display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:11px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .2s,border-color .2s,background .2s}.whatsapp-bubble-btn:hover{transform:translateX(3px)}.wa-option-icon{width:35px;height:35px;flex:none;display:grid;place-items:center;border-radius:9px;background:#ffffff12;font:19px var(--mono)}.wa-option-copy{flex:1}.wa-option-copy small{display:block;font-size:11px;font-weight:400;opacity:.75;margin-top:3px}.whatsapp-bubble-btn--primary{background:#e1252b;color:#fff;border:1px solid #ef565b}.whatsapp-bubble-btn--primary:hover{background:#c91e25}.whatsapp-bubble-btn--secondary{background:#182c48;color:#f4f7fb;border:1px solid #385271}.whatsapp-bubble-btn--secondary:hover{border-color:#7187a5}.wa-arrow{font-size:18px;opacity:.8}.wa-bottom{border-top:1px solid #ffffff12;padding:12px 20px;color:#8094ae;font:10px var(--mono);text-align:center}.wa-bottom b{color:#62dca2;font-weight:500}
@keyframes wa-appear{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.whatsapp-bubble{animation:none}}
@media(max-width:580px){.whatsapp-widget{bottom:16px;right:16px}.whatsapp-float{width:55px;height:55px}}

/* Compact WhatsApp panel for mobile screens */
@media(max-width:600px){
 .whatsapp-widget{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));gap:9px;max-width:calc(100vw - 24px)}
 .whatsapp-bubble{width:min(310px,calc(100vw - 24px));max-height:min(480px,calc(100dvh - 96px));overflow-y:auto;overscroll-behavior:contain;border-radius:15px;scrollbar-width:thin}
 .wa-top{padding:10px 12px;gap:9px}.wa-logo{width:32px;height:32px;border-radius:9px;font-size:13px}
 .wa-brand strong{font-size:13px}.wa-brand small{font-size:8px;margin-top:2px}.whatsapp-bubble-close{width:29px;height:29px}
 .wa-content{padding:13px}.wa-label{font-size:8px;margin-bottom:8px}
 .whatsapp-bubble-greeting{font-size:19px;line-height:1.15;margin-bottom:8px}
 .whatsapp-bubble-text{font-size:11px;line-height:1.5;margin-bottom:12px}
 .wa-options{gap:7px}.whatsapp-bubble-btn{gap:9px;padding:9px 10px;font-size:11px;border-radius:9px}
 .wa-option-icon{width:29px;height:29px;font-size:15px;border-radius:7px}.wa-option-copy small{font-size:9px;margin-top:2px}
 .wa-arrow{font-size:15px}.wa-bottom{padding:8px 12px;font-size:8px}
 .whatsapp-float{width:49px;height:49px;border-radius:15px}.whatsapp-float svg{width:27px;height:27px}
}
@media(max-width:360px){.whatsapp-bubble{width:min(285px,calc(100vw - 20px))}.whatsapp-bubble-greeting{font-size:17px}.whatsapp-bubble-text{font-size:10px}}
@media(max-height:540px) and (max-width:900px){.whatsapp-bubble{max-height:calc(100dvh - 80px)}}
