/*
Theme Name: HGB Europa
Description: Landing de HGB Europa — rehabilitación de fachadas en Barcelona. Estilos principales en assets/css/site.css; este archivo solo cubre las páginas de texto (legales).
Version: 1.0.0
Requires PHP: 8.1
Text Domain: hgb-europa
*/

.legal{max-width:820px}
.legal h1{
  font-family:'Archivo','Archivo Fallback',sans-serif;font-weight:500;text-transform:uppercase;
  font-size:calc(clamp(1.9rem,4.4vw,3.2rem)*var(--fs,1));line-height:.95;letter-spacing:-.02em;margin-bottom:clamp(24px,3vw,40px);
}
.legal-body h2{font-family:'Archivo','Archivo Fallback',sans-serif;font-weight:500;font-size:calc(1.35rem*var(--fs,1));margin:2em 0 .6em}
.legal-body h3{font-size:calc(1.05rem*var(--fs,1));font-weight:600;margin:1.6em 0 .5em}
.legal-body p,.legal-body ul,.legal-body ol,.legal-body table{margin-bottom:1em}
.legal-body ul,.legal-body ol{padding-left:1.4em}
.legal-body a{color:var(--persiana)}
.legal-body table{border-collapse:collapse;width:100%;font-size:calc(14px*var(--fs,1))}
.legal-body th,.legal-body td{border:1px solid var(--stone);padding:8px 10px;text-align:left;vertical-align:top}

/* logged-in: keep the sticky header below the WP admin bar */
.admin-bar .nav{top:32px}
@media(max-width:782px){.admin-bar .nav{top:46px}}
@media(max-width:600px){.admin-bar .nav{top:0}}

/* Complianz consent banner in the site's style (kept here, in git, not in the plugin's DB settings).
   Accept and Deny look the same on purpose: AEPD asks that rejecting be as easy and visible as accepting. */
body .cmplz-cookiebanner,body #cmplz-manage-consent{
  --cmplz_banner_background_color:var(--ink);
  --cmplz_banner_border_color:rgba(231,229,221,.22);
  --cmplz_banner_border_width:1px;
  --cmplz_banner_border_radius:0;
  --cmplz_text_color:var(--plaster);
  --cmplz_hyperlink_color:var(--plaster);
  --cmplz_title_font_size:12px;
  --cmplz_text_font_size:13px;
  --cmplz_link_font_size:12px;
  --cmplz_category_body_font_size:12.5px;
  --cmplz_button_font_size:14px;
  --cmplz_button_border_radius:0;
  --cmplz_button_accept_background_color:var(--plaster);
  --cmplz_button_accept_border_color:var(--plaster);
  --cmplz_button_accept_text_color:var(--ink);
  --cmplz_button_deny_background_color:var(--plaster);
  --cmplz_button_deny_border_color:var(--plaster);
  --cmplz_button_deny_text_color:var(--ink);
  --cmplz_button_settings_background_color:transparent;
  --cmplz_button_settings_border_color:rgba(231,229,221,.45);
  --cmplz_button_settings_text_color:var(--plaster);
  --cmplz_category_header_always_active_color:var(--ochre);
  --cmplz_slider_active_color:var(--ochre);
}
body .cmplz-cookiebanner{font-family:'IBM Plex Sans',system-ui,sans-serif;box-shadow:0 10px 40px rgba(0,0,0,.35)}
body .cmplz-cookiebanner .cmplz-title{font-family:'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.09em;font-weight:500}
body .cmplz-cookiebanner .cmplz-message{opacity:.8}
body .cmplz-cookiebanner .cmplz-btn{font-family:'Archivo','Archivo Fallback',sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.02em;transition:background .15s,border-color .15s,color .15s}
body .cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover,body .cmplz-cookiebanner .cmplz-btn.cmplz-deny:hover{background:var(--ochre);border-color:var(--ochre)}
body .cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences:hover,body .cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences:hover{border-color:var(--ochre);color:var(--ochre)}
body .cmplz-cookiebanner a{text-decoration:none;opacity:.7;transition:opacity .15s,color .15s}
body .cmplz-cookiebanner a:hover{opacity:1;color:var(--ochre)}
body .cmplz-cookiebanner .cmplz-close{color:var(--plaster)}
body #cmplz-manage-consent .cmplz-manage-consent{font-family:'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.08em;font-size:11px;background:var(--ink);color:var(--plaster);border-radius:0}

/* After a choice nothing floats on screen: no "manage consent" tab. Consent can be changed
   (GDPR: as easily as given) from "Ajustes de cookies" in the footer, which reopens the bar. */
body #cmplz-manage-consent{display:none!important}
.foot-cookie-btn{appearance:none;background:none;border:0;padding:10px 0;margin:-10px 0;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer;transition:color .15s}
.foot-cookie-btn:hover{color:var(--ochre)}

/* Consent bar: one strip along the bottom edge, aligned with the site's content width.
   !important: Complianz positions its box per layout (bottom-right etc.) with its own rules. */
body .cmplz-cookiebanner{
  left:0!important;right:0!important;bottom:0!important;top:auto!important;
  width:100%!important;max-width:none!important;margin:0!important;transform:none!important;
  border-width:1px 0 0!important;box-shadow:0 -8px 30px rgba(0,0,0,.25);
  grid-template-columns:1fr auto;column-gap:clamp(18px,3vw,40px);row-gap:6px;align-items:center;
  padding:14px max(var(--pad),calc((100% - var(--maxw)) / 2 + var(--pad)));
  transition:transform .45s cubic-bezier(.2,.7,.2,1),visibility .45s;
}
body .cmplz-cookiebanner .cmplz-header,body .cmplz-cookiebanner .cmplz-divider{display:none!important}
body .cmplz-cookiebanner .cmplz-body{grid-column:1;grid-row:1;margin:0}
body .cmplz-cookiebanner .cmplz-body,body .cmplz-cookiebanner .cmplz-message{max-width:none!important;width:auto!important}
body .cmplz-cookiebanner .cmplz-message{opacity:.85;margin:0}
body .cmplz-cookiebanner .cmplz-documents{grid-column:1;grid-row:2;justify-content:flex-start!important;margin:0!important;gap:16px;font-family:'IBM Plex Mono',monospace;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em}
body .cmplz-cookiebanner .cmplz-buttons{grid-column:2;grid-row:1/span 2;flex-direction:row;gap:8px;margin:0}
body .cmplz-cookiebanner .cmplz-btn{width:auto;min-width:118px;height:42px;padding:0 18px;margin:0;white-space:nowrap}
/* "Configurar" opens the categories inside the body: let them take the full width */
body .cmplz-cookiebanner .cmplz-categories{margin-top:10px}
/* landing: wait off-screen until the visitor reaches the map CTA (cookies.js) */
body.hgb-cookie-wait .cmplz-cookiebanner{transform:translateY(110%)!important;visibility:hidden}
@media(max-width:760px){
  body .cmplz-cookiebanner{grid-template-columns:1fr;padding:14px var(--pad) 16px;row-gap:10px}
  body .cmplz-cookiebanner .cmplz-buttons{grid-column:1;grid-row:2}
  body .cmplz-cookiebanner .cmplz-documents{grid-row:3}
  body .cmplz-cookiebanner .cmplz-btn{flex:1 1 0;min-width:0;padding:0 8px;font-size:12.5px}
}
@media(prefers-reduced-motion:reduce){body .cmplz-cookiebanner{transition:none}}