/* Complianz consent banner and Manage consent control, in the TrueNext site design.
   Every banner rule starts from #cmplz-cookiebanner-container so it outranks Complianz's sheet, which loads after this one. */
#cmplz-cookiebanner-container .cmplz-cookiebanner{
  --tng-forest:#002A20;
  --tng-ink:#1F3A31;
  --tng-muted:#52665D;
  --tng-mist:#F2F5EE;
  --tng-line:rgba(0,42,32,.12);
  --tng-lime:#AEDE3D;
  --cmplz_banner_width:420px;
  --cmplz_banner_background_color:#FFFFFF;
  --cmplz_banner_border_radius:12px;
  --cmplz_banner_margin:20px;
  --cmplz_text_color:var(--tng-ink);
  --cmplz_hyperlink_color:var(--tng-forest);
  --cmplz_text_font_size:14px;
  --cmplz_text_line_height:1.6;
  --cmplz_link_font_size:12.5px;
  --cmplz_category_body_font_size:13px;
  --cmplz_category_header_title_font_size:14.5px;
  --cmplz_category_header_active_font_size:10.5px;
  --cmplz_title_font_size:18px;
  --cmplz_button_font_size:14px;
  --cmplz_button_border_radius:6px;
  --cmplz_button_accept_background_color:var(--tng-lime);
  --cmplz_button_accept_border_color:var(--tng-lime);
  --cmplz_button_accept_text_color:var(--tng-forest);
  --cmplz_button_deny_background_color:#FFFFFF;
  --cmplz_button_deny_border_color:rgba(0,42,32,.28);
  --cmplz_button_deny_text_color:var(--tng-forest);
  --cmplz_button_settings_background_color:transparent;
  --cmplz_button_settings_border_color:transparent;
  --cmplz_button_settings_text_color:var(--tng-forest);
  --cmplz_category_header_always_active_color:#2F6B3F;
  --cmplz_slider_active_color:var(--tng-forest);
  --cmplz_slider_inactive_color:#9DAE98;
  --cmplz_slider_bullet_color:#FFFFFF;
  font-family:"Manrope","Helvetica Neue",Arial,sans-serif;
  color:var(--tng-ink);
  border:1px solid var(--tng-line);
  box-shadow:0 30px 70px -24px rgba(0,26,19,.45),0 4px 14px -4px rgba(0,26,19,.18);
  padding:22px 22px 18px;
  gap:14px;
  overflow:hidden auto;
}
/* a thin lime rule along the top edge, the same accent the site uses on cards */
#cmplz-cookiebanner-container .cmplz-cookiebanner::before{
  content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--tng-lime);
}

