:root { --color-teal: #36c2b2; --color-teal-dark: #1e607d; --color-white: #ffffff; --color-text: #5e5e5e; --font-primary: 'Open Sans', sans-serif; } /* Bootstrap's Reboot sets box-sizing:border-box on every element (`*`), which the old site CSS never declared (browser default content-box). This changes width/height math for elements with both a fixed size and padding — e.g. #partners .container has no position:relative, so its position:absolute child (.slideContainer, bottom:40px) anchors to a different, wrong ancestor once box-sizing shifts that ancestor's computed height. Restore content-box everywhere except #pocket, which needs Bootstrap's border-box for its own grid math to work. Specificity (:not(#pocket) = ID-level) beats Bootstrap's bare `*` (zero specificity) regardless of load order. */ body :not(#pocket):not(#pocket *) { box-sizing: content-box; } /* .row/.col-* are real Bootstrap everywhere now (the old conflicting float-based versions were removed from style-inline.css, see _audit/removed_bootstrap_colliding_css.txt) — used not just in header/footer/#pocket but in ordinary CMS page content too (e.g. /inovacie), so this must be unscoped (not just "header .row"/"footer .row"), or any other page's own row/col content breaks the same way footer's did. Everything else on the page (buttons, fixed-size elements built assuming content-box) is untouched by this — only the grid classes themselves get border-box. !important needed: the broad :not(#pocket) rule above has ID-level specificity, higher than a plain class selector like ".row". Bare .col-1..12 (no breakpoint infix, real Bootstrap 4's "always full width at this tier" class) added 2026-09-09: missing from this list, found via pages/pobocka.php's `
` — under the global content-box restore, its 15px+15px default padding ADDED to its own 1170px width instead of being included in it, rendering the whole box 30px too wide and pushing #mapa's map column 30px past the container's right edge. Confirmed via getBoundingClientRect() at every breakpoint, not just visually. */ .row, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col { box-sizing: border-box !important; } /* Restores the header mega-menu's own .dropdown/.dropdown-menu base sizing, scoped so it doesn't collide with real Bootstrap's own .dropdown-menu used elsewhere (e.g. #pocket). Removed from style-inline.css as a bare rule (see _audit/removed_bootstrap_colliding_css.txt) because it collided with Bootstrap's own .dropdown-menu everywhere; re-declared here scoped to header only. */ header .dropdown { height: 45px; z-index: 1001; } header .dropdown-menu { display: none; min-height: 26px; /* Production keeps this outer div position:relative (its natural flow position, no offset) — the inner .dropdown-menu ul (position:absolute;top:10px) is the only real flyout positioning. Bootstrap's own .dropdown-menu{position:absolute;top:100%} pushes the outer div (and everything anchored to it) down by an extra ~45px (the trigger's own height), creating a gap production doesn't have. Match production exactly here. */ position: relative; top: 0; /* Neutralize Bootstrap's own .dropdown-menu decoration (background, border, padding, min-width, border-radius) on this outer element — it's just a positioning anchor; all real visual styling (background-image, border, box-shadow) lives on the inner .dropdown-menu ul, which is what's actually visible to the user. Without this, the outer div renders as a small blank white box above the real menu list. */ background: transparent; border: none; border-radius: 0; padding: 0; min-width: 0; } /* Same Bootstrap line-height:1.5-inherited-from-body leak as elsewhere (see css/pricelist-page.css for the price-box and heading instances of this same bug) — the site never set an explicit line-height for the main nav links, relying on the browser default (~1.15, "normal"). Bootstrap's 1.5 inflates each
  • from its intended height, so the whole