/* Elvé Display - text vlevo, obrázek vpravo na hlavní stránce */
@media (min-width: 768px) {
  .welcome-wrapper .welcome > div:last-child {
    display: grid;
    grid-template-columns: 1fr 442px;
    column-gap: 48px;
    align-items: center;
  }

  .welcome-wrapper .welcome > div:last-child p {
    grid-column: 1;
  }

  .welcome-wrapper .welcome > div:last-child p:has(img) {
    grid-column: 2;
    grid-row: 1 / span 3;
    margin: 0;
  }

  .welcome-wrapper .welcome > div:last-child p:has(img) img {
    width: 100%;
    max-width: 442px;
    height: auto;
    display: block;
  }

  .welcome-wrapper .welcome > div:last-child p:empty,
  .welcome-wrapper .welcome > div:last-child p:has(> br),
  .welcome-wrapper .welcome > div:last-child p:last-child {
    display: none;
  }
}

/* Elvé Display - zobrazení obrázku na mobilu */
@media (max-width: 767px) {
  .welcome-wrapper .welcome img[alt="My dva a Sklad"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 442px !important;
    height: auto !important;
    margin: 24px auto 0 auto !important;
  }

  .welcome-wrapper .welcome p:has(img[alt="My dva a Sklad"]) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    text-align: center !important;
  }
}


/* Mobil - fotka skladu musí mít reálnou výšku, aby logo začalo až pod ní */
@media (max-width: 767px) {
  .welcome-wrapper .welcome p:has(img[alt="My dva a Sklad"]) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    margin: 0 0 24px 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 2 !important;
    text-align: center !important;
  }

  .welcome-wrapper .welcome img[alt="My dva a Sklad"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 442px !important;
    height: auto !important;
    margin: 24px auto 0 auto !important;
    position: relative !important;
    z-index: 2 !important;
  }

  .welcome-wrapper .welcome .elve-logo-under-photo {
    display: block !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto 40px auto !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 1 !important;
    text-align: center !important;
    transform: none !important;
  }

  .welcome-wrapper .welcome .elve-logo-under-photo .banner,
  .welcome-wrapper .welcome .elve-logo-under-photo .banner-wrapper {
    display: block !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    position: relative !important;
    overflow: visible !important;
    transform: none !important;
  }

  .welcome-wrapper .welcome .elve-logo-under-photo img {
    display: block !important;
    width: 100% !important;
    max-width: 595px !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    position: relative !important;
    transform: none !important;
  }
}