/* =======================================================
   GLOBAL LOGO SIZE OVERRIDE (Kobiela.dev)
   Działa na wszystkich stronach - bez edycji HTML
   ======================================================= */

:root{
  --logo-h-mobile: 100px; /* było ok. 90px */
  --logo-h-desktop: 110px; /* było ok. 100px */
}

/* Łapiemy logo w NAV */
nav a img[alt="Kobiela.dev"]{
  height: var(--logo-h-mobile) !important;
  width: auto !important;
  max-width: none !important;
  object-fit: contain !important;
}

/* Desktop */
@media (min-width: 768px){
  nav a img[alt="Kobiela.dev"]{
    height: var(--logo-h-desktop) !important;
  }
}

/* Żeby nie rozwalało NAV, trzymamy wysokość paska */
nav .flex{
  min-height: 96px; /* h-24 */
  margin-bottom: 5px;
  margin-top: 5;
}

@media (min-width: 768px){
  nav .flex{
    min-height: 112px; /* md:h-28 */
  }
}