/* abna_ui — brand/UI overrides for abna-dileab.tst.ly.
   Loaded after the frappe/erpnext bundles via hooks.py (app_include_css + web_include_css).

   Only HEIGHT is ever set; width stays `auto` so the square 689x689 logo can never be stretched.
   (The 2026-08-17 attempt forced width:40px against frappe's 28px height clamp -> squashed logo.)

   Frappe defaults being overridden:
     login page : .page-card-head img { max-height: 42px }
     web header : .navbar-brand img { max-width: 150px; max-height: 22px }   (top bar of login/website pages)
     desk navbar: .app-logo { width: 24px }  +  .navbar-home img { max-height: 28px; width: auto }
                  (.navbar is 48px tall, 1px bottom border)
*/

/* ---- Login / forgot-password / email-link pages ---- */
.page-card-head img.app-logo {
	max-height: 120px !important;
	height: auto !important;
	width: auto !important;
	max-width: 100%;
	object-fit: contain;
}

/* ---- Website/login top bar (nav.navbar-light; desk navbar has no navbar-light) ---- */
.navbar-light .navbar-brand > img {
	max-height: 40px !important;
	height: 40px;
	width: auto !important;
	max-width: none !important;
	object-fit: contain;
}

/* ---- Desk top navbar: 36px square logo, vertically centred in the 48px bar ---- */
.navbar .navbar-home img.app-logo {
	height: 36px !important;
	max-height: 36px !important;
	width: auto !important;
	object-fit: contain;
}
.navbar .navbar-brand.navbar-home {
	display: inline-flex;
	align-items: center;
	padding-top: 5px;
	padding-bottom: 5px;
}