/* PROSTA NAPRAWA LOGO I MENU - WYMUSZENIE */
/* 1. LOGO - zawsze pokazuj logo jasne, ukryj ciemne */
.logo-on-light {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.logo-on-dark {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* 2. MENU MOBILNE - ukryj menu, pokaż hamburger */
@media (max-width: 768px) {
  /* Ukryj menu całkowicie */
  .nav-links {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateX(-100%) !important;
  }
  
  /* Pokaż menu po kliknięciu */
  .nav-links.open {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(0) !important;
  }
  
  /* Zawsze pokazuj hamburger */
  .hamburger {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* 3. WIDOK DESKTOP - pokaż menu poziome */
@media (min-width: 769px) {
  .nav-links {
    display: flex !important;
  }
  
  .hamburger {
    display: none !important;
  }
}