/* Merkezi ses düğmesi (sağ alt). z-index: içeriğin üstünde, dock/toast/modal'ların altında. */
.cp-ses-dugme {
    position: fixed;
    right: calc(16px + env(safe-area-inset-right, 0px));
    bottom: calc(16px + env(safe-area-inset-bottom, 0px));
    z-index: 220;
    width: 40px;
    height: 40px;
    padding: 0;
    display: grid;
    place-items: center;
    border-radius: 50%;
    border: 1px solid rgba(148, 163, 184, 0.35);
    background: rgba(255, 255, 255, 0.92);
    color: #0f766e;
    font-size: 15px;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.14);
    -webkit-tap-highlight-color: transparent;
}
.cp-ses-dugme:hover { background: #fff; }
.cp-ses-dugme:focus-visible { outline: 2px solid #14b8a6; outline-offset: 2px; }
.cp-ses-dugme svg { display: block; }
.cp-ses-dugme .cp-ses-kapa { display: none; }
.cp-ses-dugme[aria-pressed="false"] { color: #64748b; }
.cp-ses-dugme[aria-pressed="false"] .cp-ses-ac { display: none; }
.cp-ses-dugme[aria-pressed="false"] .cp-ses-kapa { display: inline; }

@media (prefers-color-scheme: dark) {
    .cp-ses-dugme { background: rgba(15, 23, 42, 0.92); color: #5eead4; border-color: rgba(148, 163, 184, 0.28); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); }
    .cp-ses-dugme:hover { background: #0f172a; }
    .cp-ses-dugme[aria-pressed="false"] { color: #94a3b8; }
}
html[data-theme="dark"] .cp-ses-dugme, body.dark .cp-ses-dugme, body.cp-dark .cp-ses-dugme { background: rgba(15, 23, 42, 0.92); color: #5eead4; border-color: rgba(148, 163, 184, 0.28); }
html[data-theme="light"] .cp-ses-dugme { background: rgba(255, 255, 255, 0.92); color: #0f766e; border-color: rgba(148, 163, 184, 0.35); }

/* Çakışmalar: sağ alttaki diğer öğeleri düğmenin üstüne kaydır */
.cp-back-to-top { bottom: calc(68px + env(safe-area-inset-bottom, 0px)) !important; }
.cpd-yukleme-paneli { bottom: calc(68px + env(safe-area-inset-bottom, 0px)); }
@media (max-width: 1100px) {
    /* Mobil/tablet: yüzen gezinme dock'unun üstüne */
    body:has(.cp-mobile-dock) .cp-ses-dugme { bottom: calc(86px + env(safe-area-inset-bottom, 0px)); }
    body:has(.cp-mobile-dock) .cp-back-to-top { bottom: calc(138px + env(safe-area-inset-bottom, 0px)) !important; }
    body:has(.cp-mobile-dock) .cpd-yukleme-paneli { bottom: calc(138px + env(safe-area-inset-bottom, 0px)); }
}
@media print { .cp-ses-dugme { display: none; } }
