/* Pages d'information : Aide, Support, Mentions légales */
.tnk-page { max-width: 1080px; margin: 0 auto; padding: 32px 24px 64px; font-family: 'Barlow', system-ui, sans-serif; color: #fff; }
.tnk-page a { color: #daf37c; }
.tnk-page__retour { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 18px; color: #9da1a8 !important; font-weight: 600; font-size: .92rem; text-decoration: none; }
.tnk-page__retour:hover { color: #daf37c !important; }
.tnk-page__head { margin-bottom: 32px; }
.tnk-page__surtitre { margin: 0 0 8px; color: #daf37c; font-weight: 700; font-size: .8rem; text-transform: uppercase; letter-spacing: .12em; }
.tnk-page h1 { margin: 0; font-family: 'Big Shoulders Display', 'Arial Narrow', sans-serif; font-weight: 900; font-size: 3.4rem; line-height: .95; text-transform: uppercase; color: #fff; }
.tnk-page__intro { margin: 12px 0 0; max-width: 640px; color: #9da1a8; font-size: 1.05rem; line-height: 1.55; }
.tnk-page h2 { margin: 0 0 18px; font-family: 'Big Shoulders Display', 'Arial Narrow', sans-serif; font-weight: 800; font-size: 1.8rem; text-transform: uppercase; line-height: 1; color: #fff; }
.tnk-page__section { margin-top: 44px; }
.tnk-carte { background: #0d0f13; border: 1px solid #1d2026; border-radius: 14px; }

/* ---------- Aide ---------- */
.tnk-guides { display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); }
.tnk-guide { display: flex; flex-direction: column; gap: 10px; padding: 20px; color: #fff !important; text-decoration: none; transition: border-color .2s, transform .2s; }
a.tnk-guide:hover { border-color: #daf37c; transform: translateY(-3px); }
.tnk-guide__icone { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 10px; background: rgba(218, 243, 124, .1); color: #daf37c; font-size: 1.45rem; }
.tnk-guide h3 { margin: 0; font-size: 1.1rem; font-weight: 700; }
.tnk-guide p { margin: 0; color: #9da1a8; line-height: 1.5; font-size: .95rem; }
.tnk-guide__lien { margin-top: auto; padding-top: 4px; color: #daf37c; font-weight: 700; font-size: .9rem; }
.tnk-guide--bientot { opacity: .55; }
.tnk-guide--bientot .tnk-guide__lien { color: #6b6f77; }

.tnk-faq { display: flex; flex-direction: column; gap: 10px; }
.tnk-faq details { padding: 0 20px; background: #0d0f13; border: 1px solid #1d2026; border-radius: 12px; transition: border-color .2s; }
.tnk-faq details[open] { border-color: #2f343d; }
.tnk-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 0; font-weight: 700; font-size: 1.02rem; cursor: pointer; list-style: none; }
.tnk-faq summary::-webkit-details-marker { display: none; }
.tnk-faq summary::after { content: '+'; flex-shrink: 0; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; border: 1px solid #2a2e36; color: #daf37c; font-weight: 600; font-size: 1.1rem; transition: transform .2s; }
.tnk-faq details[open] summary::after { content: '–'; }
.tnk-faq summary:hover { color: #daf37c; }
.tnk-faq__rep { padding: 0 0 18px; color: #b9bcc2; line-height: 1.6; }
.tnk-faq__rep p { margin: 0 0 10px; }
.tnk-faq__rep p:last-child { margin-bottom: 0; }
.tnk-faq__rep dl { display: grid; grid-template-columns: auto 1fr; gap: 6px 14px; margin: 0; }
.tnk-faq__rep dt { color: #daf37c; font-weight: 700; }
.tnk-faq__rep dd { margin: 0; }

.tnk-cta { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin-top: 44px; padding: 26px 28px; border-color: rgba(218, 243, 124, .35); }
.tnk-cta h2 { margin: 0 0 6px; font-size: 1.6rem; }
.tnk-cta p { margin: 0; color: #9da1a8; }
.tnk-cta__actions { display: flex; gap: 10px; flex-wrap: wrap; }

/* Boutons */
.tnk-bouton { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 46px; padding: 0 22px; border-radius: 8px; border: 1px solid #daf37c; background: #daf37c; color: #0a0c0f !important; font: 700 .95rem 'Barlow', system-ui, sans-serif; text-decoration: none; cursor: pointer; transition: background .2s, color .2s, border-color .2s; }
.tnk-bouton:hover, .tnk-bouton:focus-visible { background: transparent; color: #daf37c !important; outline: 0; }
.tnk-bouton--ghost { background: transparent; border-color: #3a3f48; color: #fff !important; }
.tnk-bouton--ghost:hover, .tnk-bouton--ghost:focus-visible { border-color: #daf37c; }
.tnk-bouton i { font-size: 1.2rem; }

/* ---------- Support ---------- */
.tnk-support { display: grid; grid-template-columns: 1fr 340px; gap: 24px; align-items: start; }
.tnk-form { padding: 26px; }
.tnk-form__ligne { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.tnk-champ { display: flex; flex-direction: column; gap: 7px; margin-bottom: 18px; }
.tnk-champ label { font-weight: 700; font-size: .92rem; }
.tnk-champ input, .tnk-champ select, .tnk-champ textarea { width: 100%; box-sizing: border-box; padding: 12px 14px; border-radius: 10px; border: 1px solid #2a2e36; background: #0a0c0f; color: #fff; font: inherit; font-size: .98rem; transition: border-color .2s; }
.tnk-champ textarea { min-height: 160px; resize: vertical; line-height: 1.5; }
.tnk-champ input:focus, .tnk-champ select:focus, .tnk-champ textarea:focus { outline: 0; border-color: #daf37c; }
.tnk-champ__aide { display: flex; justify-content: space-between; color: #6b6f77; font-size: .82rem; }
.tnk-sujets { display: flex; flex-wrap: wrap; gap: 8px; }
.tnk-sujets label { position: relative; }
.tnk-sujets input { position: absolute; opacity: 0; pointer-events: none; }
.tnk-sujets span { display: inline-block; padding: 8px 14px; border-radius: 999px; border: 1px solid #2a2e36; background: #0a0c0f; color: #d4d6da; font-weight: 600; font-size: .88rem; cursor: pointer; transition: border-color .2s, background .2s, color .2s; }
.tnk-sujets span:hover { border-color: #3a3f48; color: #fff; }
.tnk-sujets input:checked + span { background: #daf37c; border-color: #daf37c; color: #0a0c0f; }
.tnk-sujets input:focus-visible + span { outline: 2px solid #daf37c; outline-offset: 2px; }
.tnk-form__bas { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 6px; }
.tnk-form__note { margin: 0; color: #6b6f77; font-size: .85rem; }

.tnk-canaux { display: flex; flex-direction: column; gap: 14px; }
.tnk-canal { display: flex; flex-direction: column; gap: 8px; padding: 20px; }
.tnk-canal h3 { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 1.02rem; }
.tnk-canal h3 i { color: #daf37c; font-size: 1.35rem; }
.tnk-canal p { margin: 0; color: #9da1a8; font-size: .92rem; line-height: 1.5; }
.tnk-canal__mail { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.tnk-canal__mail a { font-weight: 700; font-size: .95rem; white-space: nowrap; text-decoration: none; }
.tnk-copier { flex-shrink: 0; height: 30px; padding: 0 10px; border-radius: 6px; border: 1px solid #2a2e36; background: #0a0c0f; color: #d4d6da; font: 600 .8rem 'Barlow', system-ui, sans-serif; cursor: pointer; }
.tnk-copier:hover { border-color: #daf37c; color: #daf37c; }
.tnk-reseaux { display: flex; gap: 8px; margin-top: 4px; }
.tnk-reseaux a { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; border: 1px solid #2a2e36; background: #0a0c0f; color: #fff; font-size: 1.25rem; text-decoration: none; transition: border-color .2s, color .2s; }
.tnk-reseaux a:hover { border-color: #daf37c; color: #daf37c; }

/* ---------- Mentions légales ---------- */
.tnk-legal { display: grid; grid-template-columns: 240px 1fr; gap: 32px; align-items: start; }
.tnk-sommaire { position: sticky; top: 20px; padding: 18px 20px; }
.tnk-sommaire h2 { margin: 0 0 12px; font-family: 'Barlow', system-ui, sans-serif; font-size: .75rem; font-weight: 700; letter-spacing: .12em; color: #6b6f77; }
.tnk-sommaire ol { margin: 0; padding: 0; list-style: none; counter-reset: s; display: flex; flex-direction: column; gap: 4px; }
.tnk-sommaire li { counter-increment: s; }
.tnk-sommaire a { display: flex; gap: 10px; padding: 6px 8px; border-radius: 6px; color: #d4d6da !important; font-weight: 600; font-size: .92rem; text-decoration: none; }
.tnk-sommaire a::before { content: counter(s, decimal-leading-zero); color: #6b6f77; font-variant-numeric: tabular-nums; }
.tnk-sommaire a:hover { background: #14171c; color: #daf37c !important; }
.tnk-articles { display: flex; flex-direction: column; gap: 14px; }
.tnk-article { padding: 24px 26px; scroll-margin-top: 20px; }
.tnk-article h2 { display: flex; align-items: baseline; gap: 12px; margin-bottom: 12px; font-size: 1.5rem; }
.tnk-article h2 span { font-size: 1rem; color: #daf37c; }
.tnk-article p { margin: 0 0 10px; color: #b9bcc2; line-height: 1.65; }
.tnk-article p:last-child { margin-bottom: 0; }
.tnk-article strong { color: #fff; }

@media (max-width: 860px) {
    .tnk-support, .tnk-legal { grid-template-columns: 1fr; }
    .tnk-sommaire { position: static; }
}
@media (max-width: 600px) {
    .tnk-page { padding: 24px 16px 48px; }
    .tnk-page h1 { font-size: 2.6rem; }
    .tnk-form { padding: 20px 16px; }
    .tnk-form__ligne { grid-template-columns: 1fr; gap: 0; }
    .tnk-article { padding: 20px 18px; }
    .tnk-cta { padding: 22px 18px; }
}
@media (prefers-reduced-motion: reduce) { .tnk-guide { transition: none; } a.tnk-guide:hover { transform: none; } }

/* ---------- Tableau de bord (admin) ---------- */
.tnk-tdb__resume { display: grid; gap: 12px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.tnk-tdb__resume > div { display: flex; flex-direction: column; gap: 4px; padding: 18px 20px; background: #0d0f13; border: 1px solid #1d2026; border-radius: 14px; }
.tnk-tdb__resume span { font-family: 'Big Shoulders Display', 'Arial Narrow', sans-serif; font-weight: 900; font-size: 2.6rem; line-height: 1; }
.tnk-tdb__resume small { color: #9da1a8; font-size: .9rem; font-weight: 600; }
.tnk-tdb__resume .is-alerte { border-color: rgba(194, 81, 81, .5); }
.tnk-tdb__resume .is-alerte span { color: #e38585; }
.tnk-tdb__resume .is-ok span { color: #daf37c; }
.tnk-tdb__liens { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.tnk-tdb__liens a { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border: 1px solid #2a2e36; border-radius: 10px; color: #fff !important; font-weight: 600; text-decoration: none; transition: border-color .2s, color .2s; }
.tnk-tdb__liens a:hover { border-color: #daf37c; color: #daf37c !important; }
.tnk-tdb__liens i { color: #daf37c; font-size: 1.2rem; }
.tnk-tdb__liste { display: flex; flex-direction: column; gap: 10px; }
.tnk-tdb__bloc { background: #0d0f13; border: 1px solid #1d2026; border-radius: 12px; }
.tnk-tdb__bloc summary { display: flex; align-items: center; gap: 14px; padding: 16px 18px; cursor: pointer; list-style: none; }
.tnk-tdb__bloc summary::-webkit-details-marker { display: none; }
.tnk-tdb__bloc.is-ok summary { cursor: default; }
.tnk-tdb__icone { display: grid; place-items: center; flex-shrink: 0; width: 40px; height: 40px; border-radius: 10px; background: #1d2026; color: #9da1a8; font-size: 1.3rem; }
.tnk-tdb__bloc.is-alerte .tnk-tdb__icone { background: rgba(194, 81, 81, .15); color: #e38585; }
.tnk-tdb__bloc.is-info .tnk-tdb__icone { background: rgba(218, 243, 124, .1); color: #daf37c; }
.tnk-tdb__bloc.is-ok .tnk-tdb__icone { background: rgba(218, 243, 124, .1); color: #daf37c; }
.tnk-tdb__bloc.is-ok { opacity: .6; }
.tnk-tdb__titre { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.tnk-tdb__titre strong { font-size: 1.02rem; }
.tnk-tdb__titre small { color: #9da1a8; font-size: .86rem; line-height: 1.35; }
.tnk-tdb__nb { flex-shrink: 0; min-width: 36px; padding: 4px 10px; border-radius: 999px; background: #1d2026; text-align: center; font-weight: 800; font-size: .9rem; }
.tnk-tdb__bloc.is-alerte .tnk-tdb__nb { background: #c25151; color: #fff; }
.tnk-tdb__bloc.is-ok .tnk-tdb__nb { color: #daf37c; }
.tnk-tdb__bloc ul { margin: 0; padding: 0 18px 10px; list-style: none; }
.tnk-tdb__bloc li { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 11px 0; border-top: 1px solid #1d2026; font-size: .95rem; }
.tnk-tdb__bloc li em { font-style: normal; color: #9da1a8; margin-left: 6px; }
.tnk-tdb__bloc li a { flex-shrink: 0; font-weight: 700; text-decoration: none; }
.tnk-tdb__bloc li a:hover { text-decoration: underline; }
.tnk-tdb__plus { color: #6b6f77; justify-content: center !important; }
.tnk-tdb__note { color: #6b6f77; font-size: .9rem; }
@media (max-width: 700px) {
    .tnk-tdb__resume { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tnk-tdb__resume span { font-size: 2.1rem; }
    .tnk-tdb__bloc summary { padding: 14px; gap: 12px; }
    .tnk-tdb__bloc ul { padding: 0 14px 8px; }
    .tnk-tdb__bloc li { flex-direction: column; align-items: flex-start; gap: 4px; }
    .tnk-tdb__bloc li em { display: block; margin: 2px 0 0; }
}

.tnk-tdb__liens a.is-direct { border-color: rgba(218, 243, 124, .5); color: #daf37c !important; }
.tnk-tdb__liens a small { color: #9da1a8; font-weight: 500; }
.tnk-tdb__sauvegarde { display: flex; align-items: center; gap: 16px; padding: 18px 20px; background: #0d0f13; border: 1px solid #1d2026; border-radius: 12px; }
.tnk-tdb__sauvegarde .tnk-tdb__icone { background: rgba(218, 243, 124, .1); color: #daf37c; }
.tnk-tdb__sauvegarde > div { flex: 1; min-width: 0; }
.tnk-tdb__sauvegarde p { margin: 4px 0 0; color: #9da1a8; font-size: .9rem; line-height: 1.45; }
.tnk-tdb__sauvegarde form { margin: 0; }
.tnk-tdb__bouton { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 18px; border: 1px solid #daf37c; border-radius: 10px; background: #daf37c; color: #0a0c0f; font: 700 .95rem 'Barlow', system-ui, sans-serif; cursor: pointer; white-space: nowrap; transition: background .2s, color .2s; }
.tnk-tdb__bouton:hover, .tnk-tdb__bouton:focus-visible { background: transparent; color: #daf37c; }
.tnk-tdb__bouton i { font-size: 1.2rem; }
@media (max-width: 700px) {
    .tnk-tdb__sauvegarde { flex-wrap: wrap; }
    .tnk-tdb__sauvegarde form, .tnk-tdb__bouton { width: 100%; justify-content: center; }
}