/* Cookie Consent Banner — TerminTelefon DSGVO */
:root{--cc-bg:#ffffff;--cc-text:#1a1a1a;--cc-muted:#666;--cc-border:#ececec;--cc-primary:#39ff14;--cc-btn-text:#000;--cc-overlay:rgba(0,0,0,.5)}
html[data-theme="dark"]{--cc-bg:#1a1a1a;--cc-text:#e0e0e0;--cc-muted:#999;--cc-border:#333;--cc-primary:#39ff14;--cc-btn-text:#000;--cc-overlay:rgba(0,0,0,.7)}

#cookie-consent-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--cc-bg);border-top:2px solid var(--cc-primary);box-shadow:0 -4px 24px rgba(0,0,0,.15);padding:1.5rem;animation:cc-slide-up .4s ease-out}
@keyframes cc-slide-up{from{transform:translateY(100%)}to{transform:translateY(0)}}

.cc-container{max-width:800px;margin:0 auto}
.cc-title{font-size:1.1rem;font-weight:700;color:var(--cc-text);margin-bottom:.5rem}
.cc-text{font-size:.9rem;color:var(--cc-muted);line-height:1.6;margin-bottom:1rem}
.cc-buttons{display:flex;gap:.75rem;flex-wrap:wrap}
.cc-btn{padding:.6rem 1.2rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;border:none;transition:all .2s}
.cc-btn-accept{background:var(--cc-primary);color:var(--cc-btn-text)}
.cc-btn-accept:hover{opacity:.9;transform:scale(1.02)}
.cc-btn-essential{background:transparent;color:var(--cc-text);border:1px solid var(--cc-border)}
.cc-btn-essential:hover{border-color:var(--cc-primary)}
.cc-btn-settings{background:transparent;color:var(--cc-muted);border:none;text-decoration:underline;font-size:.85rem;padding:.6rem .5rem}
.cc-btn-settings:hover{color:var(--cc-primary)}

/* Settings panel */
.cc-settings{display:none;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--cc-border)}
.cc-settings.open{display:block}
.cc-setting-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 0}
.cc-setting-row label{flex:1;font-size:.85rem;color:var(--cc-text)}
.cc-setting-row .cc-desc{font-size:.8rem;color:var(--cc-muted);margin-top:.2rem}
.cc-toggle{position:relative;width:44px;height:24px;flex-shrink:0}
.cc-toggle input{opacity:0;width:0;height:0}
.cc-toggle .slider{position:absolute;cursor:pointer;inset:0;background:#ccc;border-radius:24px;transition:.3s}
.cc-toggle .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}
.cc-toggle input:checked+.slider{background:var(--cc-primary)}
.cc-toggle input:checked+.slider:before{transform:translateX(20px)}
.cc-toggle input:disabled+.slider{opacity:.5;cursor:not-allowed}
.cc-save-row{margin-top:1rem;display:flex;gap:.75rem}

/* Mobile responsive */
@media (max-width: 768px) {
    #cookie-consent-banner { padding: 1rem; }
    .cc-title { font-size: 1rem; }
    .cc-text { font-size: .85rem; margin-bottom: .75rem; }
    .cc-buttons { flex-direction: column; }
    .cc-btn { width: 100%; text-align: center; padding: .7rem 1rem; }
    .cc-btn-settings { width: 100%; text-align: center; }
}