/* Mercantico 21/07/2026 - correzione definitiva dei due loghi admin.
   I contenitori non sono span: vecchie regole del tema nascondevano tutti gli span
   dentro .brand-with-logo, lasciando il riquadro vuoto. */

/* Desktop: logo Mercantico ridotto e logo negozio affiancato. */
.side .brand.brand-with-logo.admin-dual-brand{
  width:calc(100% - 18px)!important;
  max-width:248px!important;
  min-height:92px!important;
  margin:4px auto 10px!important;
  padding:8px 10px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fffdfa 0%,#f5ecdb 100%)!important;
  border:1px solid rgba(196,151,81,.62)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.92) inset,0 8px 18px rgba(0,0,0,.20)!important;
}
.side .brand.brand-with-logo.admin-dual-brand > .admin-logo-tile{
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
  height:72px!important;
  padding:2px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  visibility:visible!important;
  opacity:1!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  font-size:initial!important;
  line-height:normal!important;
}
.side .brand.brand-with-logo.admin-dual-brand > .mercantico-tile{
  flex:0 1 104px!important;
  width:104px!important;
}
.side .brand.brand-with-logo.admin-dual-brand > .shop-tile{
  flex:0 1 94px!important;
  width:94px!important;
}
.side .brand.brand-with-logo.admin-dual-brand > .admin-logo-tile > img.admin-brand-logo{
  position:static!important;
  z-index:3!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  max-height:72px!important;
  padding:0!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
}
.side .brand.brand-with-logo.admin-dual-brand > .mercantico-tile > .mercantico-brand-logo{
  transform:scale(.82)!important;
  transform-origin:center!important;
}
.side .brand.brand-with-logo.admin-dual-brand > .shop-tile > .shop-brand-logo{
  transform:scale(.94)!important;
  transform-origin:center!important;
}
.side .brand.brand-with-logo.admin-dual-brand > .admin-logo-divider{
  position:relative!important;
  z-index:1!important;
  flex:0 0 1px!important;
  width:1px!important;
  height:54px!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  margin:0 1px!important;
  background:linear-gradient(180deg,transparent,rgba(120,87,39,.38),transparent)!important;
}
.side .brand.brand-with-logo.admin-dual-brand:not(.has-shop-logo) > .mercantico-tile{
  flex-basis:132px!important;
  width:132px!important;
}
.side .brand.brand-with-logo.admin-dual-brand:not(.has-shop-logo) > .mercantico-tile > .mercantico-brand-logo{
  transform:scale(.80)!important;
}

/* Barra mobile: stessi due loghi, più piccoli e sempre visibili. */
.mobile-topbar .mobile-brand.mobile-dual-brand{
  min-width:0!important;
  max-width:196px!important;
  height:54px!important;
  padding:3px 5px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  overflow:hidden!important;
  text-decoration:none!important;
}
.mobile-topbar .mobile-brand.mobile-dual-brand > .admin-logo-tile{
  position:relative!important;
  min-width:0!important;
  height:44px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  visibility:visible!important;
  opacity:1!important;
  background:transparent!important;
  font-size:initial!important;
  line-height:normal!important;
}
.mobile-topbar .mobile-brand.mobile-dual-brand > .mercantico-tile{width:59px!important;flex:0 0 59px!important}
.mobile-topbar .mobile-brand.mobile-dual-brand > .shop-tile{width:52px!important;flex:0 0 52px!important}
.mobile-topbar .mobile-brand.mobile-dual-brand > .admin-logo-tile > img.admin-brand-logo{
  position:static!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  max-width:100%!important;
  height:44px!important;
  max-height:44px!important;
  padding:0!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
}
.mobile-topbar .mobile-brand.mobile-dual-brand > .mercantico-tile > .mercantico-brand-logo{transform:scale(.82)!important}
.mobile-topbar .mobile-brand.mobile-dual-brand > .shop-tile > .shop-brand-logo{transform:scale(.93)!important}
.mobile-topbar .mobile-brand.mobile-dual-brand > .admin-logo-divider{
  width:1px!important;
  height:34px!important;
  flex:0 0 1px!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  background:rgba(80,80,80,.25)!important;
}
.mobile-topbar .mobile-brand.mobile-dual-brand .admin-brand-label{display:none!important}
.mobile-topbar .mobile-brand.mobile-dual-brand:not(.has-shop-logo){max-width:148px!important}
.mobile-topbar .mobile-brand.mobile-dual-brand:not(.has-shop-logo) > .mercantico-tile{width:74px!important;flex-basis:74px!important}
.mobile-topbar .mobile-brand.mobile-dual-brand:not(.has-shop-logo) .admin-brand-label{
  display:block!important;
  min-width:0!important;
  color:inherit!important;
  font-size:16px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

@media (max-width:420px){
  .mobile-topbar .mobile-brand.mobile-dual-brand{max-width:145px!important;gap:3px!important}
  .mobile-topbar .mobile-brand.mobile-dual-brand > .mercantico-tile{width:48px!important;flex-basis:48px!important}
  .mobile-topbar .mobile-brand.mobile-dual-brand > .shop-tile{width:44px!important;flex-basis:44px!important}
  .mobile-topbar .mobile-brand.mobile-dual-brand > .admin-logo-tile,
  .mobile-topbar .mobile-brand.mobile-dual-brand > .admin-logo-tile > img.admin-brand-logo{height:39px!important;max-height:39px!important}
  .mobile-topbar .mobile-brand.mobile-dual-brand > .admin-logo-divider{height:29px!important}
}