/* Cookie notice: one centred bar on desktop, a bottom sheet on phones.
   Loaded after frontend-polish.css and fixes.css, which also style it. */
html body .dpdpa--popup.active {
  top: auto !important; bottom: 20px !important; left: 24px !important; right: 24px !important;
  width: auto !important; max-width: 940px; margin: 0 auto !important;
  padding: 0 !important; transform: none !important;
  border: 1px solid #dfe2ea; border-radius: 16px; background: #fff;
  box-shadow: 0 18px 48px -18px rgba(19, 36, 93, .38);
}
html body .dpdpa--popup.active .container { width: auto !important; max-width: none !important; padding: 16px 20px !important; }
html body .dpdpa--popup .dpdpa--popup-container { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 24px !important; padding: 0 !important; }
html body .dpdpa--popup .dpdpa--popup-text { flex: 1 1 auto; padding: 0 !important; }
html body .dpdpa--popup .dpdpa--popup-text p { margin: 0 !important; color: #3d4766; font-size: 14px !important; line-height: 1.6 !important; }
html body .dpdpa--popup .dpdpa--popup-text a { color: #2148b0 !important; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
html body .dpdpa--popup .dpdpa--popup-button-group { flex: 0 0 auto; display: flex; margin: 0 !important; padding: 0 !important; }
html body .dpdpa--popup .dpdpa--popup-button { display: inline-flex; align-items: center; justify-content: center; min-height: 42px !important; padding: 8px 26px !important; border-radius: 10px !important; font-size: 14px; font-weight: 700; white-space: nowrap; }
/* The close cross only rejected cookies, which read as a stray control; "cookie settings" covers that. */
html body .dpdpa--popup .dpdpa--popup-close { display: none !important; }

@media (max-width: 767px) {
  html body .dpdpa--popup.active { bottom: 12px !important; left: 12px !important; right: 12px !important; }
  html body .dpdpa--popup.active .container { padding: 14px 16px !important; }
  html body .dpdpa--popup .dpdpa--popup-container { flex-direction: column !important; align-items: stretch !important; gap: 12px !important; padding: 0 !important; }
  html body .dpdpa--popup .dpdpa--popup-text p { font-size: 13px !important; line-height: 1.55 !important; }
  html body .dpdpa--popup .dpdpa--popup-button-group { width: 100%; }
  html body .dpdpa--popup .dpdpa--popup-button { width: 100%; min-height: 44px !important; }
  html body:has(.dpdpa--popup.active) .fp26-contact-widget { bottom: 200px !important; }
}