/* ===== ePAL blog chrome — injected on epalglobal.eu/blog/* only ===== */
/* Hide the WordPress (Storefront) theme chrome so ePAL chrome stands in */
#masthead.site-header,
#colophon.site-footer,
.storefront-handheld-footer-bar { display: none !important; }

/* ePAL chrome — self-contained, no Tailwind dependency */
.epal-chrome, .epal-chrome * { box-sizing: border-box; }
.epal-chrome { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
.epal-container { max-width: 1280px; margin: 0 auto; padding: 0 1.5rem; }

/* Header */
.epal-header { background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.08); padding:1rem 0; }
.epal-header .epal-container { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; }
.epal-brand { display:flex; align-items:center; gap:.5rem; text-decoration:none; }
.epal-brand img { display:block; }
.epal-wordmark { font-size:1.25rem; font-weight:700; color:#3b82f6; line-height:1; }
.epal-wordmark .epal-pal { color:#4f46e5; }
.epal-tagline { font-size:.78rem; color:#374151; }
.epal-nav { display:flex; align-items:center; gap:1.1rem; flex-wrap:wrap; }
.epal-nav a { color:#4b5563; text-decoration:none; font-size:.82rem; letter-spacing:.02em; white-space:nowrap; transition:color .15s; }
.epal-nav a:hover { color:#3b82f6; }
.epal-nav a.epal-active { color:#3b82f6; font-weight:700; }
.epal-nav a.epal-cta { background:#3b82f6; color:#fff; padding:.5rem 1.2rem; border-radius:9999px; }
.epal-nav a.epal-cta:hover { background:#2563eb; }
.epal-burger { display:none; background:none; border:0; font-size:1.5rem; line-height:1; color:#6b7280; cursor:pointer; }

/* Footer */
.epal-footer { background:#1f2937; color:#fff; padding:3rem 0; margin-top:3rem; }
.epal-footer a { text-decoration:none; color:inherit; }
.epal-footer .epal-wordmark { font-size:1.875rem; }
.epal-foot-desc { margin:1rem 0 0; max-width:32rem; color:#d1d5db; font-size:.95rem; line-height:1.5; }
.epal-foot-bottom { margin-top:2.5rem; padding-top:2rem; border-top:1px solid #374151; display:flex; flex-wrap:wrap; gap:1.5rem; align-items:center; }
.epal-foot-bottom a { color:#9ca3af; font-size:.8rem; transition:color .15s; }
.epal-foot-bottom a:hover { color:#fff; }

/* Responsive */
@media (max-width:1150px){ .epal-tagline{ display:none; } }
@media (max-width:880px){
  .epal-burger{ display:block; order:3; }
  .epal-nav{ display:none; width:100%; flex-direction:column; align-items:flex-start; gap:.85rem; padding-top:.85rem; }
  .epal-header.epal-open .epal-nav{ display:flex; }
}

/* Footer tagline + brand need light color on the dark footer background */
.epal-footer .epal-tagline { color:#9ca3af; }