/* Csak az FF fejlécen belül: semmi más menüelemet nem módosítunk. */
.navbar-brand .ff-forgo-logo {
  display: block;
  position: relative;
  width: 500px;
  max-width: 100%;
  aspect-ratio: 2048 / 477;
  line-height: 0;
}
.navbar-brand .ff-forgo-logo .ff-letters {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: fill !important;
  border: 0 !important;
}
.navbar-brand .ff-forgo-logo .ff-blade {
  position: absolute !important;
  display: block !important;
  left: 34.61914% !important;
  top: 6.91824% !important;
  width: 19.92188% !important;
  height: 85.53459% !important;
  max-width: none !important;
  transform-origin: 50% 50%;
  animation: ff-logo-forgas 25s linear infinite;
  pointer-events: none;
  border: 0 !important;
}
@keyframes ff-logo-forgas { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .navbar-brand .ff-forgo-logo .ff-blade { animation: none; }
}

/* A rétegek a PHP fejlécből érkeznek: nincs JavaScriptes képváltás. */
.navbar-brand .ff-forgo-logo { overflow: visible; }

/* v1.8.1: mobilon az abszolut pozicionalt ket logo-kep nem ad
   sajat szelesseget a szulo linknek. Ezt expliciten megadjuk. */
@media (max-width: 767px) {
  body .navbar.navbar-inverse .navbar-header > a.navbar-brand {
    display: block !important;
    float: left !important;
    box-sizing: border-box !important;
    width: calc(100% - 70px) !important;
    max-width: 500px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 8px 0 !important;
    overflow: visible !important;
  }
  body .navbar.navbar-inverse .navbar-header > a.navbar-brand > .ff-forgo-logo {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 2048 / 477 !important;
  }
}