/* 1. Zvětšení výšky úvodního motivu (fotky) */
.motive-image, 
#motive, 
.motive-wrapper {
  min-height: 100vh !important; /* Způsobí, že fotka zabere 75 % výšky obrazovky */
  position: relative;
}

/* 2. Ztmavovací filtr přes fotku pro lepší čitelnost textu */
.motive-image::before,
#motive::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.20); /* Tmavý závoj s průhledností 20 % */
  z-index: 1;
}
/* Udržení textu nad filtrem */
.motive-text {
  position: relative;
  z-index: 2;
}

/* Zvětšení loga bez ořezání a deformace */
header img, 
#header img, 
.header img, 
.logo img, 
#logo img, 
a.logo img, 
.navbar-brand img,
.logo a img {
  height: 60px !important;            /* Ponecháme zvětšenou výšku */
  max-height: 60px !important;
  width: auto !important;              /* Šířka se automaticky přizpůsobí podle výšky, aby se zachoval tvar */
  max-width: none !important;          /* Umožní logu roztáhnout se do šířky */
  object-fit: contain !important;      /* TENTO PŘÍKAZ JE NEJDŮLEŽITĚJŠÍ: Zachová celý obdélník uvnitř prostoru */
  object-position: left center !important; /* Zarovná celý obdélník k levému okraji */
}

/* Uvolnění výšky kontejneru */
.logo, #logo, .navbar-brand {
  height: auto !important;
  max-height: none !important;
}

}