/*
Theme Name: EbbaPettersson OnePage
Theme URI:  https://ebbapettersson.nu
Author:     ChatGPT (generated)
Description: One-page WordPress theme for Ebba Pettersson Privatskola. Contains Top, Main and Footer menus and parallax hero.
Version:    1.0
Text Domain: ebbapettersson-onepage
Tags: one-column, accessibility-ready, custom-logo, custom-menu
*/
html,body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;color:#123;}
a{color:#0b5aa6;text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.site-header{background:#fff;border-bottom:1px solid #e6e6e6}
.topbar{display:flex;justify-content:flex-end;padding:6px 20px;font-size:14px}
.topbar a{margin-left:18px}
.site-branding{display:flex;align-items:center;padding:14px 20px}
.site-logo{max-height:56px;margin-right:18px}
.main-nav{display:flex;justify-content:center;border-top:1px solid transparent}
.main-nav ul{list-style:none;display:flex;margin:0;padding:12px 0}
.main-nav li{margin:0 14px}
.main-nav a{font-weight:600}
.hero{
  height:520px;
  background-attachment:fixed;
  background-position:center;
  background-size:cover;
  position:relative;
  display:flex;
  align-items:center;
  color:#fff;
}
.hero-overlay{ /* intentionally very light to keep image clear */
  position:absolute;left:0;right:0;top:0;bottom:0; background: rgba(0,0,0,0.15);
}
.hero-inner{position:relative; z-index:2; width:100%}
.hero h1{font-size:44px;margin:0 0 8px}
.scroll-arrow{position:absolute;right:30px;bottom:20px; background:#fff;border-radius:30px;padding:8px 12px; cursor:pointer; box-shadow:0 6px 18px rgba(0,0,0,0.15)}
.section{padding:60px 0}
.section h2{font-size:28px;margin-bottom:18px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:#fff;border-radius:10px;padding:18px;box-shadow:0 6px 18px rgba(0,0,0,0.06)}
.activity-icon{font-size:36px;margin-bottom:8px}
.about-core{display:flex;gap:12px;flex-wrap:wrap}
.core-pill{background:#f3f7fb;padding:10px 14px;border-radius:8px;margin-right:8px;font-weight:600}
.teams-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.calendar{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.footer-row{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-top:1px solid #e6e6e6;font-size:14px}
.footer-row .center-links a{margin:0 10px}
@media(max-width:900px){
  .grid, .teams-grid{grid-template-columns:repeat(2,1fr)}
  .hero{height:420px}
}
@media(max-width:600px){
  .grid, .teams-grid{grid-template-columns:1fr}
  .topbar{display:none}
  .main-nav ul{flex-wrap:wrap;justify-content:center}
  .footer-row{flex-direction:column;gap:8px;align-items:flex-start}
}