/*
 * Brand logo sizing overrides (WPSA).
 *
 * The stock Evento logo is a wide lockup (~4:1). The WPSA crest is nearly
 * square (~1.2:1), so at the theme's fixed widths it overflows its containers
 * - most visibly the 62px-tall admin `.logo-header`. These rules cap height
 * and let width follow the aspect ratio.
 *
 * Loaded last, after atlantis.css / admin-main.css / style.css.
 */

/* ---------- Admin + Organizer top navbar ---------- */
/* .logo-header is height: 62px; the img carries a width="120" attribute
   and no height cap, so a square logo spills over the sidebar profile block. */
.logo-header .logo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.logo-header .logo .navbar-brand,
.logo-header .logo img.navbar-brand {
  width: auto !important;   /* beats the inline width="120" attribute */
  max-width: 150px;
  max-height: 66px;
  height: auto;
  object-fit: contain;
}

/* ---------- Frontend header (desktop) ---------- */
.main-header .logo-outer .logo img {
  max-height: 62px;
  width: auto;
  object-fit: contain;
}

/* ---------- Frontend header (mobile / tablet) ---------- */
.main-header .logo-mobile img {
  max-height: 48px;
  width: auto;
  object-fit: contain;
}

@media only screen and (max-width: 575px) {
  .main-header .logo-mobile img {
    max-height: 40px;
  }
}

/* ---------- Admin login + forgot-password ---------- */
/* admin-login.css sets .login-logo { max-width: 200px; width: 100% } which
   makes a square logo ~165px tall and pushes the form down. */
.login-logo {
  max-width: 160px;
  max-height: 110px;
  width: auto !important;
  height: auto;
  object-fit: contain;
}

/* WPSA event-card normalization: equal cards and consistently cropped covers. */
.events-section .tab-pane > .row > [class*="col-"] { display:flex; margin-bottom:30px; }
.events-section .event-item { display:flex; flex-direction:column; width:100%; height:100%; margin-bottom:0; overflow:hidden; }
.events-section .event-item .event-image { position:relative; flex:0 0 250px; height:250px; overflow:hidden; background:#eef2f7; }
.events-section .event-item .event-image > a { display:block; width:100%; height:100%; }
.events-section .event-item .event-image img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.events-section .event-item .event-content { display:flex; flex:1 1 auto; flex-direction:column; }
.events-section .event-item .event-content h5 { min-height:58px; }
.events-section .event-item .event-description { min-height:52px; }
.events-section .event-item .price-remain { margin-top:auto; }
@media (max-width:767px) { .events-section .event-item .event-image { flex-basis:220px; height:220px; } }