/* header: cookie badge, title, close */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header{
  display:grid;grid-template-columns:38px 1fr 32px;align-items:center;column-gap:12px;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header::before{
  content:"";grid-column:1;grid-row:1;width:38px;height:38px;border-radius:99px;
  background:var(--tng-forest) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AEDE3D' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a9 9 0 1 0 9 9 3 3 0 0 1-3.5-3.5A3 3 0 0 1 14 5a2 2 0 0 1-2-2Z'/%3E%3Ccircle cx='8.5' cy='11' r='.9' fill='%23AEDE3D'/%3E%3Ccircle cx='12' cy='15.5' r='.9' fill='%23AEDE3D'/%3E%3Ccircle cx='15.8' cy='13.2' r='.9' fill='%23AEDE3D'/%3E%3C/svg%3E") no-repeat 50% 50%/20px 20px;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-logo{display:none}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header .cmplz-title{
  display:block;grid-column:2;grid-row:1;justify-self:start;margin:0;
  font-family:"Poppins","Manrope",Arial,sans-serif;font-weight:600;letter-spacing:-.015em;line-height:1.25;color:var(--tng-forest);
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close{
  grid-column:3;grid-row:1;justify-self:end;width:32px;height:32px;border-radius:99px;
  display:grid;place-items:center;background:var(--tng-mist);color:var(--tng-forest);transition:background-color .2s;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close:hover{background:#E3EADD;font-size:20px;line-height:20px}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close svg{width:11px;height:11px}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-divider{display:none}

/* message */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body{max-height:52vh}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message{line-height:1.6;color:var(--tng-ink);margin:0}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories{width:auto}
@media(min-width:769px){
  #cmplz-cookiebanner-container .cmplz-cookiebanner{box-sizing:border-box;width:452px;min-width:0;max-width:calc(100vw - 40px)}
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message a{color:var(--tng-forest);text-underline-offset:3px}

/* categories, shown under Choose cookies */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories{margin-top:14px}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category{
  background:var(--tng-mist);border:1px solid var(--tng-line);border-radius:8px;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category:not(:last-child){margin-bottom:8px}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header{
  grid-template-columns:1fr auto 20px;padding:12px 14px;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title{
  font-family:"Poppins","Manrope",Arial,sans-serif;font-weight:600;color:var(--tng-forest);
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-always-active{
  font-weight:800;letter-spacing:.1em;text-transform:uppercase;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category-toggle,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-icon svg{color:var(--tng-forest);fill:var(--tng-forest)}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description{
  padding:0 14px 14px;color:var(--tng-muted);line-height:1.6;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-banner-checkbox input.cmplz-consent-checkbox:focus + .cmplz-label:before{box-shadow:none}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-banner-checkbox input.cmplz-consent-checkbox:focus-visible + .cmplz-label:before{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--tng-forest)}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label:after{background:var(--tng-lime)}

/* buttons: Allow statistics leads, Necessary only beside it, Choose cookies as a quiet link */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons{display:flex;flex-flow:row wrap;align-items:center;gap:10px}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn{
  flex:1 1 0;width:auto;min-width:0;height:auto;min-height:46px;padding:11px 14px;margin:0;
  font-family:"Manrope","Helvetica Neue",Arial,sans-serif;font-weight:700;letter-spacing:.01em;white-space:nowrap;
  border-width:1.5px;transition:background-color .2s,border-color .2s,color .2s;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover{background:#C3EC62;border-color:#C3EC62}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny:hover{border-color:var(--tng-forest);background:var(--tng-mist)}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences{
  flex:1 0 100%;min-height:0;padding:4px 0 0;font-size:13px;font-weight:700;
  text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(0,42,32,.35);
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences:hover{text-decoration-color:var(--tng-forest)}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences{
  flex:1 0 100%;order:3;background:var(--tng-forest);border-color:var(--tng-forest);color:#fff;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences:hover{background:#0E5540;border-color:#0E5540}
/* Complianz moves focus to the close button when the banner opens, so its ring stays light */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(0,42,32,.4)}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn:focus-visible,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category-toggle:focus-visible,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-link:focus-visible{outline:2px solid var(--tng-forest);outline-offset:2px}

/* policy links */
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents{border-top:1px solid var(--tng-line);padding-top:12px;gap:18px}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links .cmplz-link{
  color:var(--tng-muted);font-weight:600;text-underline-offset:3px;text-decoration-color:rgba(0,42,32,.25);
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links .cmplz-link:hover{color:var(--tng-forest);text-decoration-color:var(--tng-forest)}

/* phones: a compact sheet that leaves the page visible above it */
@media(max-width:768px){
  #cmplz-cookiebanner-container .cmplz-cookiebanner{
    --cmplz_banner_margin:10px;
    left:10px;right:10px;bottom:10px;width:auto;max-height:calc(100vh - 20px);
    padding:18px 16px 14px;gap:12px;
  }
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header{grid-template-columns:34px 1fr 32px;column-gap:10px}
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header::before{width:34px;height:34px;background-size:18px 18px}
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header .cmplz-title{font-size:16.5px}
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message{font-size:13.5px;line-height:1.55;margin:0}
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body{max-height:46vh}
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons{flex-direction:row;gap:8px}
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn{min-height:46px;padding:10px 8px;font-size:13.5px}
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences{min-height:0;padding:2px 0 0}
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header{grid-template-columns:1fr auto 20px!important}
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents{padding-top:10px}
  #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links.cmplz-information{display:none}
}

/* the WhatsApp button steps aside while the banner is open, since both sit bottom right */
body:has(#cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show) .wa{opacity:0;pointer-events:none}

/* The Manage consent control: a small pill in the bottom-left corner, so the bottom-right stays with WhatsApp.
   body + button raise specificity over Complianz's sheet, which loads after this one. */
body #cmplz-manage-consent button.cmplz-manage-consent{
  --tng-cookie:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AEDE3D' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a9 9 0 1 0 9 9 3 3 0 0 1-3.5-3.5A3 3 0 0 1 14 5a2 2 0 0 1-2-2Z'/%3E%3Ccircle cx='8.5' cy='11' r='.9' fill='%23AEDE3D'/%3E%3Ccircle cx='12' cy='15.5' r='.9' fill='%23AEDE3D'/%3E%3Ccircle cx='15.8' cy='13.2' r='.9' fill='%23AEDE3D'/%3E%3C/svg%3E");
  animation:none;left:20px;right:auto;bottom:20px;z-index:9990;
  height:40px;min-height:0;min-width:0;padding:0 16px 0 38px;line-height:40px;
  background:#002A20 var(--tng-cookie) no-repeat 13px 50%/17px 17px;color:#E9F0E4;
  border:1px solid rgba(174,222,61,.4);border-radius:99px;
  font-family:"Manrope","Helvetica Neue",Arial,sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.02em;
  box-shadow:0 10px 26px -10px rgba(0,20,14,.55);
  transition:background-color .2s,color .2s,border-color .2s;
}
body #cmplz-manage-consent button.cmplz-manage-consent:hover,
body #cmplz-manage-consent button.cmplz-manage-consent:focus-visible{background-color:#0E5540;border-color:#AEDE3D;color:#fff;outline:none;animation:none;bottom:20px}
body #cmplz-manage-consent button.cmplz-manage-consent:focus-visible{box-shadow:0 0 0 3px rgba(174,222,61,.55)}

@media(max-width:620px){
  /* icon only on phones; the text stays in the button for screen readers */
  body #cmplz-manage-consent button.cmplz-manage-consent{
    left:14px;bottom:16px;width:44px;height:44px;padding:0;font-size:0;color:transparent;
    background-position:50% 50%;background-size:20px 20px;
  }
  body #cmplz-manage-consent button.cmplz-manage-consent:hover,
  body #cmplz-manage-consent button.cmplz-manage-consent:focus-visible{bottom:16px;color:transparent}
}
