/*
Theme Name: Pem-A Theme Modernized
Theme URI: http://example.com/
Author: Generated
Description: Modernized version with parallax backgrounds, sticky header and scroll animations. Keeps original logo and typography.
Version: 1.1
License: GNU General Public License v2 or later
Text Domain: pem-a-theme-modern
*/

/* Keep original font via local @font-face (already included in assets/fonts/agenda.css) */
@import url('assets/fonts/agenda.css');

:root{
  --accent:#007367;
  --accent-dark:#13322B;
  --bg:#ffffff;
  --muted:#D9D9D6;
}

/* Basic resets */
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:'Agenda Light', sans-serif;color:#212322;scroll-behavior:smooth;}
a{color:var(--accent);text-decoration:none}

/* Header / sticky nav */
.site-header{
  position:fixed;left:0;right:0;top:0;z-index:999;
  background:rgba(255,255,255,0.8);backdrop-filter:blur(6px);
  transition:background 250ms ease, box-shadow 250ms ease, padding 250ms ease;
  padding:18px 30px;
}
.site-header.scrolled{
  background:rgba(255,255,255,0.98);
  box-shadow:0 4px 20px rgba(0,0,0,0.08);
  padding:10px 30px;
}
.site-branding{display:flex;align-items:center;gap:14px}
.site-branding img{height:48px;max-width:180px}

/* Nav */
.main-navigation{display:flex;gap:18px;align-items:center}
.main-navigation a{padding:8px 6px;border-radius:4px;transition:color 200ms ease, background 200ms ease}
.main-navigation a:hover{color:var(--accent-dark);background:rgba(0,0,0,0.03)}

/* Hero / parallax sections */
.parallax{
  min-height:60vh;
  display:flex;align-items:center;justify-content:center;
  background-attachment:fixed;background-position:center;background-size:cover;
  position:relative;color:white;text-align:center;
}
.parallax .overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,0.25), rgba(0,0,0,0.25));}

/* Section content */
.section{padding:80px 20px;max-width:1100px;margin:0 auto}
.section h2{margin:0 0 18px;font-size:32px}

/* Scroll reveal */
.reveal {opacity:0; transform: translateY(24px); transition:opacity 600ms ease, transform 600ms ease;}
.reveal.visible{opacity:1; transform: translateY(0);}

/* Footer */
.site-footer{padding:40px 20px;background:#f7f7f7;color:#333;text-align:center}

/* Responsive */
@media (max-width:800px){
  .main-navigation{gap:10px}
  .site-branding img{height:40px}
  .parallax{min-height:40vh}
}


/* Mobile parallax fallback */
@media (max-width:768px){
  .parallax{background-attachment:scroll !important;background-position:center top !important;}
}