/**
 * Purple Lion header wordmark image
 *
 * Shows optional includes/templates/responsive_classic/images/logo_wordmark.png
 * next to the lion logo (instead of plain slogan text).
 */

#logoWrapper #logo {
  display: flex;
  align-items: flex-end;   /* zarovná obsah dolů */
  gap: 20px;
}

#taglineWrapper {
  display: flex;
  align-items: flex-end;   /* wordmark dolů */
  min-height: 90px;
  margin: 0;
  flex: 0 1 auto;
  padding-bottom: 28px;     /* ještě ho lehce srazí dolů */
}

#taglineImage {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  max-width: 420px;        /* menší šířka */
}

#taglineImage .logo-wordmark-image {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 62px;        /* zmenšení obrázku */
  height: auto;
  object-fit: contain;
  object-position: left bottom;
}

#tagline {
  margin-top: 0;
  line-height: 1.2;
}

/* Slightly smaller on narrower screens */
@media only screen and (max-width: 1199px) {
  #taglineImage {
    max-width: 400px;
  }

  #taglineImage .logo-wordmark-image {
    max-height: 96px;
  }
}

@media only screen and (max-width: 991px) {
  #logoWrapper #logo {
    gap: 14px;
  }

  #taglineWrapper {
    min-height: 0;
  }

  #taglineImage {
    max-width: 320px;
  }

  #taglineImage .logo-wordmark-image {
    max-height: 72px;
  }
}

@media only screen and (max-width: 767px) {
  #logoWrapper #logo {
    display: block;
    text-align: center;
  }

  #taglineWrapper {
    display: flex;
    justify-content: center;
    margin-top: 10px;
  }

  #taglineImage {
    max-width: 260px;
    margin: 0 auto;
  }

  #taglineImage .logo-wordmark-image {
    max-height: 58px;
    margin: 0 auto;
  }
}