/* Ministério Seven — ajuste fino da logo do menu público V2
   Objetivo: deixar a logo proporcional ao restante do cabeçalho. */

:root{
  --seven-header-logo-height: 38px;
  --seven-header-logo-max-width: 172px;
}

.site-header .brand-link,
header.site-header .brand-link,
.header-inner .brand-link{
  width: auto !important;
  min-width: 0 !important;
  max-width: 190px !important;
  height: 52px !important;
  min-height: 52px !important;
  padding: 6px 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  overflow: hidden !important;
}

.site-header .brand-link img,
header.site-header .brand-link img,
.header-inner .brand-link img,
#header-v7-logo,
.brand-v7,
.brand-logo,
.header-logo,
img[src*="logo-header"],
img[src*="ministerio-seven"]{
  height: var(--seven-header-logo-height) !important;
  max-height: var(--seven-header-logo-height) !important;
  width: auto !important;
  max-width: var(--seven-header-logo-max-width) !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
  transform: none !important;
}

.site-header .header-inner,
header.site-header .header-inner{
  min-height: 72px !important;
  align-items: center !important;
}

@media (max-width: 900px){
  :root{
    --seven-header-logo-height: 34px;
    --seven-header-logo-max-width: 148px;
  }
  .site-header .brand-link,
  header.site-header .brand-link,
  .header-inner .brand-link{
    height: 48px !important;
    min-height: 48px !important;
    max-width: 166px !important;
    padding: 5px 12px !important;
  }
}