/* ==========================================================================
   Easy3D cookie-consent banner (assets/consent.js).
   Loaded on every page that also loads consent.js. Uses fallback var()
   chains -- var(--paper-2, var(--color-neutral-100, #f9f4ed)) -- so one
   stylesheet matches whichever theme is active: the "maker studio" tokens
   (--paper/--ink/--accent…) in the tool, or the "organic" tokens
   (--color-bg/--color-text/--color-accent…) on the homepage and landing
   pages. See assets/style.css + assets/app-organic.css vs assets/organic.css.
   ========================================================================== */

.t3d-consent-banner {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 9999;
  background: var(--paper-2, var(--color-neutral-100, #f9f4ed));
  border-top: 1px solid var(--line, var(--color-divider, rgba(32, 30, 29, .16)));
  box-shadow: 0 -6px 24px rgba(20, 16, 8, .12);
  padding: 16px clamp(16px, 4vw, 32px);
  font-family: var(--font-ui, var(--font-body, system-ui, sans-serif));
  color: var(--ink, var(--color-text, #201e1d));
}
.t3d-consent-banner[hidden] { display: none !important; }

.t3d-consent-inner {
  max-width: 1200px; margin: 0 auto;
  display: flex; align-items: center; gap: 20px; flex-wrap: wrap;
}

.t3d-consent-text {
  flex: 1 1 380px; margin: 0;
  font-size: 13.5px; line-height: 1.55;
  color: var(--ink-soft, color-mix(in srgb, var(--color-text, #201e1d) 78%, transparent));
}
.t3d-consent-text a {
  color: var(--accent, var(--color-accent, #c67139));
  font-weight: 600; text-underline-offset: 2px;
}

/* Equal-weight actions -- neither is a dark pattern nudging toward Accept. */
.t3d-consent-actions { display: flex; gap: 10px; flex: none; }
.t3d-consent-actions button {
  font-family: var(--font-disp, var(--font-heading, inherit));
  font-weight: 600; font-size: 13.5px; line-height: 1.2;
  padding: 10px 22px; border-radius: 999px; cursor: pointer;
  border: 1px solid var(--line, var(--color-divider, rgba(32, 30, 29, .16)));
  background: var(--paper, var(--color-bg, #fff));
  color: var(--ink, var(--color-text, #201e1d));
  transition: background .15s ease, border-color .15s ease;
}
.t3d-consent-actions button:hover {
  border-color: var(--accent, var(--color-accent, #c67139));
}

/* Keep the fixed banner from ever covering page content (incl. the tool's
   own controls on mobile) -- push the bottom of the document up by its
   height while it's visible, instead of overlaying anything permanently. */
body.t3d-consent-open { padding-bottom: 92px; }

@media (max-width: 640px) {
  .t3d-consent-inner { flex-direction: column; align-items: stretch; gap: 12px; }
  .t3d-consent-actions button { flex: 1; }
  body.t3d-consent-open { padding-bottom: 152px; }
}

[dir="rtl"] .t3d-consent-banner { text-align: right; }