/* nbk_site: differences between the theme's Bootstrap 4 page and Odoo 20's Bootstrap 5 layout. */
.form-group { margin-bottom: 1rem; }
.text-right { text-align: right !important; }

/* Website builder iframe: the theme's JS does not run there, so show what it would reveal. */
html.nbk-no-theme-js .wow { visibility: visible !important; }
html.nbk-no-theme-js .tm-preloader { display: none !important; }

/* Odoo pins html/body to 100% of the window; with the theme's `body { overflow: hidden }` the page
   could not scroll at all. Let the document grow as it does on nbkauditing.com. */
html, body { height: auto !important; }

/* main.js sizes the hero as calc(100vh - header height) when it runs; if the logo has not loaded yet
   the header measures 20px short. Reserve the logo's box (586x426 PNG) so the height never depends
   on load timing. */
.header-logo img, .widget-info-logo img { aspect-ratio: 586 / 426; height: auto; }

/* Odoo's `li > p { margin: 0 }` outranks the theme's `p` margins (About: "Service Delivery Approach" cards). */
.service-list li > p { margin: 0 0 15px; }

/* Odoo's .bg-* utilities also force a text colour (#212529); the theme lets #444 inherit from body. */
#wrap .bg-white, #wrap .bg-grey { color: inherit; }

/* Odoo paints every .card-body white (0.9) with dark text; Bootstrap 4 leaves it transparent
   (About: "Our Company Formation Services" gradient cards). */
#wrap .card-body { background-color: transparent; color: inherit; }

/* Bootstrap 5 (Odoo) indents lists by 2rem; the theme's Bootstrap 4 leaves the browser's 40px.
   Plain element selectors, so the theme's own class rules (menus, service-list...) still win. */
ul, ol { padding-left: 40px; }

/* "Enquire Now" (Services page) links to /contact?service=…#contactForm. Without a margin the jump
   lands with "Your Name" under the theme's sticky header (116px) and the "Book an Appointment" title
   off screen; stop 200px higher so the title and the whole form sit below the header. */
#contactForm { scroll-margin-top: 200px; }

/* The contact form's Service dropdown (added by us) is a theme nice-select, which floats; its wrapper
   collapsed, so "Your Message" sat flush under it. Un-float it so the 25px field spacing applies. */
#contactForm .nice-select { float: none; }