/*
 * VPSLake custom styles for the twenty-one template.
 *
 * custom.css is the template's designated override file — it is picked up by the
 * {assetExists file="custom.css"} block in includes/head.tpl and is not shipped by
 * WHMCS, so it survives updates. Put local tweaks here rather than editing
 * theme.min.css or the stock .tpl files.
 */

/*
 * Brand logo size.
 *
 * theme.min.css caps .logo-img at max-height:60px. The old placeholder logo was only
 * 40px tall so it never reached that cap; the current logo.png is 800x197 (kept large
 * so invoice/quote PDFs, which draw the same file at 75mm, stay sharp), so it hit the
 * cap and rendered a full 60px tall. Pin the on-screen height instead of relying on
 * the file's natural size.
 */
.logo-img {
    max-height: 44px;
}

@media (max-width: 767.98px) {
    .logo-img {
        max-height: 36px;
    }
}