/*
Theme Name: EduCore OnePage
Theme URI: https://educore.si
Author: EduCore
Description: Enostavna, moderna enostranska tema za predstavitev podjetja EduCore.
Version: 1.0.0
Text Domain: educore
Tags: one-column, custom-colors, custom-logo, accessibility-ready, responsive-layout
*/

/* Osnovne spremenljivke (lahko se spremenijo prek Customizerja) */
:root{
  --ec-primary: #2D9CDB; /* modra */
  --ec-secondary: #6C757D; /* siva */
  --ec-dark: #2F3A45;
  --ec-light: #F5F7FA;
  --ec-white: #ffffff;
}

html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  color: var(--ec-dark);
  background: var(--ec-white);
  line-height:1.6;
}
a{color:var(--ec-primary); text-decoration:none}
a:hover{text-decoration:underline}

/* Navigacija */
.site-header{position:sticky; top:0; z-index:100; background:rgba(255,255,255,.9); backdrop-filter:saturate(120%) blur(6px); border-bottom:1px solid #eaecef}
.container{max-width:1100px; margin:0 auto; padding:0 18px}
.navbar{display:flex; align-items:center; justify-content:space-between; height:64px}
.brand{display:flex; align-items:center; gap:10px; font-weight:700}
.brand img{height:32px; width:auto}
.menu{display:flex; gap:16px}
.menu a{color:var(--ec-dark); font-weight:600}
.menu a.btn{padding:8px 14px; border-radius:8px; background:var(--ec-primary); color:white}

/* Hero */
.section{padding:80px 0}
.hero{padding:120px 0 80px; background:linear-gradient(180deg, rgba(45,156,219,0.08), rgba(108,117,125,0.04)); text-align:center}
.hero h1{font-size:clamp(28px, 5vw, 48px); margin:0 0 12px}
.hero p{font-size:clamp(16px, 2.2vw, 20px); color:#3d4a56; margin:0 auto 20px; max-width:720px}
.hero .cta{display:inline-block; padding:12px 20px; background:var(--ec-primary); color:white; border-radius:10px; font-weight:700}

/* Storitve */
.grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
@media (max-width:900px){.grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.grid{grid-template-columns:1fr}}
.card{border:1px solid #e6e8eb; border-radius:12px; padding:18px; background:white}
.card h3{margin-top:0}

/* Zakaj mi */
.badges{display:flex; gap:12px; flex-wrap:wrap}
.badge{background:var(--ec-light); color:var(--ec-dark); padding:8px 12px; border-radius:999px; border:1px solid #e6e8eb}

/* Kontakt */
.contact-box{border:2px dashed #dfe3e8; padding:18px; border-radius:12px; background:#fff}

/* Footer */
.site-footer{padding:28px 0; border-top:1px solid #eaecef; text-align:center; color:#6b7280}
*/