/* GDPR consent notice — styled to match the site's dark content boxes
   (.box1 / nav: rgba(0,0,0,0.8) background, #fff text) with the tan accent
   (#d5ad8a) from the language switcher. Shown by js.js until consent. */
#GDPR {
  display: none;
  position: fixed; bottom: 0; left: 0; z-index: 2333;
  width: 30vw; max-width: 500px;
  padding: 30px;
  border-radius: 5px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
  box-shadow: 4px 4px 1px rgba(20%, 20%, 20%, 0.5);
  line-height: 1.5;
}
#GDPR h1 { font-size: 22px; margin: 0 0 10px; color: #d5ad8a; }
.GDPR_link { color: #d5ad8a; text-decoration: underline; }
#GDPR_button { display: block; text-align: right; margin-top: 24px; }
#GDPR_Agree, #GDPR_Refuse {
  cursor: pointer; display: inline-block;
  width: 40%; margin: 0 5px; padding: 15px;
  text-align: center; border-radius: 5px;
}
#GDPR_Agree { background-color: #d5ad8a; color: #2a1a0a; font-weight: bold; }
@media (max-width: 1024px) { #GDPR { width: 100%; max-width: unset; } }

/* Site-wide layout fix (loaded by every page): always reserve the vertical
   scrollbar so the centered header/content doesn't shift ~7px between short
   pages (no scrollbar) and tall pages (scrollbar present). */
html { overflow-y: scroll; }

/* Site-wide header breathing room (loaded by every page): the logo is
   absolutely positioned (top:-50px) and its top lands at the very top edge
   of the viewport. A small top pad on the body drops the whole header down
   so the logo no longer hits the top of the screen. */
body { padding-top: 24px; }