/** * CookieFlame v4.41.0 — Consent Banner Stylesheet * ───────────────────────────────────────────────────────────── * Loaded on every front-end page via ccwp_enqueue_assets(). * Before v4.41.0 these rules were injected inline by * cookieconsent.js at runtime; they are now an external * stylesheet so the main JS bundle is ~5.6 KB smaller and * the CSS can be cached independently by the browser. * * Dark mode: JS adds `.cc-dark` to when theme=dark. * Icon position: JS adds `.cc-icon-right` to when * iconPosition=right (default is left). */ #cc-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:999998;opacity:0;pointer-events:none;transition:opacity .3s;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)} #cc-overlay.cc-show{opacity:1;pointer-events:auto} #cc-banner{position:fixed;bottom:0;left:0;right:0;z-index:999999;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;color:#1d1d1f;background:#fff;box-shadow:0 -8px 40px rgba(0,0,0,.15);transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);border-radius:20px 20px 0 0;max-height:90vh;overflow-y:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} #cc-banner.cc-show{transform:translateY(0)} #cc-banner,#cc-banner *{box-sizing:border-box;-webkit-tap-highlight-color:transparent} #cc-banner button,#cc-banner a{-webkit-appearance:none;appearance:none;text-shadow:none} .cc-inner{max-width:720px;margin:0 auto;padding:32px 32px 20px} .cc-title{font-size:20px !important;font-weight:800 !important;margin:0 0 8px !important;letter-spacing:-.3px;line-height:1.3 !important;color:inherit !important;background:none !important;border:none !important;padding:0 !important;text-transform:none !important} .cc-text{margin:0 0 20px !important;color:#555 !important;font-size:14px !important;font-weight:400 !important;line-height:1.6 !important;padding:0 !important;border:none !important;background:none !important;text-transform:none !important} .cc-text a{color:#0071e3 !important;text-decoration:none !important;font-weight:500 !important;background:none !important;border:none !important;box-shadow:none !important} .cc-text a:hover{text-decoration:underline !important} .cc-buttons{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px} .cc-btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;border-radius:12px !important;border:none !important;font-weight:700 !important;cursor:pointer !important;letter-spacing:-.1px !important;text-transform:none !important;text-decoration:none !important;line-height:1 !important;white-space:nowrap !important;-webkit-appearance:none !important;appearance:none !important;outline:none !important;box-shadow:none !important;text-shadow:none !important;float:none !important;margin:0 !important} .cc-btn:focus{outline:2px solid #0071e3 !important;outline-offset:2px !important} .cc-btn:active{transform:scale(.97) !important} .cc-btn-accept{background:#0071e3 !important;color:#fff !important;font-size:15px !important;padding:14px 32px !important;box-shadow:0 2px 8px rgba(0,113,227,.3) !important;transition:background .15s,box-shadow .15s,transform .1s !important} .cc-btn-accept:hover{background:#005bb5 !important;box-shadow:0 4px 16px rgba(0,113,227,.35) !important;color:#fff !important} .cc-btn-decline{background:#e8e8ed !important;color:#1d1d1f !important;font-size:13px !important;padding:11px 22px !important;box-shadow:none !important;transition:background .15s,transform .1s !important} .cc-btn-decline:hover{background:#d2d2d7 !important;color:#1d1d1f !important} .cc-btn-save{background:#34c759 !important;color:#fff !important;font-size:14px !important;padding:13px 28px !important;box-shadow:0 2px 8px rgba(52,199,89,.3) !important;transition:background .15s,box-shadow .15s,transform .1s !important} .cc-btn-save:hover{background:#28a745 !important;box-shadow:0 4px 16px rgba(52,199,89,.35) !important;color:#fff !important} .cc-btn-details{background:transparent !important;color:#555 !important;padding:11px 4px;font-weight:500;font-size:13px;text-decoration:none !important;border:none !important;box-shadow:none !important;cursor:pointer;transition:color .15s !important} .cc-btn-details:hover{color:#555 !important;text-decoration:none !important;background:transparent !important;box-shadow:none !important} .cc-categories{margin:0 0 16px !important;border:1px solid #e8e8ed !important;border-radius:14px !important;overflow:hidden !important;display:none} .cc-categories.cc-open{display:block !important} .cc-cat{padding:16px 20px !important;border-bottom:1px solid #f0f0f2 !important;display:flex !important;justify-content:space-between !important;align-items:center !important;gap:16px !important;background:none !important} .cc-cat:last-child{border-bottom:none !important} .cc-cat-label{font-weight:700 !important;font-size:14px !important;line-height:1.3 !important;color:inherit !important;text-transform:none !important} .cc-cat-desc{font-size:12px !important;color:#646970 !important;margin-top:3px !important;font-weight:400 !important;line-height:1.4 !important;text-transform:none !important} .cc-always-on{font-weight:400 !important;font-size:11px !important;color:#767676 !important} .cc-toggle{position:relative !important;width:46px !important;height:26px !important;flex-shrink:0 !important;display:block !important} .cc-toggle input{opacity:0 !important;width:0 !important;height:0 !important;position:absolute !important} .cc-toggle .cc-slider{position:absolute !important;inset:0 !important;background:#ccc !important;border-radius:26px !important;cursor:pointer !important;transition:background .2s !important;border:none !important;box-shadow:none !important} .cc-toggle .cc-slider:before{content:"" !important;position:absolute !important;width:20px !important;height:20px !important;left:3px !important;bottom:3px !important;background:#fff !important;border-radius:50% !important;transition:transform .2s !important;box-shadow:0 1px 3px rgba(0,0,0,.15) !important} .cc-toggle input:checked+.cc-slider{background:#0071e3 !important} .cc-toggle input:checked+.cc-slider:before{transform:translateX(20px) !important} .cc-toggle input:disabled+.cc-slider{background:#0071e3 !important;opacity:.5 !important;cursor:default !important} .cc-toggle input:focus-visible+.cc-slider{outline:2px solid #0071e3 !important;outline-offset:2px !important} .cc-powered{text-align:center !important;padding:0 0 16px !important;font-size:11px !important;color:#999 !important;font-weight:400 !important;background:none !important;border:none !important;margin:0 !important} .cc-pref-buttons{display:none !important;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:8px} .cc-pref-buttons.cc-open{display:flex !important} .cc-powered a{color:#999 !important;text-decoration:none !important;font-weight:400 !important;background:none !important;border:none !important;box-shadow:none !important} .cc-powered a:hover{color:#666 !important;text-decoration:none !important} #cc-icon{position:fixed !important;bottom:18px !important;left:18px !important;z-index:999997 !important;width:48px !important;height:48px !important;border-radius:50% !important;background:#1d1d1f !important;color:#fff !important;border:none !important;cursor:pointer !important;box-shadow:0 2px 12px rgba(0,0,0,.25) !important;display:none;align-items:center !important;justify-content:center !important;padding:0 !important;transition:transform .15s,box-shadow .15s !important;-webkit-appearance:none !important;appearance:none !important;margin:0 !important;text-decoration:none !important;outline:none !important} #cc-icon:hover{transform:scale(1.1) !important;box-shadow:0 4px 20px rgba(0,0,0,.35) !important} #cc-icon:focus-visible{outline:2px solid #0071e3 !important;outline-offset:2px !important} #cc-icon.cc-show{display:flex !important} .cc-icon-right #cc-icon{left:auto !important;right:18px !important} #cc-ccpa-banner{position:fixed;bottom:0;left:0;right:0;z-index:999999;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;color:#1d1d1f;background:#fff;box-shadow:0 -8px 40px rgba(0,0,0,.15);transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);border-radius:20px 20px 0 0} #cc-ccpa-banner.cc-show{transform:translateY(0)} #cc-ccpa-banner *{box-sizing:border-box} .cc-ccpa-inner{max-width:720px;margin:0 auto;padding:20px 32px;display:flex;align-items:center;gap:20px;flex-wrap:wrap} .cc-ccpa-text{flex:1;min-width:280px} .cc-ccpa-text p{margin:0;color:#555} .cc-ccpa-actions{display:flex;gap:10px;align-items:center;flex-shrink:0} .cc-ccpa-link{color:#0071e3;text-decoration:underline;font-size:13px;font-weight:500;white-space:nowrap} .cc-dark #cc-banner,.cc-dark #cc-ccpa-banner{background:#1c1c1e !important;color:#f5f5f7 !important;box-shadow:0 -8px 40px rgba(0,0,0,.5) !important} .cc-dark .cc-text{color:#98989d !important} .cc-dark .cc-text a,.cc-dark .cc-ccpa-link{color:#2997ff !important} .cc-dark .cc-btn-details{color:#98989d !important} .cc-dark .cc-btn-details:hover{color:#c7c7cc !important} .cc-dark .cc-btn-decline{background:#2c2c2e !important;color:#f5f5f7 !important} .cc-dark .cc-btn-decline:hover{background:#3a3a3c !important;color:#f5f5f7 !important} .cc-dark .cc-categories{border-color:#2c2c2e !important} .cc-dark .cc-cat{border-bottom-color:#2c2c2e !important} .cc-dark .cc-cat-desc{color:#8e8e93 !important} .cc-dark .cc-always-on{color:#8e8e93 !important} .cc-dark .cc-toggle .cc-slider{background:#3a3a3c !important} .cc-dark .cc-toggle .cc-slider:before{background:#f5f5f7 !important} .cc-dark .cc-toggle input:checked+.cc-slider{background:#0a84ff !important} .cc-dark .cc-toggle input:disabled+.cc-slider{background:#0a84ff !important} .cc-dark .cc-btn-accept{background:#0a84ff !important;box-shadow:0 2px 8px rgba(10,132,255,.35) !important} .cc-dark .cc-btn-accept:hover{background:#0071e3 !important;box-shadow:0 4px 16px rgba(10,132,255,.4) !important} .cc-dark .cc-btn-save{background:#30d158 !important;box-shadow:0 2px 8px rgba(48,209,88,.3) !important} .cc-dark .cc-btn-save:hover{background:#28a745 !important;box-shadow:0 4px 16px rgba(48,209,88,.35) !important} .cc-dark .cc-ccpa-text p{color:#98989d !important} .cc-dark .cc-powered{color:#aaa !important} .cc-dark .cc-powered a{color:#aaa !important} .cc-dark .cc-powered a:hover{color:#ddd !important} .cc-dark .cc-cat-label{color:#f5f5f7 !important} .cc-dark .cc-title{color:#f5f5f7 !important} .cc-dark #cc-icon{background:#f5f5f7 !important;color:#1d1d1f !important;box-shadow:0 2px 12px rgba(255,255,255,.15) !important} .cc-dark #cc-icon:hover{box-shadow:0 4px 20px rgba(255,255,255,.25) !important} @media(max-width:480px){.cc-inner{padding:24px 20px 16px}.cc-title{font-size:18px}.cc-buttons{gap:8px}.cc-btn-accept{font-size:14px;padding:12px 24px}.cc-btn-decline{font-size:12px;padding:10px 18px}}