/*
Theme Name: EF Custom Lite
Theme URI: https://ef-recycling.com/
Author: EF Recycling
Description: Minimal theme with custom sticky header and page-first content. Avoids double headers and keeps pages in control.
Version: 1.0.0
License: GPL-2.0+
Text Domain: ef-custom-lite
*/

:root{
  --bg-hero:url('https://ef-recycling.com/wp-content/uploads/2025/08/ef-recycling-hero.jpg');
  --yellow:#ffdf3a; --ink:#111;
  --card:rgba(0,0,0,.30);
  --radius:18px;
  --shadow:0 10px 20px rgba(0,0,0,.25);
  --border:1.5px solid rgba(255,255,255,.8);
}

*{box-sizing:border-box}
html,body{height:auto;margin:0}
body{
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;
  color:#fff; background:#e9ecef var(--bg-hero) top/cover no-repeat;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
img{max-width:100%;height:auto}

.wrapper{padding:0 16px; max-width:1000px; margin:0 auto}

.ef-banner{
  position:sticky; top:0; z-index:999;
  background:var(--card); box-shadow:var(--shadow); border:var(--border);
  padding:10px 14px; margin:8px 12px 4px; border-radius:var(--radius);
  -webkit-backdrop-filter:saturate(120%) blur(2px);
  backdrop-filter:saturate(120%) blur(2px);
}
.ef-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1200px;margin:0 auto}
.ef-logo-link{display:flex;align-items:center;gap:10px;text-decoration:none}
.ef-logo{width:44px;height:44px;border-radius:10px;display:block}
.ef-brand{color:#fff;font-weight:900;letter-spacing:.3px;text-shadow:0 2px 6px rgba(0,0,0,.35);font-size:15px;line-height:1.1;white-space:nowrap}
.ef-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--yellow);color:#fff;text-decoration:none;font-weight:600;border-radius:10px;padding:8px 14px;box-shadow:0 4px 10px rgba(0,0,0,.22);text-shadow:0 2px 6px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.85);line-height:1}
.ef-cta:active{transform:translateY(1px)}

main.site-main{margin:8px 12px 12px}

@media(min-width:900px){
  .ef-banner{margin:10px 16px 6px;padding:10px 14px}
  main.site-main{margin:8px 16px 16px}
}