/* PIOUS Foundation — assets/css/logo-system.css */

/* All logo images: never overflow their container */
.main-menu__logo img,
.stricky-header .main-menu__logo img,
.mobile-nav__content .logo-box img,
.footer-widget__about-logo img {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
}

/* Context-specific height caps — header-nav.css handles exact values,
   these are safety maximums */
.main-menu__logo img                  { max-height: 52px !important; }
.stricky-header .main-menu__logo img  { max-height: 40px !important; }
.mobile-nav__content .logo-box img    { max-height: 48px !important; }
.footer-widget__about-logo img        { max-height: 60px !important; }


/* ============================================================
   PRELOADER
   display: flex WITHOUT !important so jQuery fadeOut() can override.
   ============================================================ */

.preloader {
  background-color: #020149;
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 99999;
  display: flex;          /* no !important — jQuery must win */
  justify-content: center !important;
  align-items: center !important;
}

.preloader__image {
  background-image: url(../images/resources/logo-2.png) !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: clamp(140px, 18vw, 260px) !important;
  height: clamp(140px, 18vw, 260px) !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 auto !important;
  animation-name: flipInY !important;
  animation-duration: 2s !important;
  animation-iteration-count: infinite !important;
  animation-fill-mode: both !important;
}