/* Approved English-home notice, reused only by the independently localized FR/RU/AR pages. */
.hp-privacy-notice.hp-privacy-notice--bar {
  left:0; right:0; bottom:0; width:100%; max-height:calc(100dvh - 32px);
  padding:18px clamp(20px,4vw,48px) calc(18px + env(safe-area-inset-bottom,0px));
  border:0; border-top:1px solid rgba(169,193,172,.65); border-radius:0;
  background:var(--g50,#f4faf3); color:#1d3728;
  box-shadow:0 -6px 24px rgba(17,44,30,.09), inset 0 1px 0 rgba(255,255,255,.9), inset 0 -1px 0 rgba(255,255,255,.3);
}
/* Translucent material only: content stays sharp. Solid fallback for older browsers. */
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .hp-privacy-notice.hp-privacy-notice--bar {
    background-color:rgba(244,250,243,.64);
    background-image:linear-gradient(115deg,rgba(255,255,255,.24),rgba(255,255,255,0) 42%,rgba(229,245,230,.12));
    -webkit-backdrop-filter:blur(16px) saturate(115%);
    backdrop-filter:blur(16px) saturate(115%);
  }
}
@media (prefers-reduced-transparency:reduce), (prefers-contrast:more) {
  .hp-privacy-notice.hp-privacy-notice--bar {
    background:var(--g50,#f4faf3);
    -webkit-backdrop-filter:none; backdrop-filter:none;
  }
}
.hp-privacy-bar__inner {
  max-width:1240px; margin:0 auto; display:flex;
  align-items:center; justify-content:space-between; gap:32px;
}
.hp-privacy-bar__copy { flex:1 1 auto; min-width:0; }
.hp-privacy-notice--bar h2 { width:fit-content; font-size:16px; line-height:1.4; margin:0 0 4px; color:#173d28; }
.hp-privacy-notice--bar p { max-width:64ch; font-size:15px; line-height:1.6; color:#1d3728; }
.hp-privacy-notice--bar .hp-privacy-actions { flex:0 0 auto; flex-wrap:nowrap; gap:24px; margin:0; }
.hp-privacy-notice--bar .hp-privacy-details { flex:0 0 auto; flex-wrap:nowrap; gap:20px; }
.hp-privacy-notice--bar .hp-privacy-details a { display:inline-flex; align-items:center; min-height:44px; font-size:14px; color:#173d28; text-decoration-color:rgba(23,61,40,.45); text-underline-offset:4px; }
.hp-privacy-notice--bar .hp-privacy-details a:hover { color:#0e2f1c; text-decoration-color:currentColor; }
.hp-privacy-notice--bar .hp-privacy-ack { min-width:96px; min-height:46px; padding:11px 24px; font-size:14px; background:#1c6a3a; border-color:#1c6a3a; color:#fff; }
.hp-privacy-notice--bar .hp-privacy-ack:hover { background:#124628; border-color:#124628; }
.hp-privacy-notice--bar a:focus-visible,
.hp-privacy-notice--bar .hp-privacy-ack:focus-visible { outline:2px solid #173d28; outline-offset:4px; }
html.hp-privacy-bar-visible body > .whatsapp-float { bottom:calc(var(--hp-cookie-bar-height,82px) + 16px); }
html.hp-privacy-bar-visible { scroll-padding-bottom:calc(var(--hp-cookie-bar-height,82px) + 16px); }
@media(max-width:800px) {
  .hp-privacy-notice.hp-privacy-notice--bar { padding:16px 24px calc(16px + env(safe-area-inset-bottom,0px)); }
  .hp-privacy-bar__inner { flex-direction:column; align-items:stretch; gap:12px; }
  .hp-privacy-notice--bar .hp-privacy-actions { justify-content:space-between; gap:16px; }
  .hp-privacy-notice--bar .hp-privacy-details { flex:1 1 auto; flex-wrap:wrap; gap:6px 18px; }
  .hp-privacy-notice--bar .hp-privacy-ack { min-height:44px; padding:10px 20px; }
}
@media(max-width:480px) {
  .hp-privacy-notice.hp-privacy-notice--bar { padding-inline:18px; }
  .hp-privacy-notice--bar .hp-privacy-actions { gap:12px; }
  .hp-privacy-notice--bar .hp-privacy-details { gap:6px 14px; }
  .hp-privacy-notice--bar .hp-privacy-ack { padding-inline:18px; }
}
@media(max-width:360px) {
  .hp-privacy-notice--bar .hp-privacy-actions { gap:8px; }
  .hp-privacy-notice--bar .hp-privacy-details { gap:0 10px; }
  .hp-privacy-notice--bar .hp-privacy-ack { min-width:80px; padding-inline:16px; }
}

/* Keep translated text readable without changing the approved type scale. */
.hp-privacy-notice--bar .hp-privacy-details { min-width:0; }
.hp-privacy-notice--bar .hp-privacy-details a { white-space:nowrap; font-weight:380; }
@media(max-width:800px) {
  .hp-privacy-notice--bar .hp-privacy-actions { flex-wrap:wrap; }
  .hp-privacy-notice--bar .hp-privacy-details { flex:1 1 210px; }
  .hp-privacy-notice--bar .hp-privacy-ack { margin-inline-start:auto; }
}

/* Title focus: soft highlight; actionable controls retain their visible outline. */
.hp-privacy-notice--bar h2:focus-visible {
  outline: none;
  background-color: #dceedd;
  border-radius: 5px;
  box-shadow: 0 0 0 4px #dceedd;
}

/* Approved mobile floating notice, localized homepages; desktop unchanged. */
@media (max-width: 767px) {
  body .hp-privacy-notice.hp-privacy-notice--bar {
    left: 10px; right: 10px;
    bottom: calc(10px + env(safe-area-inset-bottom, 0px));
    width: auto;
    max-height: calc(100dvh - 40px - env(safe-area-inset-bottom, 0px));
    padding: 16px;
    border: 1px solid rgba(169,193,172,.5);
    border-radius: 10px;
    background-color: rgba(244,250,243,.94);
    box-shadow: 0 4px 20px rgba(17,44,30,.12);
  }
  body .hp-privacy-notice--bar .hp-privacy-actions { flex-wrap: wrap; }
  body .hp-privacy-notice--bar .hp-privacy-details { gap: 4px 12px; }
  body .hp-privacy-notice--bar .hp-privacy-details a { white-space: nowrap; }
  body .hp-privacy-notice--bar .hp-privacy-ack { margin-inline-start: auto; }
  html.hp-privacy-bar-visible body > .whatsapp-float {
    bottom: calc(var(--hp-cookie-bar-height,82px) + 26px + env(safe-area-inset-bottom,0px));
  }
  html.hp-privacy-bar-visible { scroll-padding-bottom: calc(var(--hp-cookie-bar-height,82px) + 26px + env(safe-area-inset-bottom,0px)); }
}


/* Desktop floating shell only: compensate inset with padding to preserve copy width. */
@media (min-width: 768px) {
  body .hp-privacy-notice.hp-privacy-notice--bar {
    left: 16px; right: 16px; bottom: 16px; width: auto;
    padding-inline: calc(clamp(20px, 4vw, 48px) - 16px);
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(17,44,30,.12);
  }
  html.hp-privacy-bar-visible body > .whatsapp-float {
    bottom: calc(var(--hp-cookie-bar-height,82px) + 32px);
  }
}
@media (min-width: 768px) and (max-width: 800px) {
  body .hp-privacy-notice.hp-privacy-notice--bar { padding-inline: 8px; }
}
