/* TISIAS PATCH V160
   TARGET ONLY: /ican-finals2026test
   User request from screenshot:
   - Make the TOP Finals Banners card full-page width.
   - Make the TOP Countdown clock bar full-page width.
   - Match the visual width of the full-page Official Information/Header below.
   - NO content movement, NO reordering, NO JS behavior changes.
*/

:root {
  --tisias-v160-inner-max: 1480px;
}

/* Make sure historical container widths cannot clip the two requested blocks. */
html.tisias-v158-renovated #wsite-content,
html.tisias-v158-renovated #wsite-content > div,
html.tisias-v158-renovated #wsite-content > section {
  overflow-x: visible;
}

/* =========================================================
   TOP FINALS BANNERS
   ========================================================= */
#tisias-v146-banners,
#tisias-v131-finals-banners {
  box-sizing: border-box !important;
  width: 100vw !important;
  max-width: none !important;
  position: relative !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
}

/* Keep the banner content itself beautifully centered on large monitors. */
#tisias-v146-banners > *,
#tisias-v131-finals-banners > * {
  box-sizing: border-box;
  width: min(100%, var(--tisias-v160-inner-max));
  margin-left: auto !important;
  margin-right: auto !important;
}

/* If the banner section has its own grid/card wrapper, let it use the new space. */
#tisias-v146-banners .tisias-v146-banner-grid,
#tisias-v146-banners .tisias-v146-body,
#tisias-v131-finals-banners .tisias-v131-grid {
  width: 100% !important;
  max-width: var(--tisias-v160-inner-max) !important;
}

/* =========================================================
   TOP COUNTDOWN BAR
   ========================================================= */
#tisias-v128-countdown {
  box-sizing: border-box !important;
  width: 100vw !important;
  max-width: none !important;
  position: relative !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
}

/* Preserve the countdown content proportions while using the full horizontal area. */
#tisias-v128-countdown > * {
  box-sizing: border-box;
  width: min(100%, var(--tisias-v160-inner-max));
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Slightly more generous horizontal breathing room on desktop. */
@media (min-width: 901px) {
  #tisias-v146-banners,
  #tisias-v131-finals-banners,
  #tisias-v128-countdown {
    padding-left: max(26px, calc((100vw - var(--tisias-v160-inner-max)) / 2)) !important;
    padding-right: max(26px, calc((100vw - var(--tisias-v160-inner-max)) / 2)) !important;
  }
}

/* Mobile remains naturally full width without creating horizontal scroll. */
@media (max-width: 900px) {
  #tisias-v146-banners,
  #tisias-v131-finals-banners,
  #tisias-v128-countdown {
    width: 100vw !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}