/* Saicosys Cookie Consent — styled through CSS variables set from the package config. */
.cc-root, .cc-root * { box-sizing: border-box; }
.cc-root { font-family: var(--cc-font, inherit); color: var(--cc-text); font-size: 15px; line-height: 1.5; }
html.cc-lock { overflow: hidden; }

.cc-banner {
  position: fixed; z-index: var(--cc-z); background: var(--cc-bg); color: var(--cc-text);
  border: 1px solid var(--cc-border); border-radius: var(--cc-radius);
  box-shadow: 0 20px 60px rgba(0,0,0,.22); padding: 22px 24px; width: min(440px, calc(100vw - 32px));
  animation: cc-in .35s ease-out both;
}
.cc-pos-bottom-left { left: 16px; bottom: 16px; }
.cc-pos-bottom-right { right: 16px; bottom: 16px; }
.cc-pos-bottom { left: 16px; right: 16px; bottom: 16px; width: auto; display: flex; flex-wrap: wrap; align-items: center; gap: 16px 28px; }
.cc-pos-bottom .cc-msg { flex: 1 1 420px; margin: 0; }
.cc-pos-bottom .cc-title { flex: 1 1 100%; margin: 0; }
.cc-pos-center { left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(520px, calc(100vw - 32px)); animation: none; }

.cc-title { margin: 0 0 8px; font-size: 18px; font-weight: 700; color: var(--cc-text); letter-spacing: -.01em; }
.cc-msg { margin: 0 0 16px; color: var(--cc-muted); font-size: 14px; }
.cc-link { color: var(--cc-primary); text-decoration: underline; }
.cc-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.cc-pos-bottom .cc-actions { flex: 0 0 auto; }

.cc-btn {
  appearance: none; cursor: pointer; border-radius: 999px; padding: 10px 18px; font: inherit; font-weight: 600; font-size: 14px;
  border: 1px solid var(--cc-border); background: transparent; color: var(--cc-text); transition: all .2s ease;
}
.cc-btn:hover { border-color: var(--cc-text); }
.cc-btn:focus-visible, .cc-x:focus-visible, .cc-reopen:focus-visible, .cc-switch:focus-visible { outline: 3px solid color-mix(in srgb, var(--cc-primary) 45%, transparent); outline-offset: 2px; }
.cc-btn-primary { background: var(--cc-primary); border-color: var(--cc-primary); color: var(--cc-primary-text); }
.cc-btn-primary:hover { filter: brightness(.92); border-color: var(--cc-primary); }

.cc-modal { position: fixed; inset: 0; z-index: calc(var(--cc-z) + 1); background: rgba(10,10,10,.55); display: flex; align-items: center; justify-content: center; padding: 16px; backdrop-filter: blur(2px); }
.cc-modal-card { background: var(--cc-bg); color: var(--cc-text); border-radius: var(--cc-radius); width: min(620px, 100%); max-height: calc(100vh - 32px); overflow: auto; padding: 26px; box-shadow: 0 30px 80px rgba(0,0,0,.35); outline: none; animation: cc-in .25s ease-out both; }
.cc-modal-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.cc-x { appearance: none; background: transparent; border: 0; color: var(--cc-muted); font-size: 28px; line-height: 1; cursor: pointer; padding: 0 6px; }
.cc-cats { margin: 4px 0 20px; }
.cc-cat { border-top: 1px solid var(--cc-border); padding: 16px 0; }
.cc-cat-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.cc-cat-label { font-weight: 600; font-size: 15px; }
.cc-cat-desc { margin: 6px 0 0; color: var(--cc-muted); font-size: 13.5px; }
.cc-cookies { margin: 6px 0 0; font-size: 12px; color: var(--cc-muted); opacity: .85; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.cc-badge { font-size: 12px; font-weight: 600; color: var(--cc-primary); background: color-mix(in srgb, var(--cc-primary) 10%, transparent); padding: 4px 10px; border-radius: 999px; white-space: nowrap; }

.cc-switch { appearance: none; width: 44px; height: 26px; border-radius: 999px; background: #c9c9c9; position: relative; cursor: pointer; transition: background .2s; flex: none; margin: 0; }
.cc-switch::after { content: ''; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: #fff; transition: transform .2s; box-shadow: 0 1px 3px rgba(0,0,0,.3); }
.cc-switch:checked { background: var(--cc-primary); }
.cc-switch:checked::after { transform: translateX(18px); }

.cc-reopen { position: fixed; left: 16px; bottom: 16px; z-index: var(--cc-z); width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--cc-border); background: var(--cc-bg); box-shadow: 0 6px 20px rgba(0,0,0,.18); cursor: pointer; font-size: 20px; display: flex; align-items: center; justify-content: center; transition: transform .2s; }
.cc-reopen:hover { transform: scale(1.08); }

@keyframes cc-in { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .cc-banner, .cc-modal-card { animation: none; } }
@media (max-width: 520px) { .cc-actions .cc-btn { flex: 1 1 100%; } }