/* Dodatni stili za EduCore */
.section h2{font-size:28px; margin:0 0 10px}
.section p.lead{color:#485563; max-width:760px}
ul{padding-left:18px}


/* —— Desktop: meni na sredini (brand levo) —— */
.site-header .navbar{
  display: grid;
  grid-template-columns: 1fr auto 1fr;  /* brand | menu | prazen */
  align-items: center;
  height: 64px;
}
.site-header .brand{ justify-self: start; }
.site-header .menu{ justify-self: center; }
.menu-toggle{ display:none; } /* skrij gumb na desktopu */

/* —— Mobilno: hamburger desno, panel desno poravnan —— */
@media (max-width: 900px){
  .site-header .navbar{
    grid-template-columns: auto 1fr auto; /* brand | prostor | toggle */
    gap: 12px;
  }

  .menu-toggle{
    display:inline-flex; 
    align-items:center; 
    justify-content:center; 
    width:44px; height:44px; border:0; background:transparent; cursor:pointer;
    border-radius:8px; justify-self: end;
  }
  .menu-toggle:focus{ outline:2px solid var(--ec-primary); outline-offset:2px; }
  .menu-toggle .bar{
    display:block; width:24px; height:2px; background:var(--ec-dark);
    margin:5px auto; transition:.25s ease;
  }
  .menu-toggle.is-active .bar:nth-child(1){ transform: translateY(7px) rotate(45deg); }
  .menu-toggle.is-active .bar:nth-child(2){ opacity:0; }
  .menu-toggle.is-active .bar:nth-child(3){ transform: translateY(-7px) rotate(-45deg); }

  /* Spustni panel */
  #primary-menu{
    position: fixed;
    top: 64px;
    right: 12px;
    left: auto;                /* sidro na desni */
    z-index: 150;
    display: none;             /* skrito, dokler ni odprto */
    flex-direction: column;
    align-items: flex-end;     /* poravnava desno */
    gap: 10px;
    padding: 14px;
    background: #fff;
    border: 1px solid #e6e8eb;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
    max-width: min(92vw, 340px);
  }
  #primary-menu.is-open{ display:flex; }

  #primary-menu a{
    width: 100%;
    text-align: right;
    padding: 10px 12px;
    border-radius: 8px;
  }
  #primary-menu a:hover{ background: var(--ec-light); text-decoration: none; }
  #primary-menu a.btn{ text-align: right; }
}

/* DESKTOP: brand levo, meni desno */
@media (min-width: 901px){
  .site-header .navbar{
    display: grid;
    grid-template-columns: auto 1fr auto; /* brand | prostor | menu */
    align-items: center;
    height: 64px;
  }
  .site-header .brand{ justify-self: start; }
  .site-header .menu{ justify-self: end; }  /* meni desno */
  .menu-toggle{ display:none; }             /* skrij hamburger na desktopu */
}


/* O PODJETJU = enaka širina & robovi kot STORITVE */

/* Enak container kot drugod v temi */
#o-nas .container{
  max-width: 1100px;   /* isto kot globalni .container */
  margin: 0 auto;      /* centriranje */
  padding-left: 18px;  /* isti notranji robovi */
  padding-right: 18px;
}

/* Besedilo poravnano levo (kot v storitvah) */
#o-nas p,
#o-nas .lead{
  text-align: left;
  text-justify: auto;  /* deaktivira prejšnji justify učinek */
}

/* Če si prej odstranil omejitev širine odstavka, jo vrni ali pusti privzeto.
   (V originalni temi je .section p.lead imel max-width 760px; če želiš enako:) */
#o-nas .lead{
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}