/* Cookie banner of the Google Ads measurement (resources/views/partials/ads-consent.blade.php). Design-system tokens only (css/tokens.css),
   so both themes follow. Accept and Reject are the same element with the same class: equal visual weight on purpose.
   The file name must not start with "ads-": EasyList blocks "/css/ads-*" stylesheets, which left the banner unstyled for ad-blocker users (11.11.2026). */
.ads-consent {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 60;
  max-width: 560px;
  margin: 0 auto;
  padding: 16px 18px;
  background: var(--surface);
  color: var(--ink);
  border: 1px solid var(--line-2);
  border-radius: 14px;
  box-shadow: var(--shadow);
  font-family: var(--f-body);
  font-size: .9375rem;
  line-height: 1.5;
}

.ads-consent[hidden] { display: none; }

.ads-consent p { margin: 0 0 14px; }

.ads-consent a { color: var(--accent-ink); text-decoration: underline; }

.ads-consent-actions { display: flex; gap: 10px; }

.ads-consent-btn {
  flex: 1 1 0;
  min-height: 44px;
  padding: 10px 16px;
  font: inherit;
  font-weight: 600;
  color: var(--ink);
  background: var(--surface);
  border: 1.5px solid var(--ink);
  border-radius: 10px;
  cursor: pointer;
}

.ads-consent-btn:hover { background: var(--accent-soft); }

.ads-consent-btn:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }

@media (max-width: 420px) {
  .ads-consent-actions { flex-direction: column; }
}