/*
 * Cookie lišta (4.10.2026) — includes/cookie_consent.php, assets/js/cookie-consent.js.
 * CORE súbor (rollout ho kopíruje) — farby len cez --esh-* tokeny z eshop.css danej značky,
 * s fallbackom. "Odmietnuť všetko" a "Prijať všetko" musia vyzerať rovnocenne (GDPR) — preto
 * jeden spoločný štýl tlačidla, žiadne zvýraznenie súhlasu.
 */
.esh-consent {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 1080;
  display: flex;
  justify-content: center;
  pointer-events: none;
}
.esh-consent[hidden],
.esh-consent-modal[hidden] { display: none; }

.esh-consent-box,
.esh-consent-dialog {
  pointer-events: auto;
  background: var(--esh-surface, #fff);
  color: var(--esh-ink, #333);
  border: 1px solid var(--esh-border, #e5e5e5);
  border-radius: var(--esh-radius, 10px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, .18);
  padding: 20px 24px;
}
.esh-consent-box { max-width: 880px; width: 100%; }

.esh-consent-title {
  font-size: 1.05rem;
  font-weight: 600;
  margin: 0 0 6px;
}
.esh-consent-text {
  font-size: .9rem;
  line-height: 1.5;
  margin: 0 0 14px;
  color: var(--esh-ink-soft, #666);
}
.esh-consent-text a { color: var(--esh-ink, #333); text-decoration: underline; }

.esh-consent-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}
.esh-consent-btn {
  flex: 0 1 auto;
  min-width: 150px;
  padding: 9px 18px;
  font-size: .9rem;
  font-weight: 600;
  border-radius: var(--esh-radius-sm, 6px);
  border: 2px solid var(--esh-accent, #333);
  background: var(--esh-accent, #333);
  color: var(--esh-accent-ink, #fff);
  cursor: pointer;
}
.esh-consent-btn:hover { background: var(--esh-accent-dark, #111); border-color: var(--esh-accent-dark, #111); }
/* Odmietnuť všetko / Uložiť výber — jemná sivá vo všetkých eshopoch (4.10.2026), Prijať ostáva vo
   farbe značky. Značka môže prepísať tokenmi --esh-consent-btn2-* v eshop.css. Musí ostať plné
   tlačidlo rovnakej veľkosti, nie odkaz (GDPR — rovnocenná voľba). */
.esh-consent-btn--secondary {
  background: var(--esh-consent-btn2-bg, #e6e6e6);
  border-color: var(--esh-consent-btn2-bg, #e6e6e6);
  color: var(--esh-consent-btn2-ink, #333333);
}
.esh-consent-btn--secondary:hover {
  background: var(--esh-consent-btn2-bg-hover, #d6d6d6);
  border-color: var(--esh-consent-btn2-bg-hover, #d6d6d6);
}
.esh-consent-btn--link {
  min-width: 0;
  margin-right: auto;
  background: transparent;
  border-color: transparent;
  color: var(--esh-ink, #333);
  text-decoration: underline;
}
.esh-consent-btn--link:hover { background: transparent; border-color: transparent; color: var(--esh-accent, #333); }

.esh-consent-modal {
  position: fixed;
  inset: 0;
  z-index: 1090;
  background: rgba(0, 0, 0, .45);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.esh-consent-dialog {
  max-width: 620px;
  width: 100%;
  max-height: calc(100vh - 32px);
  overflow-y: auto;
}
.esh-consent-modal-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}
.esh-consent-cat {
  border: 1px solid var(--esh-border, #e5e5e5);
  border-radius: var(--esh-radius-sm, 6px);
  padding: 12px 14px;
  margin-bottom: 10px;
}
.esh-consent-cat-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: 0;
  cursor: pointer;
}
.esh-consent-cat p {
  font-size: .85rem;
  color: var(--esh-ink-soft, #666);
  margin: 6px 0 0;
}
.esh-consent-cat .form-check-input { width: 2.6em; height: 1.4em; cursor: pointer; }
.esh-consent-always {
  font-size: .8rem;
  font-weight: 600;
  color: var(--esh-ink-soft, #666);
}
.esh-consent-dialog .esh-consent-actions { margin-top: 14px; }
body.esh-consent-open { overflow: hidden; }

@media (max-width: 575.98px) {
  .esh-consent { left: 8px; right: 8px; bottom: 8px; }
  .esh-consent-box, .esh-consent-dialog { padding: 16px; }
  .esh-consent-btn { flex: 1 1 100%; }
  .esh-consent-btn--link { order: 3; margin-right: 0; }
}