/**
 * Tin Can Smartphone skin for django_cookie_consent (Albrecht layout + DS tokens).
 * Load after django_cookie_consent/css/cookie-consent.css
 */
.dcc-cookie-banner,
.dcc-cookie-settings {
  --dcc-bg: var(--surface-card, #ffffff);
  --dcc-text: var(--text-body, #141414);
  --dcc-muted: var(--text-secondary, #777777);
  --dcc-border: var(--ink, #141414);
  --dcc-shadow: 0 16px 48px rgba(20, 20, 20, 0.14);
  --dcc-primary: var(--cyan-400, #54B4E0);
  --dcc-primary-text: var(--ink, #141414);
  --dcc-radius: var(--radius-lg, 16px);
  --dcc-font: var(--font-sans, "Nunito Sans", system-ui, sans-serif);
}

.dcc-cookie-banner {
  border-width: 2px;
  border-color: var(--ink, #141414);
  max-width: min(760px, calc(100% - 40px));
}

.dcc-cookie-banner__title {
  font-weight: 900;
  letter-spacing: -0.01em;
}

.dcc-cookie-banner__trust {
  font-family: var(--font-mono, "Space Mono", ui-monospace, monospace);
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: lowercase;
  color: var(--text-brand, #257CA6);
}

.dcc-cookie-banner__actions {
  gap: 10px;
  min-width: min(280px, 100%);
}

.dcc-cookie-banner__btn {
  border-radius: var(--radius-pill, 999px);
  border-width: 2px;
  font-weight: 800;
  min-height: 42px;
  padding: 8px 18px;
}

.dcc-cookie-banner__btn--primary {
  background: var(--dcc-primary);
  color: var(--dcc-primary-text);
  border-color: var(--ink, #141414);
}

.dcc-cookie-banner__btn--primary:hover {
  background: var(--cyan-300, #81CAEA);
}

.dcc-cookie-banner__btn--secondary {
  background: #fff;
  color: var(--ink, #141414);
  border-color: var(--ink, #141414);
}

.dcc-cookie-banner__btn--secondary:hover {
  background: var(--gray-50, #F7F7F7);
}

.dcc-cookie-banner__btn--ghost {
  color: var(--text-secondary, #777);
  font-weight: 700;
}

/* Equal ease — Accept and Necessary only */
.dcc-cookie-banner__actions .dcc-cookie-banner__btn--primary,
.dcc-cookie-banner__actions .dcc-cookie-banner__btn--secondary {
  min-width: 9.5rem;
  flex: 1 1 auto;
}

.dcc-cookie-banner__customize {
  background: var(--surface-sunken, #F7F7F7);
  border: 2px solid var(--gray-200, #E3E3E3);
  border-radius: var(--radius-md, 10px);
}

.dcc-cookie-banner__links a {
  color: var(--link, #257CA6);
  font-weight: 800;
}

.dcc-cookie-settings__box {
  border: 2px solid var(--ink, #141414);
  border-radius: var(--radius-lg, 16px);
}

.dcc-cookie-settings__badge {
  border-radius: var(--radius-pill, 999px);
  background: var(--cyan-50, #EDF7FC);
  color: var(--cyan-700, #1C6183);
  border: 1px solid var(--cyan-200, #ADDCF2);
}

.dcc-cookie-settings__actions .dcc-cookie-banner__btn--primary,
.dcc-cookie-settings__actions .dcc-cookie-banner__btn--secondary {
  border-radius: var(--radius-pill, 999px);
  border-width: 2px;
  font-weight: 800;
}