/* Banner e finestra del consenso cookie (js/drako_consent.js) per le pagine a sé che NON
   caricano stylesheet.css (landing ai_agent_computer.php). COPIA delle regole .drako-ck-*
   di stylesheet.css del 07/10/2026: se cambiano lì, si ricopiano con
   python .claude/tools/estrai_consent_css.py <radice prod> <radice> (vedi .claude/docs/analytics-ga4.md). */
.drako-ck-banner { position: fixed; bottom: 0; left: 0; right: 0; z-index: 8000; background: #1a1a2e; color: #e0e0e0; box-shadow: 0 -2px 12px rgba(0,0,0,.3); font-family: 'Segoe UI', Roboto, Arial, sans-serif; font-size: 14px; line-height: 1.5; }
.drako-ck-banner-inner { max-width: 1500px; margin: 0 auto; padding: 16px 24px; display: flex; align-items: center; gap: 20px; }
.drako-ck-banner-text { flex: 1; margin: 0; }
.drako-ck-banner-btns { display: flex; gap: 10px; flex-shrink: 0; }
.drako-ck-banner ~ #shopbot-fab { bottom: 88px !important; }
.drako-ck-btn { border: none; border-radius: 6px; padding: 10px 20px; font-size: 14px; font-weight: 600; cursor: pointer; white-space: nowrap; transition: opacity .15s; }
.drako-ck-btn:hover { opacity: .85; }
.drako-ck-btn--accept { background: #1c63ab; color: #fff; }
.drako-ck-btn--refuse { background: transparent; color: #ccc; border: 1px solid #555; }
.drako-ck-btn--settings { background: #2a2a40; color: #e0e0e0; }

/* Modal overlay */
.drako-ck-overlay { position: fixed; inset: 0; z-index: 8400; background: rgba(0,0,0,.55); display: flex; align-items: center; justify-content: center; }
.drako-ck-modal { background: #fff; color: #222; border-radius: 12px; width: 520px; max-width: 94vw; max-height: 90vh; overflow-y: auto; box-shadow: 0 8px 32px rgba(0,0,0,.25); font-family: 'Segoe UI', Roboto, Arial, sans-serif; font-size: 14px; }
.drako-ck-modal-header { display: flex; align-items: center; justify-content: space-between; padding: 18px 24px 12px; border-bottom: 1px solid #e5e7eb; }
.drako-ck-modal-title { margin: 0; font-size: 18px; font-weight: 700; }
.drako-ck-modal-close { background: none; border: none; font-size: 26px; color: #888; cursor: pointer; padding: 0 4px; line-height: 1; }
.drako-ck-modal-close:hover { color: #333; }
.drako-ck-modal-body { padding: 16px 24px; }
.drako-ck-category { padding: 14px 0; border-bottom: 1px solid #f0f0f0; }
.drako-ck-category:last-child { border-bottom: none; }
.drako-ck-cat-row { display: flex; align-items: center; gap: 16px; }
.drako-ck-cat-info { flex: 1; }
.drako-ck-cat-info strong { font-size: 15px; display: block; margin-bottom: 2px; }
.drako-ck-cat-info p { margin: 0; font-size: 13px; color: #666; }

/* Toggle switch */
.drako-ck-toggle { position: relative; width: 48px; height: 26px; border-radius: 13px; background: #ccc; border: none; cursor: pointer; flex-shrink: 0; transition: background .2s; padding: 0; }
.drako-ck-toggle--on { background: #1c63ab; }
.drako-ck-toggle--disabled { opacity: .6; cursor: default; }
.drako-ck-toggle-knob { 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,.2); pointer-events: none; }
.drako-ck-toggle--on .drako-ck-toggle-knob { transform: translateX(22px); }

.drako-ck-modal-footer { display: flex; gap: 10px; padding: 14px 24px 18px; border-top: 1px solid #e5e7eb; justify-content: flex-end; }
.drako-ck-modal-footer .drako-ck-btn--refuse { color: #666; border-color: #ccc; }
.drako-ck-modal-footer .drako-ck-btn--settings { background: #f3f4f6; color: #333; }

/* Responsive */
@media (max-width: 600px) {
  .drako-ck-banner-inner { flex-direction: column; text-align: center; padding: 14px 16px; }
  .drako-ck-banner-btns { width: 100%; justify-content: center; }
  .drako-ck-banner ~ #shopbot-fab { bottom: 176px !important; }
  .drako-ck-modal { width: 100%; max-width: 100%; border-radius: 12px 12px 0 0; position: fixed; bottom: 0; }
  .drako-ck-modal-footer { flex-direction: column; }
  .drako-ck-modal-footer .drako-ck-btn { width: 100%; text-align: center; }
}


/* ── Affiliate Program (Programma Partner) ──────────────── */