/* Cookie notice: a slim bar pinned to the bottom of the screen.
 *
 * The TermsFeed notice renders as a fixed card in the middle of the viewport
 * (#termsfeed-com---nb, z-index 2147483647). On a phone that card covers the middle
 * of the page — it hides the home channel front door and swallows taps aimed at
 * controls underneath it. This keeps the notice, its text and its buttons, but lays
 * it out as a full-width bar at the bottom with the long purpose list scrollable.
 */

#termsfeed-com---nb {
  top: auto !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: 0 -16px 36px -24px rgba(2, 6, 23, .55) !important;
}

#termsfeed-com---nb .cc-nb-main-container {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 10px 14px 12px !important;
  border-radius: 0 !important;
  max-height: 44vh !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
}

#termsfeed-com---nb .cc-nb-text-container,
#termsfeed-com---nb .cc-nb-buttons-container {
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Keep the paragraph short: the purpose list reads inline instead of one block per line. */
#termsfeed-com---nb .cc-nb-text-purposes-item {
  display: inline !important;
}

#termsfeed-com---nb .cc-nb-text-purposes-item + .cc-nb-text-purposes-item::before {
  content: ' ';
}

#termsfeed-com---nb #cc-nb-text,
#termsfeed-com---nb .cc-nb-text-content {
  max-height: 24vh !important;
  overflow-y: auto !important;
  margin: 0 !important;
}

#termsfeed-com---nb .cc-nb-buttons-container {
  margin-top: 8px !important;
}

/* On a phone the bar keeps only the essentials visible. */
@media (max-width: 600px) {
  #termsfeed-com---nb .cc-nb-main-container {
    max-height: 52vh !important;
    padding: 8px 12px 10px !important;
  }
  #termsfeed-com---nb #cc-nb-text,
  #termsfeed-com---nb .cc-nb-text-content {
    max-height: 20vh !important;
    font-size: 13px !important;
  }
}