/* Accueil musical Le Loup FM — uniquement la colonne de gauche de la page d'accueil */
.listen-bar .grid > .card.tile:has(.llam-shell) { display:block; }
.llam-shell { color:#f5fbf4; font-family:inherit; width:100%; }
.llam-top { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:22px; }
.llam-kicker { font-size:12px; font-weight:900; color:#b4ff51; letter-spacing:.13em; }
.llam-heading h3 {margin:5px 0 0!important; font-size:27px; line-height:1.2; color:#fff;}
.llam-live {white-space:nowrap; padding:8px 10px; border:1px solid #3c622e; background:#19311d; color:#b8ff72; border-radius:100px; font-size:10px; font-weight:900; letter-spacing:.04em;}
.llam-live span {display:inline-block; height:7px; width:7px; margin-right:5px; border-radius:50%; background:#a4ff20; box-shadow:0 0 9px #a4ff20;}
.llam-label {display:block; margin:0 0 10px; color:#b3c5b2; font-size:11px; font-weight:900; letter-spacing:.08em;}
.llam-select {display:block; width:100%; min-height:55px; padding:12px 16px; margin:0 0 20px; background:#14241a!important; border:1px solid #466d3a!important; border-radius:13px; color:#fff!important; font-size:16px; font-weight:750;}
.llam-current {padding:18px; background:linear-gradient(135deg,#17291c,#101b16); border:1px solid rgba(168,255,80,.20); border-radius:18px; margin-bottom:18px;}
.llam-current-main {display:flex; gap:15px; align-items:center; min-width:0;}
.llam-cover {height:88px; width:88px; border-radius:13px; flex:0 0 88px; background:#283c26; color:#a4ff20; display:flex; align-items:center; justify-content:center; font-size:39px; overflow:hidden;}
.llam-cover img {display:block; width:100%; height:100%; object-fit:contain;}
.llam-info {flex:1; min-width:0;}
.llam-title {display:block; overflow-wrap:anywhere; color:#fff; font-size:20px; line-height:1.25; margin-bottom:8px;}
.llam-artist {display:block; color:#b4ff55; font-size:15px; overflow-wrap:anywhere;}
.llam-open {width:100%; min-height:62px; padding:14px 13px; background:#a4ff20; color:#101b0e!important; border-radius:15px; text-decoration:none!important; font-size:14px; letter-spacing:.03em; font-weight:1000; display:flex; align-items:center; justify-content:center; gap:10px; text-align:center; box-shadow:0 10px 23px #a4ff202c; transition:transform .2s,background .2s;}
.llam-open:hover,.llam-open:focus-visible {background:#c4ff68;color:#0b160b!important;transform:translateY(-1px);}
.llam-history-heading {display:flex; align-items:center; justify-content:space-between; margin:26px 0 13px; border-top:1px solid rgba(255,255,255,.1); padding-top:19px;}
.llam-history-heading h4 {color:#fff; margin:0; font-size:18px;}
.llam-history-heading span {font-size:22px; color:#a4ff20;}
.llam-history {list-style:none!important; margin:0!important; padding:0!important;}
.llam-history-item {display:flex; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid rgba(255,255,255,.08); min-width:0;}
.llam-number {width:35px; height:35px; border-radius:10px; background:#243b29; color:#a4ff20; font-size:14px; font-weight:900; display:flex; align-items:center; justify-content:center; flex:none;}
.llam-history-text {min-width:0; flex:1;}
.llam-history-text strong {display:block; font-size:14px; font-weight:800; color:#f7fff3; overflow-wrap:anywhere;}
.llam-history-text span {display:block; font-size:12px; margin-top:3px; color:#aabdaa; overflow-wrap:anywhere;}
.llam-history-item time {flex:none; color:#95ab95; font-size:12px;}
.llam-empty {padding:15px 0; color:#adbead; font-size:13px;}
.llam-footnote {margin:17px 0 0!important; font-size:12px; line-height:1.5; color:#a4b6a1;}
@media (max-width:600px) { .llam-heading h3{font-size:23px;} .llam-cover{width:70px;height:70px;flex-basis:70px;} .llam-title{font-size:17px;} .llam-current{padding:13px;} .llam-open{font-size:12px;} }
@media (prefers-reduced-motion:reduce){.llam-open{transition:none;}}

/* Historique musical 1.1 : pochettes miniatures et heure de diffusion */
.llam-history-cover {
  width:46px; height:46px; flex:0 0 46px;
  display:flex; align-items:center; justify-content:center;
  background:#233c28; border:1px solid rgba(164,255,32,.16);
  color:#a4ff20; border-radius:9px; overflow:hidden; font-size:21px;
}
.llam-history-cover img {width:100%;height:100%;display:block;object-fit:cover;}
.llam-history-item {gap:12px; min-height:65px;}
.llam-history-item time {min-width:42px; text-align:right; font-variant-numeric:tabular-nums;}
@media(max-width:480px) {
  .llam-history-cover {width:40px;height:40px;flex-basis:40px;}
  .llam-history-item {gap:9px;}
  .llam-history-item time {font-size:11px;}
}