/**
 * Cookie lišta (ADR 0078) — plovoucí karta vlevo dole (desktop), pruh přes
 * celou šířku dole (mobil). Barvy, typografie a odsazení řeší Tailwind třídy
 * v šabloně; tady je jen pozicování a vrstva.
 *
 * z-index 60: nad souhrnem objednávky (.b-order-bar 40, .b-order-sheet 50),
 * pod modály objednávky (100) a toastem (110) — orders.css.
 */

.b-cookie-consent {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 60;
}

/* `hidden` musí vyhrát i nad `display` z komponent (.e-button = inline-flex). */
.b-cookie-consent[hidden],
.b-cookie-consent [hidden] {
  display: none !important;
}

.b-cookie-consent__card {
  max-height: 85vh;
  overflow-y: auto;
  border-top: 1px solid var(--color-border-light, #d9d9d9);
  border-radius: 20px 20px 0 0;
  box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.12);
}

.b-cookie-consent__title:focus {
  outline: none;
}

.b-cookie-consent__toggle {
  width: 100%;
}

.b-cookie-consent__category-text {
  margin: -0.25rem 0 0.75rem;
}

/* Mobil: tlačítka přes celou šířku, ať jsou přijmout i odmítnout stejně snadné. */
.b-cookie-consent__button {
  flex: 1 1 100%;
}

@media (min-width: 480px) {
  .b-cookie-consent__button {
    flex: 1 1 auto;
  }
}

@media (min-width: 768px) {
  .b-cookie-consent {
    left: 1rem;
    right: auto;
    bottom: 1rem;
    width: 26rem;
    max-width: calc(100vw - 2rem);
  }

  .b-cookie-consent__card {
    border: 1px solid var(--color-border-light, #d9d9d9);
    border-radius: 20px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.16);
  }
}