/* assets/css/consent.css */

/* Banner */
.cookie-consent {
  position: fixed; inset: auto 1rem 1rem 1rem;
  z-index: 9999; background: #0b1020; color: #fff;
  border-radius: 12px; box-shadow: 0 8px 30px rgba(0,0,0,.35);
  padding: .75rem; font: 500 14px/1.4 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.cookie-consent .cookie-inner { display: flex; gap: 1rem; align-items: center; }
.cookie-consent .cookie-text { flex: 1; }
.cookie-consent a { color: #9bd0ff; text-decoration: underline; }
.cookie-actions { display: flex; gap: .5rem; }
.cookie-actions .btn { border: 0; padding: .6rem .9rem; cursor: pointer; border-radius: 10px; }
.cookie-actions .btn-decline { background: #e6e9f2; color: #111; font-weight: 700; }
.cookie-actions .btn-accept  { background: #15a14a; color: #fff; font-weight: 700; }
@media (max-width: 640px){ .cookie-consent { inset: auto .5rem .5rem .5rem; } .cookie-consent .cookie-inner { flex-direction: column; align-items: stretch; } .cookie-actions { justify-content: space-between; } }

/* Two-click YouTube */
.yt-2click {
  position: relative; background: #111; color: #fff; border-radius: 12px; overflow: hidden;
  display: block; outline: none;
}
.yt-2click-inner { display: grid; grid-template-columns: 200px 1fr; gap: 1rem; align-items: center; padding: 1rem; }
.yt-2click-thumb { position: relative; width: 100%; padding-top: 56.25%; background-size: cover; background-position: center; background-image: linear-gradient(135deg, #1c1f2b, #0b1020); border-radius: 10px; }
.yt-2click-generic { position: absolute; inset: 0; display: grid; place-items: center; }
.yt-2click-generic svg { width: 68px; height: 48px; }
.yt-2click-text { font: 500 14px/1.4 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.yt-2click-actions { display: flex; gap: .5rem; }
.yt-2click .btn { border: 0; padding: .6rem .9rem; cursor: pointer; border-radius: 10px; font-weight: 700; }
.yt-2click .btn-allow-once { background: #e6e9f2; color: #111; }
.yt-2click .btn-accept-all { background: #15a14a; color: #fff; }
@media (max-width: 800px){ .yt-2click-inner { grid-template-columns: 1fr; } }