/* ========================================================= MAGICALRADIO3D INFO RADIO V5 ========================================================= */ .left-column > .agenda-card.agenda-info-radio-v5{ position:relative!important; width:100%!important; height:108px!important; min-height:108px!important; margin:0 0 14px!important; padding:9px 12px!important; box-sizing:border-box!important; overflow:hidden!important; display:block!important; border-radius:17px!important; border: 1px solid rgba(34,211,238,.65)!important; background: radial-gradient( circle at 82% 0%, rgba(217,70,239,.22), transparent 40% ), linear-gradient( 105deg, rgba(5,13,38,.99), rgba(15,13,52,.99) )!important; box-shadow: 0 0 18px rgba(34,211,238,.20), 0 0 26px rgba(217,70,239,.08), 0 11px 25px rgba(0,0,0,.32)!important; } /* flyer supprimĂ© */ .agenda-info-radio-v5 #agendaFlyer{ display:none!important; } /* structure */ .agenda-info-radio-v5 .agenda-main{ width:100%!important; height:100%!important; padding:0!important; display:grid!important; grid-template-columns: auto minmax(0,1fr) auto auto!important; grid-template-rows: 30px 30px 30px!important; gap:3px 10px!important; align-items:center!important; } /* ========================================================= HAUT ========================================================= */ .agenda-info-radio-v5 .agenda-main > .muted.small{ grid-column:1!important; grid-row:1!important; margin:0!important; padding:5px 9px!important; border-radius:999px!important; color:#46e5ff!important; font-size:.54rem!important; font-weight:950!important; letter-spacing:.08em!important; white-space:nowrap!important; border: 1px solid rgba(34,211,238,.30)!important; background: rgba(34,211,238,.06)!important; } .agenda-info-radio-v5 #agendaShowTitle{ grid-column:2!important; grid-row:1!important; margin:0!important; font-size:.95rem!important; line-height:1!important; font-weight:950!important; color:#fff!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .agenda-info-radio-v5 #agendaCountdown{ grid-column:3!important; grid-row:1!important; margin:0!important; padding:6px 11px!important; width:auto!important; border-radius:999px!important; color:#fff!important; font-size:.60rem!important; line-height:1!important; font-weight:950!important; white-space:nowrap!important; background: rgba(236,72,153,.22)!important; border: 1px solid rgba(236,72,153,.50)!important; } .agenda-info-radio-v5 #agendaCountdown.agenda-live-now{ background: linear-gradient( 90deg, #dc2626, #ec4899 )!important; box-shadow: 0 0 14px rgba(236,72,153,.30)!important; } /* bouton agenda */ .agenda-info-radio-v5 .agenda-open-btn{ grid-column:4!important; grid-row:1!important; position:static!important; margin:0!important; padding:6px 12px!important; min-height:28px!important; border-radius:999px!important; color:#fff!important; font-size:.57rem!important; font-weight:900!important; white-space:nowrap!important; background: linear-gradient( 105deg, #8158f5, #24caef )!important; border: 1px solid rgba(255,255,255,.20)!important; } .agenda-info-radio-v5 .agenda-open-btn::before{ content:"📅"; margin-right:5px; } /* ancien pied cachĂ© */ .agenda-info-radio-v5 .count-foot{ display:none!important; } /* ========================================================= FILS ========================================================= */ .agenda-v5-line{ grid-column:1 / -1!important; width:100%!important; height:30px!important; min-width:0!important; display:grid!important; grid-template-columns: 92px minmax(0,1fr)!important; align-items:center!important; overflow:hidden!important; border-radius:8px!important; } .agenda-v5-program{ grid-row:2!important; background: rgba(34,211,238,.055)!important; border: 1px solid rgba(34,211,238,.11)!important; } .agenda-v5-activity{ grid-row:3!important; background: rgba(236,72,153,.055)!important; border: 1px solid rgba(236,72,153,.12)!important; } /* labels */ .agenda-v5-label{ height:100%!important; display:flex!important; align-items:center!important; padding-left:9px!important; box-sizing:border-box!important; font-size:.50rem!important; font-weight:950!important; letter-spacing:.08em!important; white-space:nowrap!important; } .agenda-v5-program .agenda-v5-label{ color:#45e6ff!important; } .agenda-v5-activity .agenda-v5-label{ color:#ff72c9!important; } /* fenĂȘtre */ .agenda-v5-viewport{ position:relative!important; width:100%!important; height:100%!important; overflow:hidden!important; -webkit-mask-image: linear-gradient( 90deg, transparent, #000 3%, #000 97%, transparent ); mask-image: linear-gradient( 90deg, transparent, #000 3%, #000 97%, transparent ); } /* piste */ .agenda-v5-track{ height:100%!important; display:flex!important; align-items:center!important; width:max-content!important; will-change:transform!important; } .agenda-v5-program .agenda-v5-track{ animation: mr3dProgramScroll 22s linear infinite!important; } .agenda-v5-activity .agenda-v5-track{ animation: mr3dActivityScroll 27s linear infinite!important; } /* texte */ .agenda-v5-copy{ display:block!important; flex-shrink:0!important; padding-right:75px!important; white-space:nowrap!important; font-size:.62rem!important; line-height:30px!important; font-weight:850!important; letter-spacing:.025em!important; color:#eafaff!important; } .agenda-v5-activity .agenda-v5-copy{ color:#fff0fa!important; } /* dĂ©filement */ @keyframes mr3dProgramScroll{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } } @keyframes mr3dActivityScroll{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } } /* pause souris */ .agenda-v5-line:hover .agenda-v5-track{ animation-play-state:paused!important; } /* mobile */ @media(max-width:700px){ .agenda-info-radio-v5 .agenda-main{ grid-template-columns: auto minmax(0,1fr) auto!important; } .agenda-info-radio-v5 .agenda-open-btn{ display:none!important; } .agenda-v5-line{ grid-template-columns: 78px minmax(0,1fr)!important; } }