/* ===================================================================== */
/*  File: responsive-pc.css                                              */
/*  Purpose: Responsive stilovi za prikaz na većim ekranima (PC)        */
/*  Author: Udruženje e-Razvoj | https://erazvoj.com                    */
/*  Last Updated: 2025-05-XX                                             */
/* ===================================================================== */

/* ===================================== */
/* @media pravilo za ekrane šire od 1024px */
/* ===================================== */
@media (min-width: 1025px) {

  nav ul {
    display: flex;                          /* Horizontalno raspoređivanje stavki u meniju */
    justify-content: space-around;          /* Ravnomerno raspoređene stavke po širini */
    padding: 0;                             /* Uklanjanje unutrašnjeg razmaka */
    margin: 0;                              /* Uklanjanje spoljašnjeg razmaka */
  }

  .featured {
    flex-wrap: wrap;                        /* Dozvoljava prelamanje featured elemenata */
    justify-content: space-between;         /* Raspoređuje ih sa razmakom između */
  }

  .featured .feature {
    max-width: 30%;                         /* Ograničava širinu pojedinačnih elemenata */
    text-align: center;                     /* Centriran sadržaj unutar svakog featured bloka */
  }

  .hamburger-container,
  .hamburger {
    display: none !important;        /* Sakriva hamburger meni na desktopu */
  }

  .about-erazvoj {
    padding: 40px 60px 30px;                /* Veći padding za bolji raspored na širim ekranima */
  }

}