/* ===========================================================================
   Hoquqi brand overrides
   ----------------------------------------------------------------------------
   Loaded LAST, after main.min.css, thmanyah.css, rtl-i18n.css and
   bnp-mobile.css, so everything here wins without editing a template file.

   Home for Hoquqi-specific brand treatment that the template had no equivalent
   of. Keep template structure fixes out of this file; they belong upstream.

   Sections:
     1. Logo lockup sizing
   =========================================================================== */

/* ---------------------------------------------------------------------------
   1. Logo lockup sizing

   The template's mark was a compact icon carried alongside a two-line text
   lockup ("Bisher" / "& Partners"). The Hoquqi asset is the full Kufic
   wordmark, so that text was removed from Header.jsx and Menu.jsx: it simply
   repeated what the logo already says.

   With the text gone the lockup is the image alone, so it carries the brand on
   its own and is sized up accordingly. The SVG viewBox is trimmed to the
   artwork bounds, so the height below is the height of the wordmark itself
   rather than of a box with margin inside it.

   Aspect ratio is 1.714:1, so 4.6rem tall renders roughly 63px wide, still
   narrower than the 123px the old mark-plus-text lockup occupied.
   --------------------------------------------------------------------------- */

.mxd-logo {
  /* No sibling text left to space away from. */
  gap: 0;
}

.mxd-logo__image {
  height: 4.2rem;
}

@media only screen and (min-width: 768px) {
  .mxd-logo__image {
    height: 4.6rem;
  }
}

/* The fullscreen menu overlay carries the same lockup. */
.menu-logo {
  gap: 0;
}

.menu-logo__image {
  height: 4.4rem;
}

@media only screen and (min-width: 768px) {
  .menu-logo__image {
    height: 5rem;
  }
}

/* Footer lockup: same asset, already text-free in the template. Nudged up so
   it holds the corner now that it is the only brand element there. */
.bnp-footer-logo__icon {
  height: 6.4rem;
}

@media only screen and (max-width: 767px) {
  .bnp-footer-logo__icon {
    height: 5.2rem;
  }
}

/* The loader shows the reversed lockup on the brand field. */
.loader__logo img,
.mxd-loader__logo img {
  height: 6rem;
  width: auto;
}