/* Mobile-first safety layer for all Olbia Rugby V5 widgets.
 * Loaded with a versioned URL from the public page so old cached widget CSS
 * cannot break the phone layout after a deploy.
 */
@media (max-width: 640px) {
  .page-visual-content .r4v5-rugby-match-widget,
  .page-visual-content .r4v5-rugby-calendar-widget,
  .page-visual-content .r4v5-rugby-standings-widget,
  .page-visual-content .r4v5-rugby-sponsors-widget {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .page-visual-content .r4v5-rugby-match-widget__card {
    min-height: 0 !important;
    padding: 18px 14px !important;
    border-radius: 19px !important;
  }
  .page-visual-content .r4v5-rugby-match-widget__card-label {
    align-items: flex-start !important;
    flex-wrap: wrap !important;
    margin-bottom: 16px !important;
  }
  .page-visual-content .r4v5-rugby-match-widget__meta {
    width: 100% !important;
    white-space: normal !important;
    text-align: left !important;
  }
  .page-visual-content .r4v5-rugby-match-widget__versus {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    grid-template-areas: 'home away' 'center center' !important;
    gap: 14px 10px !important;
    min-height: 0 !important;
  }
  .page-visual-content .r4v5-rugby-match-widget__team:first-child { grid-area: home !important; }
  .page-visual-content .r4v5-rugby-match-widget__team:last-child { grid-area: away !important; }
  .page-visual-content .r4v5-rugby-match-widget__score,
  .page-visual-content .r4v5-rugby-match-widget__next-center {
    grid-area: center !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  .page-visual-content .r4v5-rugby-match-widget__logo { width: 62px !important; height: 62px !important; }
  .page-visual-content .r4v5-rugby-match-widget__team-name { max-width: 100% !important; font-size: 12px !important; }
  .page-visual-content .r4v5-rugby-match-widget__clock { grid-template-columns: repeat(4,minmax(0,1fr)) !important; }
  .page-visual-content .r4v5-rugby-match-widget__venue { white-space: normal !important; }

  .page-visual-content .r4v5-rugby-calendar-widget__head {
    gap: 16px !important;
    padding: 22px 16px 18px !important;
  }
  .page-visual-content .r4v5-rugby-calendar-widget__title { font-size: 29px !important; }
  .page-visual-content .r4v5-rugby-calendar-widget__filters {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 6px !important;
  }
  .page-visual-content .r4v5-rugby-calendar-widget__filter {
    width: 100% !important;
    padding: 9px 6px !important;
    font-size: 9px !important;
  }
  .page-visual-content .r4v5-rugby-calendar-widget__match { display: block !important; min-height: 0 !important; }
  .page-visual-content .r4v5-rugby-calendar-widget__date {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 4px 10px !important;
    padding: 12px 14px !important;
    border-right: 0 !important;
  }
  .page-visual-content .r4v5-rugby-calendar-widget__time { grid-column: 2 !important; grid-row: 1 !important; margin: 0 !important; }
  .page-visual-content .r4v5-rugby-calendar-widget__round { grid-column: 1/-1 !important; margin: 2px 0 0 !important; text-align: left !important; }
  .page-visual-content .r4v5-rugby-calendar-widget__teams {
    grid-template-columns: minmax(0,1fr) 74px !important;
    grid-template-areas: 'home score' 'away score' !important;
    gap: 10px 8px !important;
    padding: 14px !important;
  }
  .page-visual-content .r4v5-rugby-calendar-widget__team:first-child { grid-area: home !important; }
  .page-visual-content .r4v5-rugby-calendar-widget__team--away { grid-area: away !important; }
  .page-visual-content .r4v5-rugby-calendar-widget__score {
    grid-area: score !important;
    align-self: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding-left: 8px !important;
    border-left: 1px solid rgba(255,255,255,.10) !important;
  }
  .page-visual-content .r4v5-rugby-calendar-widget__team,
  .page-visual-content .r4v5-rugby-calendar-widget__team--away {
    display: grid !important;
    grid-template-columns: 42px minmax(0,1fr) !important;
    gap: 9px !important;
    text-align: left !important;
  }
  .page-visual-content .r4v5-rugby-calendar-widget__team--away .r4v5-rugby-calendar-widget__team-logo,
  .page-visual-content .r4v5-rugby-calendar-widget__team--away .r4v5-rugby-calendar-widget__team-name {
    grid-column: auto !important;
    grid-row: auto !important;
  }
  .page-visual-content .r4v5-rugby-calendar-widget__team-logo { width: 42px !important; height: 42px !important; }
  .page-visual-content .r4v5-rugby-calendar-widget__team-name { font-size: 12px !important; white-space: normal !important; }
  .page-visual-content .r4v5-rugby-calendar-widget__meta {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 7px !important;
    padding: 10px 14px !important;
  }

  .page-visual-content .r4v5-rugby-standings-widget__head,
  .page-visual-content .r4v5-rugby-standings-widget__row {
    grid-template-columns: 34px minmax(0,1fr) 38px 52px !important;
  }
  .page-visual-content .r4v5-rugby-standings-widget__hide-tablet { display: none !important; }
  .page-visual-content .r4v5-rugby-standings-widget__head { padding: 0 8px !important; font-size: 7px !important; }
  .page-visual-content .r4v5-rugby-standings-widget__row { min-height: 60px !important; padding: 7px 8px !important; }
  .page-visual-content .r4v5-rugby-standings-widget__logo { flex-basis: 34px !important; width: 34px !important; height: 34px !important; }
  .page-visual-content .r4v5-rugby-standings-widget__name { font-size: 11px !important; }

  .page-visual-content .r4v5-rugby-sponsors-widget {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  .page-visual-content .r4v5-rugby-sponsors__grid { column-gap: 10px !important; row-gap: 10px !important; }
  .page-visual-content .r4v5-rugby-sponsors__grid[data-columns="2"],
  .page-visual-content .r4v5-rugby-sponsors__grid[data-columns="3"],
  .page-visual-content .r4v5-rugby-sponsors__grid[data-columns="4"],
  .page-visual-content .r4v5-rugby-sponsors__grid[data-columns="5"],
  .page-visual-content .r4v5-rugby-sponsors__grid[data-columns="6"],
  .page-visual-content .r4v5-rugby-sponsors__grid[data-columns="7"],
  .page-visual-content .r4v5-rugby-sponsors__grid[data-columns="8"] { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .page-visual-content .r4v5-rugby-sponsor { padding: 12px !important; border-radius: 14px !important; }
  .page-visual-content .r4v5-rugby-sponsors__grid--main .r4v5-rugby-sponsor { height: 132px !important; }
  .page-visual-content .r4v5-rugby-sponsors__grid--medium .r4v5-rugby-sponsor { height: 116px !important; }
  .page-visual-content .r4v5-rugby-sponsors__grid--standard .r4v5-rugby-sponsor { height: 104px !important; }
}

@media (max-width: 400px) {
  .page-visual-content .r4v5-rugby-standings-widget__head,
  .page-visual-content .r4v5-rugby-standings-widget__row { grid-template-columns: 30px minmax(0,1fr) 48px !important; }
  .page-visual-content .r4v5-rugby-standings-widget__head > :nth-child(3),
  .page-visual-content .r4v5-rugby-standings-widget__row > .r4v5-rugby-standings-widget__stat:not(.r4v5-rugby-standings-widget__hide-tablet) { display: none !important; }
}

@media (max-width: 360px) {
  .page-visual-content .r4v5-rugby-match-widget__card { padding: 16px 10px !important; }
  .page-visual-content .r4v5-rugby-match-widget__logo { width: 54px !important; height: 54px !important; }
  .page-visual-content .r4v5-rugby-match-widget__clock { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .page-visual-content .r4v5-rugby-calendar-widget__teams { grid-template-columns: minmax(0,1fr) 64px !important; padding: 12px 10px !important; }
  .page-visual-content .r4v5-rugby-calendar-widget__team,
  .page-visual-content .r4v5-rugby-calendar-widget__team--away { grid-template-columns: 36px minmax(0,1fr) !important; gap: 7px !important; }
  .page-visual-content .r4v5-rugby-calendar-widget__team-logo { width: 36px !important; height: 36px !important; }
  .page-visual-content .r4v5-rugby-sponsors-widget { padding-left: 10px !important; padding-right: 10px !important; }
}