/* Accueil : but du mois (carte pleine largeur, style « article ») */

/* ---------- But du mois ---------- */
.tnk-bdm-une { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); margin: 0; overflow: hidden; background: #0d0f13; font-family: 'Barlow', system-ui, sans-serif; }
.tnk-bdm-une__media { position: relative; z-index: 0; display: block; min-height: 420px; padding: 0; border: 0; background: #000; cursor: pointer; overflow: hidden; }
.tnk-bdm-une__media .mbdm { position: absolute; inset: 0; transition: transform .6s cubic-bezier(.2, .7, .2, 1); }
.tnk-bdm-une__media:hover .mbdm { transform: scale(1.02); }
.tnk-bdm-une__play { position: absolute; z-index: 5; right: 16px; bottom: 16px; display: grid; place-items: center; width: 56px; height: 56px; padding-left: 4px; border-radius: 50%; background: rgba(10, 12, 15, .7); border: 2px solid #fff; color: #fff; font-size: 2rem; transition: background .2s, color .2s, border-color .2s; }
.tnk-bdm-une__media:hover .tnk-bdm-une__play { background: #daf37c; border-color: #daf37c; color: #0a0c0f; }
.tnk-bdm-une__texte { display: flex; flex-direction: column; justify-content: center; gap: 14px; max-width: 640px; padding: clamp(28px, 5vw, 64px); color: #fff; }
.tnk-bdm-une__label { margin: 0; color: #daf37c; font-size: .8rem; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; }
.tnk-bdm-une__texte h2 { margin: 0; font: 800 clamp(1.7rem, 3.2vw, 2.6rem)/1.08 'Barlow', system-ui, sans-serif; }
.tnk-bdm-une__desc { margin: 0; color: #c9ccd1; font-size: 1.02rem; line-height: 1.55; }
.tnk-bdm-une__boutons { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 6px; }
.tnk-bdm-une__btn { display: inline-flex; align-items: center; gap: 8px; padding: 11px 20px; border: 1px solid #daf37c; border-radius: 999px; background: #daf37c; color: #0a0c0f; font: 700 .95rem 'Barlow', system-ui, sans-serif; text-decoration: none; cursor: pointer; }
.tnk-bdm-une__btn i { font-size: 1.25rem; }
.tnk-bdm-une__btn--ghost { background: transparent; color: #fff; border-color: #4a4e55; }
.tnk-bdm-une__btn:hover { filter: brightness(1.08); }
.tnk-bdm-une__btn--ghost:hover { border-color: #daf37c; color: #daf37c; }
.tnk-bdm-une__admin { align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; color: #9da1a8; font-size: .85rem; text-decoration: none; }
.tnk-bdm-une__admin:hover { color: #daf37c; }

/* ---------- Mobile ---------- */
@media (max-width: 860px) {
    .tnk-bdm-une { grid-template-columns: 1fr; }
    .tnk-bdm-une__media { min-height: 0; aspect-ratio: 16 / 11; }
}
@media (max-width: 480px) {
    .tnk-bdm-une__texte { padding: 26px 16px 30px; }
    .tnk-bdm-une__play { width: 46px; height: 46px; font-size: 1.6rem; right: 12px; bottom: 12px; }
}
@media (prefers-reduced-motion: reduce) {
    .tnk-bdm-une__media .mbdm { transition: none; }
}

/* La page d'accueil met toutes les <video> en fond (position fixe) : on remet le lecteur à sa place */
#acc-visio video { position: static; z-index: auto; width: auto; height: auto; }
#acc-visio .tnk-lect video { width: 100%; height: 100%; }