/* custom-utilities.css */

/* Tablet a výš (769px+) */
@media screen and (min-width: 769px) {
  .tablet\:pl-6 { padding-left: 1.5rem !important; }
  .tablet\:pr-6 { padding-right: 1.5rem !important; }
  .tablet\:pt-6 { padding-top: 1.5rem !important; }
  .tablet\:pb-6 { padding-bottom: 1.5rem !important; }
  .tablet\:px-6 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
  .tablet\:py-6 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
  .tablet\:p-6 { padding: 1.5rem !important; }

  .tablet\:mx-6 { margin: 1.5rem !important; }

  .tablet\:pt-15 { padding-top: 15rem !important; }
  
  /* Další spacing levely podle potřeby */
  .tablet\:pl-5 { padding-left: 1.25rem !important; }
  .tablet\:pl-4 { padding-left: 1rem !important; }
  .tablet\:pl-3 { padding-left: 0.75rem !important; }
  
  /* Margin */
  .tablet\:ml-6 { margin-left: 1.5rem !important; }
  .tablet\:mr-6 { margin-right: 1.5rem !important; }
}

/* Desktop a výš (1024px+) */
@media screen and (min-width: 1024px) {
  .desktop\:pl-6 { padding-left: 1.5rem !important; }
  /* atd. */
}

.navbar-item img.navbar-logo {
  height: auto;          /* zachová proporce */
  max-height: none;      /* zruší omezení Bulmy */
  width: auto;           /* nechá SVG škálovat */
  transition: height 0.2s ease;
}

/* Mobilní výchozí */
.navbar-item img.navbar-logo {
  height: 2.5rem;
}

/* Tablet a větší */
@media (min-width: 768px) {
  .navbar-item img.navbar-logo {
    height: 3.5rem;
  }
}

/* Desktop */
@media (min-width: 1024px) {
  .navbar-item img.navbar-logo {
    height: 4.5rem;
  }
}

.button { letter-spacing: 3px;}