/**
 * CMS logo sizes — driven by settings.logo_size (small | medium | large).
 * Class helpers: resources/js/utils/logoSize.js
 */

/* ---- Bootstrap classes: logo-sm | logo-md | logo-lg (default, A, C) ---- */
body.cms-active-template-default #app img.logo-sm,
body.cms-active-template-templateA #app img.logo-sm,
body.cms-active-template-templateC #app img.logo-sm {
  height: 40px;
  max-height: 40px;
  width: auto;
  object-fit: contain;
}

body.cms-active-template-default #app img.logo-md,
body.cms-active-template-templateA #app img.logo-md,
body.cms-active-template-templateC #app img.logo-md {
  height: 60px;
  max-height: 60px;
  width: auto;
  object-fit: contain;
}

body.cms-active-template-default #app img.logo-lg,
body.cms-active-template-templateA #app img.logo-lg,
body.cms-active-template-templateC #app img.logo-lg {
  height: 100px;
  max-height: 100px;
  width: auto;
  object-fit: contain;
}

/* ---- Template B — ve-logo-img / ve-footer-logo-img ---- */
body.cms-active-template-templateB #app .ve-logo-img--small {
  height: 36px;
  max-height: 36px;
  width: auto;
  object-fit: contain;
}

body.cms-active-template-templateB #app .ve-logo-img--medium {
  height: 44px;
  max-height: 44px;
  width: auto;
  object-fit: contain;
}

body.cms-active-template-templateB #app .ve-logo-img--large {
  height: 60px;
  max-height: 60px;
  width: auto;
  object-fit: contain;
}

body.cms-active-template-templateB #app .ve-footer-logo-img--small {
  height: 36px;
  max-height: 36px;
  width: auto;
  object-fit: contain;
}

body.cms-active-template-templateB #app .ve-footer-logo-img--medium {
  height: 44px;
  max-height: 44px;
  width: auto;
  object-fit: contain;
}

body.cms-active-template-templateB #app .ve-footer-logo-img--large {
  height: 60px;
  max-height: 60px;
  width: auto;
  object-fit: contain;
}

/* ---- Template E — ve-logo-img / ve-footer-logo-img ---- */
body.cms-active-template-templateE #app .ve-logo-img--small {
  height: 40px;
  max-height: 40px;
  width: auto;
  object-fit: contain;
}

body.cms-active-template-templateE #app .ve-logo-img--medium {
  height: 52px;
  max-height: 52px;
  width: auto;
  object-fit: contain;
}

body.cms-active-template-templateE #app .ve-logo-img--large {
  height: 68px;
  max-height: 68px;
  width: auto;
  object-fit: contain;
}

body.cms-active-template-templateE #app .ve-footer-logo-img--small {
  height: 36px;
  max-height: 36px;
  width: auto;
  object-fit: contain;
}

body.cms-active-template-templateE #app .ve-footer-logo-img--medium {
  height: 48px;
  max-height: 48px;
  width: auto;
  object-fit: contain;
}

body.cms-active-template-templateE #app .ve-footer-logo-img--large {
  height: 64px;
  max-height: 64px;
  width: auto;
  object-fit: contain;
}

@media (max-width: 991.98px) {
  body.cms-active-template-templateE #app .ve-mobile-brand .ve-logo-img--small {
    height: 36px;
    max-height: 36px;
  }

  body.cms-active-template-templateE #app .ve-mobile-brand .ve-logo-img--medium {
    height: 40px;
    max-height: 40px;
  }

  body.cms-active-template-templateE #app .ve-mobile-brand .ve-logo-img--large {
    height: 48px;
    max-height: 48px;
  }
}

/* ---- Template F (Clarity) — overrides theme main.css fixed heights ---- */
body.cms-active-template-templateF .header .logo img.logo-sm,
body.cms-active-template-templateF #app .header .logo img.logo-sm {
  height: 36px;
  max-height: 36px;
  width: auto;
  object-fit: contain;
}

body.cms-active-template-templateF .header .logo img.logo-md,
body.cms-active-template-templateF #app .header .logo img.logo-md {
  height: 48px;
  max-height: 48px;
  width: auto;
  object-fit: contain;
}

body.cms-active-template-templateF .header .logo img.logo-lg,
body.cms-active-template-templateF #app .header .logo img.logo-lg {
  height: 64px;
  max-height: 64px;
  width: auto;
  object-fit: contain;
}

body.cms-active-template-templateF .footer .footer-about .logo img.logo-sm,
body.cms-active-template-templateF #app .footer .footer-about .logo img.logo-sm {
  height: 32px;
  max-height: 32px;
  width: auto;
  object-fit: contain;
}

body.cms-active-template-templateF .footer .footer-about .logo img.logo-md,
body.cms-active-template-templateF #app .footer .footer-about .logo img.logo-md {
  height: 40px;
  max-height: 40px;
  width: auto;
  object-fit: contain;
}

body.cms-active-template-templateF .footer .footer-about .logo img.logo-lg,
body.cms-active-template-templateF #app .footer .footer-about .logo img.logo-lg {
  height: 56px;
  max-height: 56px;
  width: auto;
  object-fit: contain;
}

/* ---- Template G (NiceHotel) — overrides theme main.css fixed heights ---- */
body.cms-active-template-templateG .header .logo img.logo-sm,
body.cms-active-template-templateG .header .branding .logo img.logo-sm,
body.cms-active-template-templateG #app .header .logo img.logo-sm {
  height: 36px;
  max-height: 36px;
  width: auto;
  object-fit: contain;
}

body.cms-active-template-templateG .header .logo img.logo-md,
body.cms-active-template-templateG .header .branding .logo img.logo-md,
body.cms-active-template-templateG #app .header .logo img.logo-md {
  height: 48px;
  max-height: 48px;
  width: auto;
  object-fit: contain;
}

body.cms-active-template-templateG .header .logo img.logo-lg,
body.cms-active-template-templateG .header .branding .logo img.logo-lg,
body.cms-active-template-templateG #app .header .logo img.logo-lg {
  height: 64px;
  max-height: 64px;
  width: auto;
  object-fit: contain;
}

body.cms-active-template-templateG .footer .footer-about .logo img.logo-sm,
body.cms-active-template-templateG #app .footer .footer-about .logo img.logo-sm {
  height: 32px;
  max-height: 32px;
  width: auto;
  object-fit: contain;
}

body.cms-active-template-templateG .footer .footer-about .logo img.logo-md,
body.cms-active-template-templateG #app .footer .footer-about .logo img.logo-md {
  height: 40px;
  max-height: 40px;
  width: auto;
  object-fit: contain;
}

body.cms-active-template-templateG .footer .footer-about .logo img.logo-lg,
body.cms-active-template-templateG #app .footer .footer-about .logo img.logo-lg {
  height: 56px;
  max-height: 56px;
  width: auto;
  object-fit: contain;
}