/* Lurstan Host: custom CSS for the Lagom 2 "Modern" style, 19 October 2026.
   Upload to  templates/lagom2/core/styles/modern/assets/css/custom.css  (WHMCS root my.lurstanhost.com).
   includes/head.tpl loads this file after theme.css whenever it exists, so no setting is needed.
   If the active style ever changes (Lagom 2 > Styles), copy this file into that style's assets/css folder too. */

/* 1. Logo sizes. The full logo is 1557 x 164 (9.5 : 1). Lagom's defaults (42 px in the bar, 40 px under 992 px,
      56 px on the login page) made it 380 to 532 px wide; the home page at lurstanhost.com shows it 30 px tall
      and 285 px wide. 32 px here gives 304 px. */
:root {
  --app-nav-logo-height: 32px;       /* bar, 992 px and wider */
  --mob-app-nav-logo-height: 32px;   /* bar under 992 px (Lagom scales PNG logos by width there, so this is a cap) */
  --login-logo-height: 32px;         /* login and password pages: 304 px inside the 380 px card */
}
.login .logo > img,
.page-login .main-body-sidebar .sidebar-logo .logo > img {
  max-width: 100%;
  width: auto;
}

/* 2. Phones. Beside the menu, basket, currency and account icons the wide logo was squeezed to 93 x 10 px.
      Show the square logo (Lagom 2 > Branding > Square Logo) there instead, 40 px tall. */
@media (max-width: 575.98px) {
  .app-nav-header .logo.hidden-xs { display: flex !important; }
  .app-nav-header .logo.visible-xs { display: none !important; }
  .app-nav-header .logo img,
  .app-nav-header .logo img[src$=png] {
    height: 40px;
    max-height: 40px;
    width: auto;
  }
}