/*
 * Vlastní CSS pro zarovnání loga a vyhledávání v hlavičce
 */

/* Rodičovský kontejner pro logo, hledání a košík */
.header-top {
    display: flex; /* Zapne tzv. "flexbox" layout, který nám usnadní zarovnání */
    align-items: center; /* Vertikálně vycentruje všechny položky v hlavičce (logo, hledání, atd.) */
  }
  
  /* Obal loga - odstraníme jeho pravý okraj, aby se přilepilo k vyhledávání */
  .site-name-wrapper {
    margin-right: 0; /* Odstraní vnější mezeru vpravo */
    padding-right: 0; /* Pro jistotu odstraní i vnitřní odsazení vpravo */
    flex-shrink: 0; /* Zabrání tomu, aby se logo zmenšovalo, když je málo místa */
  }
  
  /* Obal vyhledávacího pole - odstraníme jeho levý okraj */
  .search {
    margin-left: 0; /* Odstraní vnější mezeru vlevo */
    padding-left: 0; /* Pro jistotu odstraní i vnitřní odsazení vlevo */
  }