/* RESET */
* { box-sizing: border-box; margin: 0; padding: 0; }
/* PODSTAWY */
html, body {
   height: 100%;
}
body {
   font-family: 'Open Sans', sans-serif;
   background: #121220;
   color: #e0e0e0;
   line-height: 1.6;
   min-height: 100vh;
   display: flex;
   flex-direction: column;
}
/* HEADER */
header {
   background: #111018;
   padding: 1rem 2rem;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: center;
   gap: 1rem;
   position: sticky;
   top: 0;
   z-index: 1000;
}
.logo {
   font-family: 'Montserrat', sans-serif;
   font-size: 1.5rem;
   color: #4caf50;
   font-weight: bold;
}
.logo img {
   height: 40px;
   max-width: 100%;
   width: auto;
   transition: opacity 0.3s;
}
.logo:hover img {
   opacity: 0.8;
}
.menu {
   display: flex;
   gap: 1.5rem;
}
.menu a {
   color: #8c8cd9;
   text-decoration: none;
   font-weight: 600;
}
.lang-switch, .contact-info {
   color: #a0a0a0;
   font-size: 0.9rem;
}
/* MAIN CONTENT */
.main-content {
   max-width: 900px;
   margin: 2rem 0 2rem 2rem; /* przesunięcie do lewej */
   padding: 0 1rem;
   flex: 1;
}
.article-section {
   background: #1a1a2e;
   border-radius: 8px;
   padding: 1.5rem 2rem;
   margin-bottom: 2rem;
   max-width: 900px;
   box-sizing: border-box;
}
.hidden-content { display: none; }
.hidden-content.visible { display: block; }
.read-more {
   background: #007bff;
   color: white;
   border: none;
   padding: 0.5rem 1rem;
   border-radius: 5px;
   cursor: pointer;
   margin-top: 1rem;
   transition: background 0.2s, color 0.2s;
   text-decoration: none; /* żeby nie było podkreślenia */
}
.read-more:hover, .read-more:focus {
   background: #4caf50;  /* ten sam zielony co dla linków po najechaniu */
   color: #fff;          /* kolor tekstu po najechaniu */
  }
/* FOOTER */
.site-footer {
   background: #111018;
   padding: 2rem 1rem 0;
   margin-top: 3rem;
}
.footer-content-wrapper {
   max-width: 900px;
   margin: 0 auto;
   display: flex;
   flex-wrap: wrap;
   gap: 2rem;
}
.footer-section { flex: 1; min-width: 200px; }
.footer-bottom {
   text-align: center;
   padding: 1rem;
   margin-top: 1rem;
   color: #888;
}
a {
   color: #8c8cd9;           /* Twój kolor linków */
   text-decoration: none;    /* Bez podkreślenia */
   transition: color 0.2s;   /* Ładna animacja zmiany koloru */
}
a:visited {
   color: #8c8cd9;           /* Po odwiedzeniu taki sam kolor */
}
a:hover, a:focus {
   color: #4caf50;           /* Kolor po najechaniu myszką */
   text-decoration: underline; /* Lub zostaw none, jak nie chcesz podkreślenia */
}
a:active {
   color: #007bff;           /* Kolor po kliknięciu (opcjonalnie) */
}
/* RESPONSYWNOŚĆ */
@media (max-width: 768px) {
   header { 
       flex-direction: column; 
       text-align: center;
       padding: 1rem;
   }
   .logo img {
       height: 30px;
   }
   .menu { 
       flex-direction: column; 
       gap: 0.5rem;
   }
   .main-content {
       width: 100%;
       max-width: 100%;
       margin: 0;
       padding: 0 0.5rem;
       flex: 1;
   }
   .article-section {
       padding: 1rem;
       max-width: 100%;
   }
   .footer-content-wrapper {
       width: 100%;
       max-width: 100%;
       margin: 0;
       padding: 0 0.5rem;
       box-sizing: border-box;
       flex-direction: column;
       gap: 1rem;
   }
}