/* ================================================================
   bp-header-hotfix.css  v6 (2026-07-05)
   Wymusza wyśrodkowany nagłówek i bezpieczne kadrowanie
   podglądu 3D w generatorze. Wgraj razem z generator-3d.html
   oraz bp-unified.js (v334).
   ================================================================ */

/* ---------- HEADER ---------- */
html,body{overflow-x:hidden}                   /* nic nie może rozjechać w bok */

.bp-header{
  width:100%!important;
  box-sizing:border-box!important;
}

.bp-header-inner{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  max-width:1320px!important;
  width:100%!important;
  margin:0 auto!important;
  padding:0 20px!important;
  box-sizing:border-box!important;
  min-height:60px;
}

.bp-brand{
  flex-shrink:0!important;
  margin-right:auto!important;   /* logo do lewej, reszta się dopasuje */
}

.bp-nav{
  display:flex!important;
  gap:0!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  min-width:0!important;
  flex:1 1 auto!important;
  justify-content:center!important;   /* menu wyśrodkowane w slocie środkowym */
  overflow:visible!important;         /* MUSI być visible — inaczej dropdown "Więcej" jest obcinany */
}

/* dropdown "Więcej" musi być nad wszystkim (hero ma position:relative i tworzy stacking) */
.bp-nav-more{position:relative;z-index:200}
.bp-nav-more-panel{z-index:200!important}

.bp-nav a{
  padding:8px 10px;font-size:13.5px;font-weight:500;white-space:nowrap;
  text-decoration:none;border-radius:8px;
  transition:background .15s ease,color .15s ease;
}

.bp-actions{
  display:flex!important;
  gap:6px!important;
  align-items:center!important;
  flex-shrink:0!important;
  margin-left:8px!important;
}

/* Progresywne skalowanie fontów w menu przy węższych viewportach */
@media (max-width:1440px){ .bp-nav a{padding:7px 9px;font-size:13px} }
@media (max-width:1280px){ .bp-nav a{padding:6px 7px;font-size:12.5px} }
@media (max-width:1100px){ .bp-nav a{padding:5px 6px;font-size:12px} }

/* Mobile — nav znika, tylko toggle + actions */
@media (max-width:900px){
  .bp-nav{display:none!important}
  .bp-menu-toggle{display:inline-flex!important}
}

/* ---------- Generator 3D — podgląd nie może wyjechać za kartę ---------- */
.bp3-view{
  overflow:hidden!important;
  position:relative!important;
  contain:paint;
}
.bp3-viewport{
  position:absolute!important;
  inset:0!important;
  overflow:hidden!important;
}
.bp3-viewport canvas{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
}

/* ---------- Global safety: siatka pełnowymiarowa nie łamie layoutu ---------- */
.bp3-app{max-width:1320px!important;margin:0 auto!important}