/* Keeps the cookie notice a single static line under the tools.
   The built shell uses md:h-svh, so the notice was pinned across the
   bottom of the sidebar and the main column, where the ad slots sit. */

#root > div.flex {
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
}

#root > div.flex > div.grid,
#root > div.flex > div.grid > div.flex {
  flex: 0 0 auto !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
}

#root main,
#root aside.flex {
  flex: 0 0 auto !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
}

/* Sidebar slot is mt-auto, which pins it to the same bottom edge as the notice. */
#root .mt-auto:has(aside[aria-label="Advertisement"]) {
  margin-top: 0.75rem !important;
}

aside[aria-label="Advertisement"],
aside[aria-label="Advertisement"] ins.adsbygoogle,
[data-ad-slot] {
  position: static !important;
  z-index: auto !important;
  inset: auto !important;
}

#root > div.flex > footer {
  order: 1;
}

[aria-label="Cookie notice"] {
  position: static !important;
  z-index: auto !important;
  inset: auto !important;
  order: 2;
  display: flex !important;
  flex: 0 0 auto !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100%;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 8px !important;
  min-height: 0 !important;
  height: 20px !important;
  max-height: 20px !important;
  overflow: hidden !important;
  font-size: 11px !important;
  line-height: 20px !important;
}

[aria-label="Cookie notice"] > div {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100%;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

[aria-label="Cookie notice"] p {
  margin: 0 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  font-size: 11px !important;
  line-height: 20px !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

[aria-label="Cookie notice"] button {
  flex: 0 0 auto !important;
  height: 18px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 6px !important;
  font-size: 11px !important;
  line-height: 16px !important;
}