/* ==========================================================================
   BAGANDYNAMIC CONFIGURATOR - configurator styles
   Font: Open Sans (same as template)
   ========================================================================== */

/* --- Hide number input spinners --- */
.bd-wrapper input[type="number"]::-webkit-outer-spin-button,
.bd-wrapper input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.bd-wrapper input[type="number"] { -moz-appearance: textfield; }

/* --- Wrapper --- */
.bd-wrapper { width: 100%; padding: 15px 30px 2px; background: #fff; border: 1px solid #e8e8e8; margin-bottom: 20px; border-radius: 0; }
@media (max-width: 767px) { .bd-wrapper { padding: 15px 10px 10px; border: 0; margin-bottom: 0; } }
.bagan-dynamic-form { position: relative; }
.bagan-dynamic-form.loading:after { content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 100; background: rgba(255, 255, 255, 0.6); }

/* --- Mesh box header --- */
.mesh-box .head-conf {
  font-size: 17px;
  font-weight: 500;
  color: #000;
  padding: 10px 0;
  text-align: center;
  text-transform: none;
}
.mesh-box .mesh-info { margin-bottom: 5px; font-size: 14px; color: #404040; }
.mesh-box .mini-head { font-weight: 700; font-size: 14px; }

/* --- General helpers --- */
.head-conf { text-transform: uppercase; font-weight: 700; padding-bottom: 12px; font-size: 15px; }
.head-conf span { font-weight: 400; text-transform: none; font-size: 14px; }
.size { font-size: 14px; }
.box-m { padding-left: 0; position: relative; color: #232f3e; }
.box-m.mini-head { font-weight: 700; font-size: 14px; }
.b-bottom { border-bottom: 1px solid #e8e8e8; }
.b-top { border-top: 1px solid #e8e8e8; }
.pt-t { padding-top: 17px; }
.pb-b { padding-bottom: 17px; }

/* --- Box arrow (yellow dot icon) --- */
.box-arrow { font-size: 14px; padding-left: 15px; position: relative; }
.box-arrow:before { left: -2px; }
.box-arrow:before {
  content: '';
  background-size: 11px;
  background-repeat: no-repeat;
  background-position: center;
  width: 8px;
  height: 8px;
  border-radius: 0;
  background-color: #c45000;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 20px;
  margin-right: 10px;
}
.box-off.box-arrow:before { top: 23px; }

/* --- Form rows --- */
.bd-row { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 10px; }
.bd-row label { width: 30%; text-align: left; padding-right: 10px; padding-left: 30px; font-size: 15px; font-weight: 500; margin-bottom: 0; }
p.bd-row.hidden-xs-up { display: none; }
.bd-row .form-control { max-width: 125px; font-size: 19px; }
.bd-row > span { max-width: 20%; padding-left: 10px; text-align: center; }
span.bd-line { max-width: 100%; text-align: left; padding: 10px 0 0; margin-left: 33%; }
.bd-row input, .bd-row select { background-color: #fff; border-color: #aaa; height: 48px; border-radius: 0; font-size: 19px; }
.bd-row select { appearance: none; -moz-appearance: none; -webkit-appearance: none; background-image: url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAJFBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGK9LJAAAAC3RSTlMAcP5hXXd4ckZVYIf81GYAAAAwSURBVAjXY2AgCXAaMDCwNAAZzOoMDEIOICHpBMatYDnGbdIBEFVFilDlzAsYSAQAVh4Ew5WqGCwAAAAASUVORK5CYII=); background-repeat: no-repeat; background-position: right 10px center; }

.form-control { display: block; width: 100%; padding: 0.5rem 1rem; line-height: 1.5; color: #222; background-clip: padding-box; border: 1px solid #ced4da; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

/* --- Placeholders --- */
.box-m input::-webkit-input-placeholder { color: #a3a3a3; font-size: 14px; }
.box-m input::-moz-placeholder { color: #a3a3a3; font-size: 14px; }
.box-m input:-ms-input-placeholder { color: #a3a3a3; font-size: 14px; }
.box-m input::placeholder { color: #a3a3a3; }

/* --- Color box --- */
.color-box.color-product { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.color-box.color-product span { margin-bottom: 0; }
.color-box.color-product .color-name { font-size: 14px; font-weight: 600; margin: 0; }
/* Color swatches - base */
.color-box.color-product span { width: 24px; height: 24px; display: inline-block; border-radius: 4px; border: 2px solid #ddd; cursor: pointer; }
.box-span { width: 30px; height: 30px; display: inline-block; border-radius: 0; margin-left: 10px; }

/* Colors by name */
.color-bezowy, [class*="color-"][title="Beżowy"] { background: #d6af6a; }
.color-szary, [class*="color-"][title="Szary"] { background: #b0b0b0; }
.color-zielony, [class*="color-"][title="Zielony"] { background: #0b9a88; }
.color-czarny, [class*="color-"][title="Czarny"] { background: #000; }
.color-czerwony, [class*="color-"][title="Czerwony"] { background: #fa0001; }
.color-bialy, [class*="color-"][title="Biały"] { background: #fff; box-shadow: inset 0px 0px 0px 1px rgba(58, 53, 53, 0.52); }
.color-niebieski, [class*="color-"][title="Niebieski"] { background: #1565c0; }
.color-grafitowy, [class*="color-"][title="Grafitowy"] { background: #4a4a4a; }
.color-zolty, [class*="color-"][title="Żółty"] { background: #ffd32a; }
.color-pomaranczowy, [class*="color-"][title="Pomarańczowy"] { background: #ff8c00; }

/* --- Summary --- */
.summary-all.box-m { font-weight: 700; text-align: right; font-size: 15px; }
.summary-all.box-m span { font-size: 22px; }
.summary-bottom.box-m { line-height: 28px; font-size: 15px; background: #fff; padding: 10px; border-radius: 0; border: none; border-top: 1px solid #444; border-bottom: 1px solid #444; }
strong.mprice { font-size: 16px; padding: 4px 10px; border-radius: 0; }
b, strong { font-weight: 700; }

/* --- Set button --- */
.btn.set-btn { font-size: 11px; padding: 12px 20px; }

/* --- Add to cart --- */
.btn-primary.add-to-cart {
  background: #ffd32a;
  color: #000;
  display: block;
  width: 100%;
  max-width: 400px;
  height: auto;
  margin: 10px auto;
  border-radius: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 3rem;
  text-transform: uppercase;
  text-align: center;
  border: 1px solid #C45000;
  box-shadow: none;
}
.btn-primary.add-to-cart:hover { background: #E65100; border-color: #C45000; }

/* --- Mini tabs --- */
.mini-tabs { border: 1px solid #ddd; border-radius: 0; background: #fff; padding: 0 15px; }

/* --- Font override --- */
.font-14 { font-size: 17px; }

/* --- Headings --- */
p.h1-head { font-weight: 700; font-size: 33px; margin: 0; }
p.h2-head { font-weight: 400; font-size: 33px; margin: 0; }
p.h3-head { font-weight: 400; font-size: 21px; line-height: 28px; }
@media (max-width: 1199px) {
  p.h1-head { font-size: 27px; }
  p.h2-head { font-size: 27px; }
}

/* --- Responsive: tablet --- */
@media only screen and (max-width: 1199px) {
  .bd-row > span.bd-line { max-width: 100%; width: auto; text-align: right; margin-left: 131px; margin-bottom: 10px; }
  .bd-row label { font-weight: 600; width: 40%; padding-left: 1px; }
  .mesh-box .mesh-info { margin-bottom: 0; }
}

/* --- Responsive: mobile --- */
@media only screen and (max-width: 767px) {
  .box-arrow:before { left: 50px; }
  .box-m { padding-left: 0; margin: 0 0 10px; }
  .box-arrow { padding-left: 70px; }
  .bd-row { padding-left: 50px; }
  .bd-row label { padding-left: 0; width: 100%; margin-bottom: 5px; }
  .bd-row .form-control { max-width: 65%; }
  .bd-row > span { max-width: 40px; width: 30px; text-align: right; }
  .bd-row > span.bd-line { max-width: 100%; width: auto; text-align: right; margin-left: 0; margin-bottom: 10px; }
  .color-box.color-product { padding-left: 0; }
  .color-box span { width: 19px; height: 19px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-row .form-control { max-width: calc(70% - 40px); }
  .bd-row > span.bd-line { margin-left: 15px; }
}

/* --- Category-specific hiding of 11th head-conf (assembly kit) --- */
.product-id-category-292 .bagan-dynamic-form > .head-conf:nth-child(11),
.product-id-category-292 .bagan-dynamic-form > .head-conf:nth-child(11) + p,
.product-id-category-248 .bagan-dynamic-form > .head-conf:nth-child(11),
.product-id-category-248 .bagan-dynamic-form > .head-conf:nth-child(11) + p,
.product-id-category-99 .bagan-dynamic-form > .head-conf:nth-child(11),
.product-id-category-99 .bagan-dynamic-form > .head-conf:nth-child(11) + p,
.product-id-category-89 .bagan-dynamic-form > .head-conf:nth-child(11),
.product-id-category-89 .bagan-dynamic-form > .head-conf:nth-child(11) + p,
.product-id-category-87 .bagan-dynamic-form > .head-conf:nth-child(11),
.product-id-category-87 .bagan-dynamic-form > .head-conf:nth-child(11) + p,
.product-id-category-130 .bagan-dynamic-form > .head-conf:nth-child(11),
.product-id-category-130 .bagan-dynamic-form > .head-conf:nth-child(11) + p,
.product-id-category-131 .bagan-dynamic-form > .head-conf:nth-child(11),
.product-id-category-131 .bagan-dynamic-form > .head-conf:nth-child(11) + p,
.product-id-category-133 .bagan-dynamic-form > .head-conf:nth-child(11),
.product-id-category-133 .bagan-dynamic-form > .head-conf:nth-child(11) + p,
.product-id-category-135 .bagan-dynamic-form > .head-conf:nth-child(11),
.product-id-category-135 .bagan-dynamic-form > .head-conf:nth-child(11) + p,
.product-id-category-117 .bagan-dynamic-form > .head-conf:nth-child(11),
.product-id-category-117 .bagan-dynamic-form > .head-conf:nth-child(11) + p,
.product-id-category-118 .bagan-dynamic-form > .head-conf:nth-child(11),
.product-id-category-118 .bagan-dynamic-form > .head-conf:nth-child(11) + p,
.product-id-category-121 .bagan-dynamic-form > .head-conf:nth-child(11),
.product-id-category-121 .bagan-dynamic-form > .head-conf:nth-child(11) + p,
.product-id-category-163 .bagan-dynamic-form > .head-conf:nth-child(11),
.product-id-category-163 .bagan-dynamic-form > .head-conf:nth-child(11) + p,
.product-id-category-161 .bagan-dynamic-form > .head-conf:nth-child(11),
.product-id-category-161 .bagan-dynamic-form > .head-conf:nth-child(11) + p,
.product-id-category-191 .bagan-dynamic-form > .head-conf:nth-child(11),
.product-id-category-191 .bagan-dynamic-form > .head-conf:nth-child(11) + p,
.product-id-category-192 .bagan-dynamic-form > .head-conf:nth-child(11),
.product-id-category-192 .bagan-dynamic-form > .head-conf:nth-child(11) + p,
.product-id-category-193 .bagan-dynamic-form > .head-conf:nth-child(11),
.product-id-category-193 .bagan-dynamic-form > .head-conf:nth-child(11) + p,
.product-id-category-194 .bagan-dynamic-form > .head-conf:nth-child(11),
.product-id-category-194 .bagan-dynamic-form > .head-conf:nth-child(11) + p,
.product-id-category-195 .bagan-dynamic-form > .head-conf:nth-child(11),
.product-id-category-195 .bagan-dynamic-form > .head-conf:nth-child(11) + p,
.product-id-category-185 .bagan-dynamic-form > .head-conf:nth-child(11),
.product-id-category-185 .bagan-dynamic-form > .head-conf:nth-child(11) + p,
.product-id-category-186 .bagan-dynamic-form > .head-conf:nth-child(11),
.product-id-category-186 .bagan-dynamic-form > .head-conf:nth-child(11) + p,
.product-id-category-187 .bagan-dynamic-form > .head-conf:nth-child(11),
.product-id-category-187 .bagan-dynamic-form > .head-conf:nth-child(11) + p,
.product-id-category-188 .bagan-dynamic-form > .head-conf:nth-child(11),
.product-id-category-188 .bagan-dynamic-form > .head-conf:nth-child(11) + p,
.product-id-category-189 .bagan-dynamic-form > .head-conf:nth-child(11),
.product-id-category-189 .bagan-dynamic-form > .head-conf:nth-child(11) + p,
.product-id-category-190 .bagan-dynamic-form > .head-conf:nth-child(11),
.product-id-category-190 .bagan-dynamic-form > .head-conf:nth-child(11) + p,
.product-id-category-177 .bagan-dynamic-form > .head-conf:nth-child(11),
.product-id-category-177 .bagan-dynamic-form > .head-conf:nth-child(11) + p,
.product-id-category-215 .bagan-dynamic-form > .head-conf:nth-child(11),
.product-id-category-215 .bagan-dynamic-form > .head-conf:nth-child(11) + p,
.product-id-category-178 .bagan-dynamic-form > .head-conf:nth-child(11),
.product-id-category-178 .bagan-dynamic-form > .head-conf:nth-child(11) + p { display: none; }