/* ARA SMART - athlete week production layout fixes */

body:has(#weekDetailTable) .weekDetailShell,
body[data-theme="light"]:has(#weekDetailTable) .weekDetailShell,
body:not([data-theme="light"]):has(#weekDetailTable) .weekDetailShell {
  grid-template-columns: minmax(0, 1fr) 250px !important;
  align-items: start !important;
}

body:has(#weekDetailTable) .excel {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box !important;
}

body:has(#weekDetailTable) #weekDetailTable {
  width: 100% !important;
  min-width: 1040px !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

body:has(#weekDetailTable) #weekDetailTable th,
body:has(#weekDetailTable) #weekDetailTable td {
  width: calc(100% / 7) !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
  vertical-align: top !important;
}

body:has(#weekDetailTable) .weekTableDayCell {
  overflow: visible !important;
  position: relative !important;
}

body:has(#weekDetailTable) .weekSessionCard {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: clip !important;
  box-sizing: border-box !important;
  isolation: isolate;
}

body:has(#weekDetailTable) .weekSessionCard > div,
body:has(#weekDetailTable) .weekSessionCard .mini,
body:has(#weekDetailTable) .weekSessionCard .blockLabel,
body:has(#weekDetailTable) .weekSessionCard .cellTitle {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

body:has(#weekDetailTable) .nutr-spacer,
body:has(#weekDetailTable) .fuel-card,
body:has(#weekDetailTable) .fuel-carry {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  clear: both !important;
}

body:has(#weekDetailTable) .nutr-card {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body:has(#weekDetailTable) .nutr-card span,
body:has(#weekDetailTable) .nutr-note,
body:has(#weekDetailTable) .nutr-foods,
body:has(#weekDetailTable) .fuel-line,
body:has(#weekDetailTable) .fuel-line span,
body:has(#weekDetailTable) .fuel-carry-note {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

body:has(#weekDetailTable) .fuel-carry-grid,
body:has(#weekDetailTable) .nutr-spacer [style*="grid-template-columns"] {
  min-width: 0 !important;
}

body:has(#weekDetailTable) .fuel-line {
  min-width: 0 !important;
}

body:has(#weekDetailTable) .weekNutritionAside {
  display: block !important;
  min-width: 0 !important;
  max-width: 250px !important;
  box-sizing: border-box !important;
}

body:has(#weekDetailTable) .weekAsideNutr,
body:has(#weekDetailTable) .weekAsideTip {
  overflow-wrap: anywhere !important;
}

@media (min-width: 1500px) {
  body:has(#weekDetailTable) #weekDetailTable {
    width: 100% !important;
    min-width: 0 !important;
  }

  body:has(#weekDetailTable) #weekDetailTable th,
  body:has(#weekDetailTable) #weekDetailTable td {
    width: calc(100% / 7) !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

@media (max-width: 860px) {
  body:has(#weekDetailTable) .weekDetailShell,
  body[data-theme="light"]:has(#weekDetailTable) .weekDetailShell,
  body:not([data-theme="light"]):has(#weekDetailTable) .weekDetailShell {
    display: block !important;
  }

  body:has(#weekDetailTable) .weekNutritionAside {
    display: none !important;
  }

  body:has(#weekDetailTable) #weekDetailTable {
    min-width: 1040px !important;
  }
}