/* IPTV Charleroi v1.2.7 — responsive logo settings.
   Scope: configurable logo upload, SEO ALT support and safe responsive sizing.
   No homepage structure changes. No monolithic CSS merge. */

:root {
  --ipch-logo-desktop: 226px;
  --ipch-logo-mobile: 148px;
  --ipch-logo-footer: 148px;
}

.brand.brand-elegant {
  overflow: visible;
}

.ipch-logo-img {
  display: block;
  height: auto;
  object-fit: contain;
  object-position: left center;
  max-height: 100%;
  transform: translateZ(0);
}

.ipch-logo-img--header {
  width: min(var(--ipch-logo-desktop), 100%);
  max-width: min(var(--ipch-logo-desktop), 100%);
}

.ipch-logo-img--footer {
  width: min(var(--ipch-logo-footer), 100%);
  max-width: min(var(--ipch-logo-footer), 100%);
}

.ipch-logo-img.is-custom-logo {
  aspect-ratio: auto;
}

@media (min-width: 1161px) {
  .brand-plate {
    width: max(286px, calc(var(--ipch-logo-desktop) + 60px));
  }

  .nav {
    padding-left: max(272px, calc(var(--ipch-logo-desktop) + 46px));
  }

  .brand.brand-elegant {
    width: var(--ipch-logo-desktop);
    max-width: var(--ipch-logo-desktop);
  }

  .ipch-logo-img--header {
    width: var(--ipch-logo-desktop);
    max-width: var(--ipch-logo-desktop);
    max-height: 66px;
  }
}

@media (max-width: 1160px) {
  .brand.brand-elegant {
    width: min(var(--ipch-logo-desktop), 196px);
  }

  .ipch-logo-img--header {
    width: min(var(--ipch-logo-desktop), 196px);
    max-width: min(var(--ipch-logo-desktop), 196px);
    max-height: 60px;
  }
}

@media (max-width: 760px) {
  .brand-plate {
    width: max(176px, calc(var(--ipch-logo-mobile) + 28px));
  }

  .brand.brand-elegant {
    width: var(--ipch-logo-mobile);
    max-width: var(--ipch-logo-mobile);
  }

  .ipch-logo-img--header {
    width: var(--ipch-logo-mobile);
    max-width: var(--ipch-logo-mobile);
    max-height: 52px;
  }

  .ipch-logo-img--footer {
    width: min(var(--ipch-logo-footer), 132px);
    max-width: min(var(--ipch-logo-footer), 132px);
  }
}