#teamStatsModal .pl1-modal__panel > div:first-child, #matchStatsModal .pl1-modal__panel > div:first-child { flex: 0 0 auto; padding: 1rem 1.25rem !important; background: #eff6ff; } #teamStatsModal .pl1-modal__panel > div:last-child, #matchStatsModal .pl1-modal__panel > div:last-child { min-height: 0; flex: 1 1 auto; padding: 0 !important; } #teamStatsContent, #matchStatsContent { max-height: calc(100dvh - 8rem); } .pl1-public-match-card { outline: 0; } .pl1-public-match-card:focus-visible { border-color: #3b82f6 !important; box-shadow: 0 0 0 3px rgba(59, 130, 246, .2); } .pl1-public-match-card__layout { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 1rem; } .pl1-public-match-team { display: flex; min-width: 0; align-items: center; gap: .75rem; } .pl1-public-match-team--away { justify-content: flex-end; } .pl1-public-match-team__logo { width: 3rem; height: 3rem; flex: 0 0 3rem; } .pl1-public-match-team__name { overflow: hidden; color: #0f172a; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; } .pl1-public-match-team--away .pl1-public-match-team__name { text-align: right; } .pl1-public-match-center { display: grid; min-width: 10rem; justify-items: center; gap: .25rem; text-align: center; } .pl1-public-match-score { color: #0f172a; font-size: 1.25rem; font-weight: 800; } .pl1-public-match-meta { color: #64748b; font-size: .78rem; white-space: nowrap; } .pl1-public-match-status { margin-top: .3rem; } .pl1-football-modal-body { overflow: auto; width: 100%; max-height: calc(100dvh - 8rem); padding: 1.25rem; color: #334155; font-size: 0.82rem; } .pl1-football-modal-body th, .pl1-football-modal-body td { padding: 0.5rem; border-bottom: 1px solid #e2e8f0; vertical-align: middle; } .pl1-football-modal-body th[colspan], .pl1-football-modal-body td[colspan].bg-gray-100, .pl1-football-modal-body td[colspan].bg-gray-300 { background: #f1f5f9; color: #0f172a; font-weight: 700; } .pl1-football-modal-body img.w-16, .pl1-football-modal-body > div:first-child img { display: block; width: 4rem; height: 4rem; margin: 0 auto 0.5rem; object-fit: contain; } .pl1-football-modal-body .space-x-2 > * + * { margin-left: 0.5rem; } .pl1-football-modal-body .space-y-3 > * + * { margin-top: 0.75rem; } .pl1-football-modal-body .text-xs { font-size: 0.72rem; } .pl1-football-modal-body .text-sm { font-size: 0.82rem; } .pl1-football-modal-body .font-semibold { font-weight: 700; } .pl1-football-modal-body .font-bold { font-weight: 800; } .pl1-football-modal-body .p-2 { padding: 0.5rem; } .pl1-football-modal-body .p-3 { padding: 0.75rem; } .pl1-football-modal-body .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .pl1-football-modal-body .mt-1 { margin-top: 0.25rem; } .pl1-football-modal-body .mt-2 { margin-top: 0.5rem; } .pl1-football-modal-body .mt-3 { margin-top: 0.75rem; } .pl1-football-modal-body .mb-1 { margin-bottom: 0.25rem; } .pl1-football-modal-body .mb-2 { margin-bottom: 0.5rem; } .pl1-football-modal-body .mb-3 { margin-bottom: 0.75rem; } .pl1-football-modal-body .ml-2 { margin-left: 0.5rem; } .pl1-football-modal-body .ml-3 { margin-left: 0.75rem; } .pl1-football-modal-body .mr-2 { margin-right: 0.5rem; } .pl1-football-modal-body .mr-3 { margin-right: 0.75rem; } .pl1-football-modal-body .rounded-lg { border-radius: 0.65rem; } .pl1-football-modal-body .shadow-sm { box-shadow: 0 1px 3px rgba(15, 23, 42, 0.1); } .pl1-football-modal-body .pl1-event-icon { width: 1.25em; } .pl1-football-modal-body .pl1-match-events-grid, .pl1-football-modal-body .mb-6 > h3 + .grid.grid-cols-1.md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .pl1-football-modal-body .pl1-match-events-team, .pl1-football-modal-body .mb-6 > h3 + .grid.grid-cols-1.md\:grid-cols-2 > div { min-width: 0; } .pl1-football-modal-body .tab-button-stats:hover, .pl1-football-modal-body .tab-button-stats:focus, .pl1-football-modal-body .hover\:text-blue-600:hover { color: #1d4ed8; outline: none; } .pl1-football-modal-body .row { display: flex; flex-wrap: wrap; margin-right: -0.25rem; margin-left: -0.25rem; } .pl1-football-modal-body .row > [class*="col-"] { min-width: 0; padding-right: 0.25rem; padding-left: 0.25rem; } .pl1-football-modal-body .offset-0 { margin-left: 0; } @media (max-width: 639.98px) { #calendrierSection > div { padding: 1rem !important; } #calendrierSection .section-title { font-size: 1.25rem !important; line-height: 1.25; } .pl1-public-match-card { padding: .85rem !important; } .pl1-public-match-card:hover { transform: none; } .pl1-public-match-card__layout { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); grid-template-areas: "meta meta meta" "home score away" "status status status"; gap: .7rem .45rem; } .pl1-public-match-team { flex-direction: column; gap: .35rem; justify-content: center; text-align: center; } .pl1-public-match-team--home { grid-area: home; } .pl1-public-match-team--away { grid-area: away; } .pl1-public-match-team--away .pl1-public-match-team__name { order: 2; text-align: center; } .pl1-public-match-team__logo { width: 2.75rem; height: 2.75rem; flex-basis: 2.75rem; } .pl1-public-match-team__name { width: 100%; overflow: visible; font-size: .82rem; line-height: 1.2; overflow-wrap: anywhere; text-overflow: clip; white-space: normal; } .pl1-public-match-center { display: contents; min-width: 0; } .pl1-public-match-score { grid-area: score; align-self: center; font-size: 1.1rem; white-space: nowrap; } .pl1-public-match-meta { grid-area: meta; font-size: .72rem; white-space: normal; } .pl1-public-match-status { grid-area: status; margin-top: 0; } #teamStatsModal, #matchStatsModal { max-width: 100vw; padding: .35rem; overflow-x: hidden; } #teamStatsModal .pl1-modal__dialog, #matchStatsModal .pl1-modal__dialog, #teamStatsModal .pl1-modal__panel, #matchStatsModal .pl1-modal__panel { min-width: 0; max-width: 100%; } #teamStatsModal .pl1-modal__panel > div:first-child, #matchStatsModal .pl1-modal__panel > div:first-child { padding: .75rem !important; } #teamStatsModal .pl1-modal__panel > div:first-child > div, #matchStatsModal .pl1-modal__panel > div:first-child > div { min-width: 0; gap: .65rem; } #teamTitle, #matchTitle { min-width: 0; margin: 0; font-size: 1rem; line-height: 1.25; overflow-wrap: anywhere; } .pl1-football-modal-body { overflow-x: hidden; padding: 0.85rem; font-size: 0.76rem; } .pl1-football-modal-body th, .pl1-football-modal-body td { padding: 0.4rem 0.3rem; } .pl1-football-modal-body .grid-cols-2, .pl1-football-modal-body .md\:grid-cols-2, .pl1-football-modal-body .md\:grid-cols-4 { grid-template-columns: minmax(0, 1fr); } .pl1-football-modal-body .pl1-match-events-grid, .pl1-football-modal-body .mb-6 > h3 + .grid.grid-cols-1.md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; } .pl1-football-modal-body .pl1-match-events-team, .pl1-football-modal-body .mb-6 > h3 + .grid.grid-cols-1.md\:grid-cols-2 > div { padding: .5rem; } .pl1-football-modal-body .pl1-match-events-team .p-2, .pl1-football-modal-body .mb-6 > h3 + .grid.grid-cols-1.md\:grid-cols-2 > div .p-2 { padding: .35rem; } .pl1-football-modal-body .pl1-match-events-team .w-8, .pl1-football-modal-body .pl1-match-events-team .h-8, .pl1-football-modal-body .mb-6 > h3 + .grid.grid-cols-1.md\:grid-cols-2 > div .w-8, .pl1-football-modal-body .mb-6 > h3 + .grid.grid-cols-1.md\:grid-cols-2 > div .h-8 { width: 1.5rem; height: 1.5rem; } .pl1-football-modal-body .pl1-match-events-team .mr-3, .pl1-football-modal-body .mb-6 > h3 + .grid.grid-cols-1.md\:grid-cols-2 > div .mr-3 { margin-right: .35rem; } .pl1-football-modal-body .pl1-match-events-team .flex-1, .pl1-football-modal-body .mb-6 > h3 + .grid.grid-cols-1.md\:grid-cols-2 > div .flex-1 { min-width: 0; overflow-wrap: anywhere; } .pl1-football-modal-body .pl1-match-events-team .text-sm, .pl1-football-modal-body .mb-6 > h3 + .grid.grid-cols-1.md\:grid-cols-2 > div .text-sm { font-size: .68rem; } .pl1-football-modal-body .pl1-match-events-team .text-xs, .pl1-football-modal-body .mb-6 > h3 + .grid.grid-cols-1.md\:grid-cols-2 > div .text-xs { font-size: .6rem; } .pl1-football-modal-body .pl1-stat-match-header { gap: .55rem; } .pl1-football-modal-body .pl1-stat-match-team { min-width: 0; } .pl1-football-modal-body .pl1-stat-match-team img { width: 3rem; height: 3rem; } .pl1-football-modal-body .pl1-stat-match-team h5 { font-size: .8rem; overflow-wrap: anywhere; } .pl1-football-modal-body .pl1-stat-match-score { margin-right: .35rem; margin-left: .35rem; font-size: 1.35rem; white-space: nowrap; } .pl1-football-modal-body .pl1-stat-summary-card { padding: .85rem; } .pl1-football-modal-body .pl1-stat-summary-metrics { display: flex; flex-wrap: wrap; gap: .15rem .75rem; margin: .25rem 0 0 .75rem; } .pl1-football-modal-body .pl1-stat-summary-metrics > span { margin-left: 0; } .pl1-football-modal-body .flex.justify-between { min-width: 0; gap: .75rem; } .pl1-football-modal-body .flex.justify-between > * { min-width: 0; overflow-wrap: anywhere; } }