/* Tinhinan — bannières « Écouter sur » (Spotify / Apple Podcasts). Rendu par /js/podcast-platforms.js */
.listen-on { display: flex; flex-wrap: wrap; gap: .8rem; justify-content: center; align-items: stretch; margin: 1.5rem auto; min-height: 56px; }
.listen-on.listen-on-start { justify-content: flex-start; }
.listen-badge {
    display: inline-flex; align-items: center; gap: .75rem; min-height: 56px; padding: .55rem 1.2rem .55rem .6rem;
    background: #0d1410; color: #f2efea; text-decoration: none; border-radius: 999px; border: 1px solid rgba(201,168,76,.28);
    box-shadow: 0 8px 24px rgba(13,20,16,.18); opacity: 0; transform: translateY(10px);
    transition: transform .45s cubic-bezier(.16,1,.3,1), box-shadow .45s, border-color .3s, opacity .6s cubic-bezier(.16,1,.3,1);
}
.listen-on.is-ready .listen-badge { opacity: 1; transform: none; }
.listen-on.is-ready .listen-badge:nth-child(2) { transition-delay: .08s; } .listen-on.is-ready .listen-badge:nth-child(3) { transition-delay: .16s; }
.listen-badge:hover { transform: translateY(-3px); border-color: #c9a84c; box-shadow: 0 16px 36px rgba(13,20,16,.28); color: #f2efea; }
.listen-badge:focus-visible { outline: 3px solid #c9a84c; outline-offset: 3px; }
.listen-ic { width: 40px; height: 40px; flex: 0 0 40px; border-radius: 10px; overflow: hidden; display: inline-flex; }
.listen-ic svg { width: 100%; height: 100%; display: block; }
.listen-tx { display: flex; flex-direction: column; line-height: 1.15; text-align: start; }
.listen-small { font-family: 'DM Mono', ui-monospace, monospace; font-size: .62rem; letter-spacing: .12em; text-transform: uppercase; color: #c9a84c; }
.listen-small:lang(ar) { font-family: 'Almarai', sans-serif; letter-spacing: 0; text-transform: none; font-size: .75rem; }
.listen-name { font-family: 'DM Sans', sans-serif; font-weight: 700; font-size: 1rem; white-space: nowrap; }
[data-theme="dark"] .listen-badge { background: #1f2320; }
@media (pointer: coarse) { .listen-badge { min-height: 56px; } }
@media (max-width: 480px) { .listen-on { gap: .6rem; } .listen-badge { padding-right: .9rem; } .listen-name { font-size: .92rem; } }
@media (prefers-reduced-motion: reduce) { .listen-badge { opacity: 1 !important; transform: none !important; transition: none !important; } }