/* Bandeau de cookies : même verre sombre que la pastille. « Refuser » et « Accepter » ont le même poids visuel (CNIL). */
.ta-page .ta-consent { position: fixed; left: 20px; bottom: 20px; z-index: 95; display: grid; gap: 14px; width: min(400px, calc(100% - 40px)); padding: 18px 18px 16px; border: 1px solid #45454d; border-radius: 18px; background: rgba(18,18,20,.96); backdrop-filter: blur(16px); box-shadow: 0 12px 40px rgba(0,0,0,.45); color: var(--ta-fg); font-size: 13px; line-height: 1.55; }
.ta-page .ta-consent[hidden] { display: none; }
.ta-page .ta-consent p { color: #c4c4cc; }
.ta-page .ta-consent p a { color: var(--ta-fg); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: #5a5a62; }
.ta-page .ta-consent-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ta-page .ta-consent-actions button { padding: 10px 14px; border: 1px solid #45454d; border-radius: 30px; background: var(--ta-raised); color: var(--ta-fg); font: inherit; font-weight: 500; cursor: pointer; }
.ta-page .ta-consent-actions button:hover { background: #26262b; }
.ta-page .ta-consent button:focus-visible, .ta-page .ta-consent a:focus-visible, .ta-page .ta-consent-manage:focus-visible { outline: 2px solid var(--ta-green); outline-offset: 2px; }
/* Bandeau ouvert : la pastille de réservation s'efface pour ne pas le chevaucher. */
html.ta-consent-open .ta-page .ta-pill { visibility: hidden; }
/* « Gérer les cookies » : un bouton, présenté comme les liens légaux du pied de page. */
.ta-page .ta-consent-manage { padding: 0; border: 0; background: none; color: var(--ta-muted); font: inherit; cursor: pointer; }
.ta-page .ta-consent-manage:hover { color: var(--ta-fg); }
.ta-legal-page .ta-footer .ta-legal { margin-left: auto; font-size: 12px; }
@media (max-width: 700px) {
  .ta-page .ta-consent { left: 16px; right: 16px; bottom: 12px; width: auto; }
}