/* ========================================================================== */
/*  File: mission.css                                                         */
/*  Purpose: Stilizacija sekcije „Misija i vrednosti“ sajta Udruženja e-Razvoj */
/*  Author: Udruženje e-Razvoj | https://erazvoj.com                          */
/*  Last Updated: 2025-05-XX                                                  */
/* ========================================================================== */

/* ===================================== */
/* SEKCIJA: Misija organizacije          */
/* ===================================== */
.mission {
  padding: 30px 20px 40px;           /* Unutrašnji razmak: gore 30px, bočno 20px, dole 40px */
  background-color: #ffffff;         /* Bela pozadina */
  color: #333;                       /* Tamnosiva boja teksta radi čitljivosti */
  font-family: 'Poppins', sans-serif; 		 /* Glavni font sajta */
}

/* === Unutrašnji kontejner koji ograničava širinu sadržaja === */
.mission .about-container {
  max-width: 1000px;                /* Maksimalna širina sekcije */
  margin: 0 auto;                   /* Centriranje kontejnera horizontalno */
  padding: 0 0px;                  /* Bočni unutrašnji razmak */
}

/* === Naslov sekcije: H2 element === */
.mission h2 {
  font-size: 2em;                        /* Veličina fonta za naslov */
  color: #742d8a;                        /* Ljubičasta – glavna boja Udruženja */
  font-family: 'Lora', serif;           /* Sekundarni font za isticanje naslova */
  margin: 0 0 20px;                      /* Razmak ispod naslova */
  text-align: left;                      /* Poravnanje teksta ulevo */
}

/* === Podnaslov sekcije: H3 element === */
.mission h3 {
  font-size: 1.4em;                      /* Nešto manji font od glavnog naslova */
  color: #742d8a;                        /* Ista boja radi konzistentnosti */
  font-family: 'Lora', serif;           /* Serif font za eleganciju */
  margin: 30px 0 10px;                  /* Veći razmak iznad, manji ispod */
  text-align: left;                     /* Poravnanje teksta ulevo */
}

/* === Paragrafi sa misijom i vrednostima === */
.mission p {
  font-size: 1rem;                  /* Standardna veličina teksta */
  line-height: 1.8;                 /* Povećana visina reda radi bolje čitljivosti */
  margin-bottom: 15px;             /* Razmak između paragrafa */
  text-align: left;             /* Poravnanje teksta s obe strane */
}

/* === Poslednji paragraf bez donje margine === */
.mission p:last-of-type {
  margin-bottom: 0;                /* Uklanja donji razmak kod poslednjeg paragrafa */
}