/* --- 0.6.191: Warenkorb ATC gray→green (#7AA93C) like Einzeln/Tabelle / info-i --- */
body.single-product form.cart:has(#pmpr-configurator) button.single_add_to_cart_button,
body.single-product form.cart:has(#pmpr-configurator) .single_add_to_cart_button,
body.single-product form.cart:has(#pmpr-configurator) button[name="add-to-cart"] {
appearance: none !important;
-webkit-appearance: none !important;
box-sizing: border-box !important;
border: 1px solid #c9c9c9 !important;
background: #f3f3f3 !important;
background-color: #f3f3f3 !important;
color: #666 !important;
box-shadow: none !important;
text-shadow: none !important;
transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease !important;
}
body.single-product form.cart:has(#pmpr-configurator) button.single_add_to_cart_button:hover,
body.single-product form.cart:has(#pmpr-configurator) button.single_add_to_cart_button:focus,
body.single-product form.cart:has(#pmpr-configurator) button.single_add_to_cart_button:focus-visible,
body.single-product form.cart:has(#pmpr-configurator) .single_add_to_cart_button:hover,
body.single-product form.cart:has(#pmpr-configurator) .single_add_to_cart_button:focus,
body.single-product form.cart:has(#pmpr-configurator) .single_add_to_cart_button:focus-visible,
body.single-product form.cart:has(#pmpr-configurator) button[name="add-to-cart"]:hover,
body.single-product form.cart:has(#pmpr-configurator) button[name="add-to-cart"]:focus,
body.single-product form.cart:has(#pmpr-configurator) button[name="add-to-cart"]:focus-visible {
background: #7AA93C !important;
background-color: #7AA93C !important;
border-color: #7AA93C !important;
color: #fff !important;
outline: none !important;
}
body.single-product form.cart:has(#pmpr-configurator) button.single_add_to_cart_button:disabled,
body.single-product form.cart:has(#pmpr-configurator) .single_add_to_cart_button:disabled,
body.single-product form.cart:has(#pmpr-configurator) button[name="add-to-cart"]:disabled {
opacity: 0.55 !important;
cursor: not-allowed !important;
background: #f3f3f3 !important;
border-color: #c9c9c9 !important;
color: #666 !important;
}
.pmpr-configurator {
margin: 1.25rem 0;
padding: 1rem 1.25rem;
border: 1px solid #ddd;
border-radius: 6px;
background: #fafafa;
}
.pmpr-configurator .pmpr-title {
margin: 0 0 0.75rem;
font-size: 1.1rem;
}
.pmpr-configurator .pmpr-row {
display: flex;
flex-wrap: wrap;
gap: 0.75rem 1.25rem;
margin: 0 0 0.75rem;
}
.pmpr-configurator label {
display: flex;
flex-direction: column;
gap: 0.25rem;
font-weight: 600;
font-size: 0.9rem;
min-width: 10rem;
flex: 1;
}
.pmpr-configurator input[type="number"],
.pmpr-configurator select {
font-weight: 400;
padding: 0.4rem 0.5rem;
border: 1px solid #ccc;
border-radius: 4px;
max-width: 100%;
}
.pmpr-configurator .pmpr-error {
color: #b32d2e;
margin: 0.5rem 0 0;
}
.pmpr-configurator .pmpr-error[hidden] {
display: none !important;
}
/* Product price states */
p.price.pmpr-price-loading,
p.price.pmpr-price-feedback {
display: flex;
align-items: center;
gap: 0.5rem;
min-height: 1.6em;
}
p.price.pmpr-price-feedback .pmpr-price-feedback-text {
font-size: 0.95rem;
font-weight: 500;
color: #6d6d6d;
}
p.price.pmpr-price-loading .pmpr-price-loading-text {
font-size: 0.95rem;
font-weight: 500;
color: #555;
}
.pmpr-price-spinner {
width: 1.1rem;
height: 1.1rem;
border: 2px solid #cfcfcf;
border-top-color: #333;
border-radius: 50%;
animation: pmpr-spin 0.7s linear infinite;
flex: 0 0 auto;
}
@keyframes pmpr-spin {
to {
transform: rotate(360deg);
}
}
/* Dekor dropdown with thumbnails — beat Hello/Elementor button styles */
.pmpr-configurator .pmpr-row-decor {
flex-direction: column;
align-items: stretch;
gap: 0.35rem;
}
.pmpr-configurator .pmpr-row-decor > label {
min-width: 0;
flex: none;
}
.pmpr-configurator .pmpr-decor-picker {
position: relative;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.pmpr-configurator .pmpr-decor-select {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
border: 0 !important;
}
/* Theme styles `button` as inline gray chips — force a full-width field */
.pmpr-configurator button.pmpr-decor-trigger,
.pmpr-configurator .pmpr-decor-trigger {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 0.75rem !important;
width: 100% !important;
max-width: 100% !important;
min-height: 2.75rem;
margin: 0 !important;
padding: 0.35rem 0.65rem !important;
border: 1px solid #ccc !important;
border-radius: 4px !important;
background: #fff !important;
background-image: none !important;
box-shadow: none !important;
color: #333 !important;
font: inherit !important;
font-weight: 400 !important;
font-size: 0.95rem !important;
line-height: 1.3 !important;
text-align: left !important;
text-transform: none !important;
letter-spacing: normal !important;
cursor: pointer;
box-sizing: border-box !important;
}
.pmpr-configurator button.pmpr-decor-trigger:hover,
.pmpr-configurator button.pmpr-decor-trigger:focus {
background: #fff !important;
color: #333 !important;
}
.pmpr-configurator button.pmpr-decor-trigger:focus {
outline: 2px solid #2271b1;
outline-offset: 1px;
}
.pmpr-configurator .pmpr-decor-trigger .pmpr-decor-swatch,
.pmpr-configurator .pmpr-decor-option .pmpr-decor-swatch,
.pmpr-decor-menu .pmpr-decor-option .pmpr-decor-swatch {
display: block !important;
width: 2.25rem !important;
height: 2.25rem !important;
min-width: 2.25rem;
min-height: 2.25rem;
margin: 0 !important;
padding: 0 !important;
border-radius: 3px;
object-fit: cover;
background: #eee;
flex: 0 0 2.25rem !important;
align-self: center !important;
border: 1px solid #ddd;
vertical-align: middle;
}
.pmpr-configurator .pmpr-decor-trigger .pmpr-decor-swatch.is-empty,
.pmpr-configurator .pmpr-decor-option .pmpr-decor-swatch.is-empty,
.pmpr-decor-menu .pmpr-decor-option .pmpr-decor-swatch.is-empty {
background: repeating-linear-gradient(
45deg,
#f0f0f0,
#f0f0f0 4px,
#e4e4e4 4px,
#e4e4e4 8px
);
}
.pmpr-configurator .pmpr-decor-trigger .pmpr-decor-label,
.pmpr-configurator .pmpr-decor-option .pmpr-decor-label,
.pmpr-decor-menu .pmpr-decor-option .pmpr-decor-label {
display: block !important;
flex: 1 1 auto !important;
align-self: center !important;
min-width: 0;
margin: 0 !important;
padding: 0 !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 1.3 !important;
color: inherit;
}
.pmpr-configurator .pmpr-decor-trigger .pmpr-decor-caret {
display: block !important;
flex: 0 0 auto !important;
align-self: center !important;
margin: 0 0 0 auto !important;
padding: 0 0.15rem !important;
opacity: 0.55;
font-size: 0.75rem;
line-height: 1;
}
/* Backdrop for Dekor modal — ONLY used for Tabelle (bulk) modal */
.pmpr-decor-backdrop {
display: none;
position: fixed;
inset: 0;
z-index: 99980;
background: rgba(43, 46, 56, 0.72);
}
.pmpr-decor-backdrop.is-visible {
display: block;
}
body.pmpr-decor-modal-open {
overflow: hidden;
}
/*
* Default / Einzeln: classic absolute dropdown under trigger
* (~full field width, max-height ~16rem). No portal, no backdrop.
*/
.pmpr-decor-menu {
display: none;
position: absolute;
z-index: 40;
left: 0;
right: 0;
top: calc(100% + 2px);
width: 100%;
max-height: 18rem;
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
border: 1px solid #ccc;
border-radius: 4px;
background: #fff !important;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
box-sizing: border-box;
}
/* Dropdown open (menu stays under .pmpr-decor-picker) */
.pmpr-decor-menu.is-open:not(.pmpr-decor-menu--modal),
.pmpr-decor-picker.is-open > .pmpr-decor-menu:not(.pmpr-decor-menu--modal) {
display: flex;
flex-direction: column;
overflow: hidden;
padding: 0;
}
/* Compact dropdown: hide modal chrome (search stays visible) */
.pmpr-decor-menu:not(.pmpr-decor-menu--modal) .pmpr-decor-menu-header {
display: none;
}
.pmpr-decor-menu:not(.pmpr-decor-menu--modal) .pmpr-decor-menu-list {
flex: 1 1 auto;
margin: 0;
padding: 0.15rem 0 0.25rem;
list-style: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
max-height: 14rem;
}
/*
* Tabelle (bulk) ONLY: large centered modal, portaled to body
* (.pmpr-decor-menu--modal) so Elementor/theme transform ancestors
* cannot trap position:fixed inside the table cell.
*/
.pmpr-decor-menu.is-open.pmpr-decor-menu--modal {
display: flex !important;
flex-direction: column;
position: fixed !important;
z-index: 99990;
left: 50% !important;
top: 50% !important;
right: auto !important;
bottom: auto !important;
transform: translate(-50%, -50%);
width: min(92vw, 700px) !important;
max-width: 700px;
min-width: min(92vw, 320px);
max-height: min(80vh, 36rem);
padding: 0;
border-radius: 6px;
box-shadow: 0 16px 48px rgba(0, 0, 0, 0.28);
overflow: hidden;
pointer-events: auto;
}
/* Dekor search (modal + Einzeln dropdown) */
.pmpr-decor-menu-search {
flex: 0 0 auto;
padding: 0.5rem 0.65rem 0.4rem;
border-bottom: 1px solid #e5e7eb;
background: #fff;
box-sizing: border-box;
}
.pmpr-decor-menu--modal .pmpr-decor-menu-search {
padding: 0.65rem 1.1rem 0.55rem;
}
.pmpr-decor-menu .pmpr-decor-search {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0.45rem 0.65rem !important;
border: 1px solid #ccc !important;
border-radius: 4px !important;
background: #fff !important;
box-shadow: none !important;
color: #333 !important;
font: inherit !important;
font-size: 0.95rem !important;
line-height: 1.3 !important;
box-sizing: border-box !important;
}
.pmpr-decor-menu .pmpr-decor-search:focus {
outline: 2px solid #2271b1;
outline-offset: 1px;
border-color: #2271b1 !important;
}
.pmpr-decor-menu .pmpr-decor-no-results {
flex: 0 0 auto;
margin: 0;
padding: 0.75rem 0.85rem;
font-size: 0.9rem;
color: #6b7280;
text-align: center;
}
.pmpr-decor-menu .pmpr-decor-no-results[hidden] {
display: none !important;
}
.pmpr-decor-menu--modal .pmpr-decor-menu-header {
flex: 0 0 auto;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 1rem;
padding: 1rem 1.1rem 0.75rem;
border-bottom: 1px solid #e5e7eb;
background: #fff;
}
.pmpr-decor-menu--modal .pmpr-decor-menu-header h3 {
margin: 0;
font-size: 1.15rem;
font-weight: 700;
line-height: 1.2;
color: #2b2e38;
}
.pmpr-decor-menu--modal .pmpr-decor-menu-header small {
display: block;
margin-top: 0.2rem;
font-size: 0.85rem;
font-weight: 400;
color: #6b7280;
}
.pmpr-decor-menu--modal .pmpr-decor-menu-close {
flex: 0 0 auto;
appearance: none;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: #95979c !important;
font-size: 1.6rem !important;
line-height: 1 !important;
width: 2rem;
height: 2rem;
padding: 0 !important;
margin: 0 !important;
cursor: pointer;
}
.pmpr-decor-menu--modal .pmpr-decor-menu-close:hover,
.pmpr-decor-menu--modal .pmpr-decor-menu-close:focus {
color: #2b2e38 !important;
outline: none;
}
.pmpr-decor-menu--modal .pmpr-decor-menu-list {
flex: 1 1 auto;
overflow: auto;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
margin: 0;
padding: 0.35rem 0 0.5rem;
list-style: none;
pointer-events: auto;
}
.pmpr-decor-menu--modal .pmpr-decor-option .pmpr-decor-swatch {
width: 3rem !important;
height: 3rem !important;
min-width: 3rem;
min-height: 3rem;
flex-basis: 3rem !important;
}
.pmpr-decor-menu--modal .pmpr-decor-option {
padding: 0.55rem 1rem !important;
gap: 0.85rem !important;
}
.pmpr-decor-menu--modal .pmpr-decor-option .pmpr-decor-label {
white-space: normal;
overflow: visible;
text-overflow: unset;
}
.pmpr-configurator button.pmpr-decor-option,
.pmpr-configurator .pmpr-decor-option,
.pmpr-decor-menu button.pmpr-decor-option,
.pmpr-decor-menu .pmpr-decor-option {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 0.75rem !important;
width: 100% !important;
margin: 0 !important;
padding: 0.45rem 0.65rem !important;
border: 0 !important;
border-radius: 0 !important;
background: #fff !important;
background-image: none !important;
box-shadow: none !important;
color: #333 !important;
font: inherit !important;
font-weight: 400 !important;
text-align: left !important;
text-transform: none !important;
letter-spacing: normal !important;
cursor: pointer;
box-sizing: border-box !important;
}
.pmpr-configurator button.pmpr-decor-option:hover,
.pmpr-configurator button.pmpr-decor-option:focus,
.pmpr-decor-menu button.pmpr-decor-option:hover,
.pmpr-decor-menu button.pmpr-decor-option:focus {
background: #f3f3f3 !important;
outline: none;
}
.pmpr-configurator button.pmpr-decor-option.is-selected,
.pmpr-decor-menu button.pmpr-decor-option.is-selected {
background: #e8f0fe !important;
}
/* Keyboard highlight (ArrowUp/Down) — focus ring, distinct from hover */
.pmpr-configurator button.pmpr-decor-option.is-active,
.pmpr-decor-menu button.pmpr-decor-option.is-active {
background: #e8f0fe !important;
outline: 2px solid #2271b1;
outline-offset: -2px;
}
/* View toggle + bulk table */
.pmpr-configurator .pmpr-view-toggle {
display: inline-flex;
gap: 0;
margin: 0 0 0.85rem;
border: 1px solid #ccc;
border-radius: 4px;
overflow: hidden;
background: #fff;
}
.pmpr-configurator .pmpr-view-btn {
appearance: none;
border: 0;
background: #fff;
color: #333;
font: inherit;
font-size: 0.9rem;
padding: 0.4rem 0.9rem;
cursor: pointer;
margin: 0;
border-radius: 0;
box-shadow: none;
}
.pmpr-configurator .pmpr-view-btn + .pmpr-view-btn {
border-left: 1px solid #ccc;
}
.pmpr-configurator .pmpr-view-btn.is-active {
background: #333;
color: #fff;
}
.pmpr-configurator .pmpr-view[hidden] {
display: none !important;
}
.pmpr-bulk-wrap {
width: 100%;
max-width: 100%;
min-width: 0;
overflow-x: auto;
margin: 0 0 0.75rem;
-webkit-overflow-scrolling: touch;
}
.pmpr-bulk-table {
width: 100%;
max-width: 100%;
min-width: 56rem; /* scroll on narrow; room for drawer finish/bottom */
table-layout: auto;
border-collapse: collapse;
font-size: 0.9rem;
background: #fff;
}
.pmpr-bulk-table th,
.pmpr-bulk-table td {
border: 1px solid #ddd;
padding: 0.35rem 0.4rem;
vertical-align: middle;
text-align: left;
}
.pmpr-bulk-table th {
background: #f3f3f3;
font-weight: 600;
/* allow wrap on long headers when space is tight */
white-space: normal;
line-height: 1.25;
}
.pmpr-bulk-table input[type="number"],
.pmpr-bulk-table select {
width: 100%;
min-width: 0;
max-width: 100%;
padding: 0.3rem 0.35rem;
border: 1px solid #ccc;
border-radius: 3px;
font: inherit;
background: #fff;
box-sizing: border-box;
}
.pmpr-bulk-table .pmpr-bulk-qty {
max-width: 7.25rem;
min-width: 6rem;
width: 7rem;
}
.pmpr-bulk-table td:has(.pmpr-bulk-qty) {
width: 7.25rem;
}
.pmpr-bulk-table .pmpr-bulk-length,
.pmpr-bulk-table .pmpr-bulk-width,
.pmpr-bulk-table .pmpr-bulk-depth {
max-width: 8rem;
min-width: 6rem;
width: 7.25rem;
}
.pmpr-bulk-table td:has(.pmpr-bulk-length),
.pmpr-bulk-table td:has(.pmpr-bulk-width),
.pmpr-bulk-table td:has(.pmpr-bulk-depth),
.pmpr-bulk-table th.pmpr-bulk-col-length,
.pmpr-bulk-table th.pmpr-bulk-col-width {
width: 7.5rem;
min-width: 6.5rem;
}
/* Kantenstärke breiter (Text „1 mm“); Dicke bleibt schmaler */
.pmpr-bulk-table .pmpr-bulk-edge-mm {
max-width: 5rem;
min-width: 4rem;
width: 4.5rem;
}
.pmpr-bulk-table .pmpr-bulk-thickness {
max-width: 3.5rem;
min-width: 3rem;
width: 3.25rem;
}
.pmpr-bulk-table td:has(.pmpr-bulk-edge-mm),
.pmpr-bulk-table th.pmpr-bulk-col-edge-mm {
width: 4.75rem;
max-width: 5.25rem;
}
.pmpr-bulk-table td:has(.pmpr-bulk-thickness),
.pmpr-bulk-table th.pmpr-bulk-col-thick {
width: 3.5rem;
max-width: 4rem;
}
.pmpr-bulk-table th.pmpr-bulk-col-edge-mm {
white-space: normal;
line-height: 1.15;
text-align: left;
}
/* Height / milling / edge: compact selects (Kupplung/blum widened in 0.6.229) */
.pmpr-bulk-table td:has(.pmpr-bulk-edge),
.pmpr-bulk-table td:has(.pmpr-bulk-height),
.pmpr-bulk-table td:has(.pmpr-bulk-milling) {
width: 6.5rem;
min-width: 5.5rem;
}
/* Wood: fit "Gedämpfte Buche" without clipping */
.pmpr-bulk-table td:has(.pmpr-bulk-wood),
.pmpr-bulk-table th.pmpr-bulk-col-wood {
width: 9.5rem;
min-width: 8.5rem;
}
.pmpr-bulk-table .pmpr-bulk-wood {
min-width: 8rem;
}
/* Oberfläche / Boden: long labels ("Natur lackiert G30", "Boden 6 mm (Standard)") */
.pmpr-bulk-table td:has(.pmpr-bulk-finish),
.pmpr-bulk-table th.pmpr-bulk-col-finish {
width: 12.5rem;
min-width: 11.5rem;
}
.pmpr-bulk-table .pmpr-bulk-finish {
min-width: 11rem;
}
.pmpr-bulk-table td:has(.pmpr-bulk-bottom),
.pmpr-bulk-table th.pmpr-bulk-col-bottom {
width: 12.5rem;
min-width: 11.5rem;
}
.pmpr-bulk-table .pmpr-bulk-bottom {
min-width: 11rem;
}
.pmpr-bulk-table .pmpr-bulk-unit,
.pmpr-bulk-table .pmpr-bulk-line,
.pmpr-bulk-table th.pmpr-bulk-col-unit {
white-space: nowrap;
font-variant-numeric: tabular-nums;
width: 5.5rem;
text-align: right;
}
/* Drawer bulk: beat theme 12rem Preis col — keep right-align, sit further left */
body.single-product .pmpr-configurator--drawer .pmpr-bulk-table .pmpr-bulk-line,
body.single-product .pmpr-configurator--drawer .pmpr-bulk-table .pmpr-bulk-unit,
body.single-product .pmpr-configurator--drawer .pmpr-bulk-table .pmpr-bulk-total,
body.single-product .pmpr-configurator--drawer .pmpr-bulk-table th.pmpr-bulk-col-unit,
body.single-product .pmpr-configurator--drawer .pmpr-bulk-table td:has(.pmpr-bulk-line) {
width: 6.75rem !important;
min-width: 6.25rem !important;
max-width: 7.5rem !important;
padding-left: 0.25rem !important;
padding-right: 0.35rem !important;
text-align: right !important;
}
.pmpr-bulk-table .pmpr-bulk-col-del {
width: 2.2rem;
text-align: center;
}
.pmpr-bulk-table .pmpr-bulk-del {
appearance: none;
border: 0;
background: transparent;
color: #a00;
font-size: 1.25rem;
line-height: 1;
cursor: pointer;
padding: 0.15rem 0.35rem;
margin: 0;
box-shadow: none;
}
.pmpr-bulk-table tr.is-invalid {
background: #fff5f5;
}
.pmpr-bulk-table tr.is-copy-source {
outline: 2px solid #2c5aa0;
outline-offset: -2px;
background: #f0f6fc;
}
.pmpr-bulk-table tr.is-copy-source.is-invalid {
background: #fff0f0;
}
.pmpr-bulk-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
gap: 0.75rem 0.75rem;
}
.pmpr-bulk-actions .pmpr-bulk-copy-row {
margin: 0;
}
.pmpr-bulk-total {
font-size: 1rem;
}
.pmpr-bulk-total strong {
font-size: 1.1rem;
}
/* Bulk table: décor thumbnails (reuse single-view picker) + open menu not clipped */
.pmpr-bulk-wrap.pmpr-bulk-wrap--menu-open {
overflow: visible;
}
.pmpr-bulk-table .pmpr-bulk-col-decor {
/* Décor names fully readable (code + color) */
min-width: 16rem;
width: 32%;
max-width: 22rem;
overflow: visible;
position: relative;
z-index: 1;
}
.pmpr-bulk-table tr:has(.pmpr-decor-picker.is-open) .pmpr-bulk-col-decor {
z-index: 20;
}
.pmpr-bulk-table .pmpr-decor-picker {
width: 100%;
min-width: 0;
max-width: 100%;
}
.pmpr-bulk-table .pmpr-decor-trigger {
min-height: 2.5rem !important;
padding: 0.25rem 0.45rem !important;
gap: 0.5rem !important;
}
.pmpr-bulk-table .pmpr-decor-trigger .pmpr-decor-swatch,
.pmpr-bulk-table .pmpr-decor-option .pmpr-decor-swatch {
width: 2rem !important;
height: 2rem !important;
min-width: 2rem;
min-height: 2rem;
flex-basis: 2rem !important;
}
/* Bulk: large modal portaled to body (.pmpr-decor-menu--modal); Einzeln stays compact dropdown. */
/* Live price inside configurator (Elementor/Woo p.price is hidden by UX polish) */
.pmpr-configurator .pmpr-row-price {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 1rem;
margin: 1rem 0 0.5rem;
padding: 0.75rem 1rem;
border: 1px solid #e5e7eb;
border-radius: 6px;
background: #f8faf8;
}
.pmpr-configurator .pmpr-price-label {
font-weight: 600;
font-size: 1rem;
color: #333;
}
.pmpr-configurator #pmpr_price_display.pmpr-price,
.pmpr-configurator #pmpr_price_display.pmpr-live-price {
display: inline !important;
font-size: 1.35rem;
font-weight: 700;
color: #1a1a1a;
text-align: right;
}
.pmpr-configurator #pmpr_price_display.pmpr-price-loading,
.pmpr-configurator #pmpr_price_display.pmpr-price-feedback {
font-size: 1rem;
font-weight: 500;
color: #555;
}
.pmpr-configurator #pmpr_price_display .woocommerce-Price-amount {
display: inline !important;
}
/* Sockelfüße select row (LIVE picklist parity) */
/* 0.6.206: direct-child only — must not hit Approach A radio-row labels (.pmpr-hang/feet-radio-label). */
.pmpr-configurator--korpus .pmpr-row-hangers > label { display: flex; flex-direction: column; align-items: flex-start; gap: 0.35rem; min-width: 16rem; }
.pmpr-configurator--korpus .pmpr-row-hangers > select { min-width: 16rem; max-width: 100%; }
.pmpr-configurator--korpus .pmpr-row-feet > label { display: flex; flex-direction: column; align-items: flex-start; gap: 0.35rem; min-width: 16rem; }
.pmpr-configurator--korpus .pmpr-row-feet > select { min-width: 16rem; max-width: 100%; }
.pmpr-configurator--korpus .pmpr-row-connectors,
.pmpr-configurator--sm-ui .pmpr-row-connectors,
.pmpr-configurator--korpus .pmpr-row-hangers,
.pmpr-configurator--sm-ui .pmpr-row-hangers {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.4rem;
overflow: visible;
min-width: 16rem;
max-width: 22rem;
width: 100%;
}
.pmpr-configurator--korpus .pmpr-row-connectors > .pmpr-label-line,
.pmpr-configurator--sm-ui .pmpr-row-connectors > .pmpr-label-line,
.pmpr-configurator--korpus .pmpr-row-hangers > .pmpr-label-line,
.pmpr-configurator--sm-ui .pmpr-row-hangers > .pmpr-label-line {
font-weight: 500;
}
/* 0.6.215: RULE 3 restored — native #pmpr_connectors/#pmpr_hangers/#pmpr_feet hidden (opt-dd UI). */
.pmpr-bulk-table .pmpr-decor-trigger .pmpr-decor-label {
white-space: normal;
overflow: visible;
text-overflow: unset;
line-height: 1.2;
}
.pmpr-bulk-table th.pmpr-bulk-col-unit {
white-space: normal;
line-height: 1.15;
}
/* Cart thumbnail actions: Bearbeiten + remove icon (footer palette) */
.woocommerce-cart-form .pmpr-cart-thumb-actions {
display: flex;
align-items: center;
justify-content: flex-start; /* left-align with thumbnail (0.6.85) */
flex-wrap: wrap;
gap: 0.35rem;
margin-top: 0.5rem;
width: 100%;
}
.woocommerce-cart-form .pmpr-cart-edit-wrap {
display: inline-flex;
margin-top: 0;
text-align: left;
}
.pmpr-cart-edit {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.3rem 0.6rem;
border: 1px solid #5a5c51;
border-radius: 4px;
background: #5a5c51;
color: #fff !important;
font-size: 0.78rem;
font-weight: 600;
line-height: 1.25;
text-decoration: none !important;
white-space: nowrap;
transition: background-color 0.15s ease, border-color 0.15s ease;
}
.pmpr-cart-edit:hover,
.pmpr-cart-edit:focus {
border-color: #7aa93c;
background: #7aa93c;
color: #1d2120 !important;
text-decoration: none !important;
}
.woocommerce-cart-form .pmpr-cart-remove-wrap {
display: inline-flex;
margin: 0;
padding: 0;
width: auto;
vertical-align: middle;
}
.woocommerce-cart-form a.pmpr-cart-remove.remove,
.woocommerce-cart-form .pmpr-cart-remove-wrap a.remove {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 1.85rem;
height: 1.85rem;
margin: 0 !important;
padding: 0 !important;
border: 1px solid #5a5c51 !important;
border-radius: 4px !important;
background: #5a5c51 !important;
color: #fff !important;
font-size: 0 !important;
line-height: 1 !important;
text-decoration: none !important;
text-indent: 0 !important;
box-shadow: none !important;
opacity: 1 !important;
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.woocommerce-cart-form a.pmpr-cart-remove.remove:hover,
.woocommerce-cart-form a.pmpr-cart-remove.remove:focus,
.woocommerce-cart-form .pmpr-cart-remove-wrap a.remove:hover,
.woocommerce-cart-form .pmpr-cart-remove-wrap a.remove:focus {
border-color: #7aa93c !important;
background: #7aa93c !important;
color: #1d2120 !important;
opacity: 1 !important;
}
.woocommerce-cart-form .pmpr-cart-remove-icon {
display: block;
width: 14px;
height: 14px;
pointer-events: none;
}
/* ------------------------------------------------------------------
Cart page line layout (0.6.92–0.6.95; Update Cart cart_item on price-bar)
Checkbox left (vertical stack); Bearbeiten+trash left with thumb.
Dims left block with right-aligned values; decor uses " - Kante".
Lieferzeit on OWN ROW below title with clear gap (not same line as title).
Decor block: label|value columns aligned (no Balken) (0.6.92).
No per-line trash under thumb — Bearbeiten + Ausgewählte entfernen only.
Fächer + hardware as one aligned block.
Light price row (match cart chrome): POS. | Preis | Anzahl | Gesamtsumme.
Preis pushed right closer to Anzahl (0.6.89).
Checkbox in Preiszeile (same row as POS/Preis/Anzahl/Gesamtsumme).
Checkbox in einer Senkrechten with header/select column (0.6.92).
Anzahl qty input slightly wider (0.6.92).
Auswahlfeld (checkbox) moved down — vertical-align middle with content/price.
POS. sits in details column — flush with product title left edge (not under thumb).
Title stays flush top with image (matching 9px cell padding).
------------------------------------------------------------------ */
.woocommerce-cart-form.pmpr-cart-layout,
.woocommerce-cart-form .pmpr-cart-layout {
table-layout: auto;
}
/* Beat WooCommerce `.woocommerce table.shop_table td { vertical-align:middle }`.
Keep Woo-like cell top padding (9px) so the thumbnail is NOT flush to the table top.
Title sits near the image top via matching details padding + slight .pmpr-cart-line-body inset. */
.woocommerce table.shop_table.cart td.pmpr-cart-select-col,
.woocommerce-cart-form .pmpr-cart-select-col {
width: 2.25rem;
/* 0.6.87/0.6.89: placeholder cell; real checkbox is in price-bar-select (Preiszeile) */
vertical-align: top !important;
text-align: left; /* keep checkbox column left (0.6.85) */
padding-top: 9px !important;
padding-bottom: 9px;
}
/* Header select-all stays at top of header row. */
.woocommerce table.shop_table.cart th.pmpr-cart-select-col,
.woocommerce-cart-form th.pmpr-cart-select-col {
vertical-align: middle !important; /* header row is short — middle is fine */
}
/* Stack select checkbox(es) top-to-bottom if several render in the cell. */
.woocommerce-cart-form .pmpr-cart-select-col,
.woocommerce table.shop_table.cart td.pmpr-cart-select-col {
display: table-cell; /* keep table cell; inner stack via flex wrapper below */
}
.woocommerce-cart-form .pmpr-cart-select-col input[type="checkbox"],
.woocommerce table.shop_table.cart th.pmpr-cart-select-col input[type="checkbox"],
.woocommerce table.shop_table.cart td.pmpr-cart-select-col input[type="checkbox"] {
display: block;
margin: 0;
}
.woocommerce table.shop_table.cart td.pmpr-cart-thumb-col,
.woocommerce-cart-form .pmpr-cart-thumb-col {
width: 200px;
max-width: 220px;
vertical-align: top !important;
text-align: left; /* thumbnail + actions share left edge (0.6.85) */
/* Restore previous top spacing on the image (Woo default 9px). */
padding-top: 9px !important;
padding-bottom: 9px;
}
/* Keep Elementor cart custom CSS size (200px) — do not shrink vs pre-0.6.68 */
.woocommerce-cart-form .pmpr-cart-thumb-col img,
.woocommerce-cart table.cart .pmpr-cart-thumb-col img,
.woocommerce table.shop_table.cart td.pmpr-cart-thumb-col img {
width: 200px !important;
max-width: 200px !important;
height: auto !important;
display: block;
margin: 0; /* left-aligned with Bearbeiten/trash */
box-shadow: none;
}
.woocommerce table.shop_table.cart td.pmpr-cart-details-col,
.woocommerce-cart-form .pmpr-cart-details-col {
vertical-align: top !important;
width: auto;
/* Match thumb top padding so title tracks the image, not the table edge. */
padding-top: 9px !important;
padding-bottom: 9px;
margin: 0;
}
/* Details body: header (title|Lieferzeit) then options — shared 2-col flight.
No top margin so the frame sits flush with the image. */
.woocommerce-cart-form .pmpr-cart-line-body {
display: flex;
flex-direction: column;
gap: 0.55rem; /* slightly more air under title/Lieferzeit block before options (0.6.88) */
min-width: 0;
margin: 0;
/* Shared slight inset: near image top + left. Title and options (Absatz) share this left edge. */
padding: 0.25rem 0 0 0.35rem;
}
/* 0.6.87/0.6.88: title flush top with image (do not push title down). */
.woocommerce-cart-form .pmpr-cart-line-body {
justify-content: flex-start;
}
/* .pmpr-cart-frame-row framing removed in 0.6.76 — no border/background/box. */
.woocommerce-cart-form .pmpr-cart-line-header {
/* 0.6.88: title alone on top row; Lieferzeit on its OWN row below — NOT same line. */
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: flex-start;
justify-content: flex-start;
gap: 0.75rem; /* clear space between title and Lieferzeit */
min-width: 0;
padding: 0;
margin: 0;
}
.woocommerce-cart-form .pmpr-cart-line-title {
font-size: 0.98rem;
font-weight: 600;
line-height: 1.3;
color: #1d2120;
min-width: 0;
width: 100%;
margin: 0;
padding: 0;
/* 0.6.88 title own row — top-left, never shares line with Lieferzeit */
display: block;
}
/* Title is plain text in 0.6.76+; keep link styles only as a safety net. */
.woocommerce-cart-form .pmpr-cart-line-title a {
color: inherit;
text-decoration: none;
pointer-events: none;
}
.woocommerce-cart-form .pmpr-cart-line-title a:hover,
.woocommerce-cart-form .pmpr-cart-line-title a:focus {
color: inherit;
}
.woocommerce-cart-form .pmpr-cart-line-title .wc-gzd-cart-info {
display: none; /* Lieferzeit extracted to .pmpr-cart-line-delivery */
}
.woocommerce-cart-form .pmpr-cart-line-delivery {
font-size: 0.75rem;
font-weight: 400;
line-height: 1.3;
color: #5a5c51;
text-align: left;
min-width: 0;
max-width: 100%;
padding-top: 0;
margin: 0;
/* Own block under title — not cramped beside "Korpus…" (0.6.88) */
align-self: flex-start;
}
.woocommerce-cart-form .pmpr-cart-line-delivery--empty {
display: none !important; /* no phantom gap when no Lieferzeit */
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
.woocommerce-cart-form .pmpr-cart-line-delivery .wc-gzd-cart-info,
.woocommerce-cart-form .pmpr-cart-line-delivery p {
margin: 0;
padding: 0;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
color: inherit;
}
.woocommerce-cart-form .pmpr-cart-qty-preserve {
display: none !important;
}
/* Options: dims (col1) | Zones (col2) share tracks with hardware trio (0.6.94).
Decor is full-width below cols so long Dekor lines are not squeezed. */
.woocommerce-cart-form .pmpr-cart-line-options {
margin: 0;
padding: 0; /* left edge shared with title via .pmpr-cart-line-body */
min-width: 0;
}
.woocommerce-cart-form .pmpr-cart-opts {
display: flex;
flex-direction: column;
gap: 0;
font-size: 0.75rem;
line-height: 1.3;
color: #1d2120;
}
.woocommerce-cart-form .pmpr-cart-opts-gap {
height: 0.65rem;
}
/* Same 3 equal columns + 1rem gap as .pmpr-cart-opts-hardware-row--3 so
Zones (grid-column 2) left edge = Aufhänger left edge. */
.woocommerce-cart-form .pmpr-cart-opts-cols {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 1rem; /* match hardware-row */
row-gap: 0.12rem;
align-items: start;
}
.woocommerce-cart-form .pmpr-cart-opts-secondary {
grid-column: 2; /* Zones || Aufhänger vertical (0.6.94) */
display: grid;
grid-template-columns: max-content max-content;
column-gap: 0.4rem;
row-gap: 0.28rem;
width: max-content;
max-width: 100%;
justify-items: stretch;
min-width: 0;
}
.woocommerce-cart-form .pmpr-cart-opts-secondary .pmpr-cart-opt--zone {
display: contents;
}
.woocommerce-cart-form .pmpr-cart-opts-secondary .pmpr-cart-opt-lab {
justify-self: start;
white-space: nowrap;
}
.woocommerce-cart-form .pmpr-cart-opts-secondary .pmpr-cart-opt-val {
justify-self: end;
text-align: right;
white-space: nowrap;
font-variant-numeric: tabular-nums;
}
/* Höhe/Breite/Tiefe: left block (col 1); values right-aligned (0.6.85 / 0.6.94). */
.woocommerce-cart-form .pmpr-cart-opts-dims {
grid-column: 1; /* with opts-cols 3-track (0.6.94) */
display: grid;
grid-template-columns: max-content max-content;
column-gap: 0.4rem;
row-gap: 0.1rem;
width: max-content;
max-width: 100%;
justify-items: stretch;
}
.woocommerce-cart-form .pmpr-cart-opts-dims .pmpr-cart-opt--dim {
display: contents;
}
.woocommerce-cart-form .pmpr-cart-opts-dims .pmpr-cart-opt-lab {
justify-self: start;
white-space: nowrap;
}
.woocommerce-cart-form .pmpr-cart-opts-dims .pmpr-cart-opt-val {
justify-self: end;
text-align: right;
white-space: nowrap;
font-variant-numeric: tabular-nums;
}
/* 0.6.137: Massivholzlade — keep 3-track two-column (dims left, Typ/Holzart/…
further right in col 2 like before). Only change vs default: values within
each block stay left/tight like Dekor (not right-aligned away from labels).
0.6.136 had over-compacted both blocks with max-content|max-content. */
.woocommerce-cart-form .pmpr-cart-opts--compact .pmpr-cart-opts-cols {
/* same tracks as default Korpus row — block 2 sits further right */
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 1rem;
width: auto;
max-width: 100%;
}
.woocommerce-cart-form .pmpr-cart-opts--compact .pmpr-cart-opts-dims {
grid-column: 1;
}
.woocommerce-cart-form .pmpr-cart-opts--compact .pmpr-cart-opts-secondary {
grid-column: 2;
}
.woocommerce-cart-form .pmpr-cart-opts--compact .pmpr-cart-opts-dims .pmpr-cart-opt-val,
.woocommerce-cart-form .pmpr-cart-opts--compact .pmpr-cart-opts-secondary .pmpr-cart-opt-val {
justify-self: start;
text-align: left;
}
/* Dekor Korpus / Dekor Front — one block, label|value columns aligned (0.6.92).
No vertical Balken (weg damit). Values share one vertical left edge. */
.woocommerce-cart-form .pmpr-cart-opts-decor {
display: grid;
grid-template-columns: max-content minmax(0, 1fr);
column-gap: 0.5rem;
row-gap: 0.1rem;
width: max-content;
max-width: 100%;
align-items: baseline;
border-left: 0 !important;
border: none;
padding-left: 0;
margin: 0;
box-sizing: border-box;
}
.woocommerce-cart-form .pmpr-cart-opts-decor .pmpr-cart-opt--decor {
display: contents; /* lab+val become grid cells — values align vertically */
}
.woocommerce-cart-form .pmpr-cart-opts-decor .pmpr-cart-opt-lab {
justify-self: start;
white-space: nowrap;
}
.woocommerce-cart-form .pmpr-cart-opts-decor .pmpr-cart-opt-val {
justify-self: start;
text-align: left;
min-width: 0;
overflow-wrap: anywhere;
word-break: break-word;
}
.woocommerce-cart-form .pmpr-cart-opt {
min-width: 0;
overflow-wrap: anywhere;
word-break: break-word;
}
.woocommerce-cart-form .pmpr-cart-opt-lab {
font-weight: 600;
color: #5a5c51;
}
.woocommerce-cart-form .pmpr-cart-opt-val {
color: #1d2120;
}
/* Fächer + Schrankverbinder / Aufhänger / Sockelfüße — one visual block (0.6.86).
Fächer on its own top line; hardware row horizontal underneath. */
.woocommerce-cart-form .pmpr-cart-opts-hardware {
display: flex;
flex-direction: column;
gap: 0.25rem;
align-items: stretch;
margin-top: 0.65rem;
padding-top: 0.35rem;
min-width: 0;
}
.woocommerce-cart-form .pmpr-cart-opts-hardware-top {
display: block;
min-width: 0;
}
.woocommerce-cart-form .pmpr-cart-opts-hardware-top .pmpr-cart-opt--faecher {
display: grid;
grid-template-columns: max-content minmax(0, 1fr);
column-gap: 0.35rem;
align-items: baseline;
width: max-content;
max-width: 100%;
}
.woocommerce-cart-form .pmpr-cart-opts-hardware-row {
display: grid;
column-gap: 1rem;
row-gap: 0.25rem;
align-items: start;
min-width: 0;
}
.woocommerce-cart-form .pmpr-cart-opts-hardware-row--1 {
grid-template-columns: minmax(0, 1fr);
}
.woocommerce-cart-form .pmpr-cart-opts-hardware-row--2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.woocommerce-cart-form .pmpr-cart-opts-hardware-row--3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.woocommerce-cart-form .pmpr-cart-opts-hardware .pmpr-cart-opt--hw {
display: grid;
grid-template-columns: max-content minmax(0, 1fr);
column-gap: 0.35rem;
align-items: baseline;
min-width: 0;
}
.woocommerce-cart-form .pmpr-cart-opts-hardware .pmpr-cart-opt-lab {
white-space: nowrap;
}
.woocommerce-cart-form .pmpr-cart-opts-hardware .pmpr-cart-opt-val {
min-width: 0;
overflow-wrap: anywhere;
word-break: break-word;
}
/* Fallback if raw dl.variation still appears */
.woocommerce-cart-form .pmpr-cart-line-options dl.variation {
display: grid;
grid-template-columns: max-content minmax(0, 1fr) max-content minmax(0, 1fr);
column-gap: 0.85rem;
row-gap: 0.12rem;
margin: 0;
padding: 0;
font-size: 0.75rem;
line-height: 1.25;
color: #1d2120;
}
.woocommerce-cart-form .pmpr-cart-line-options dl.variation dt,
.woocommerce-cart-form .pmpr-cart-line-options dl.variation dd {
display: block;
float: none;
margin: 0;
padding: 0;
width: auto;
clear: none;
}
.woocommerce-cart-form .pmpr-cart-line-options dl.variation dt {
font-weight: 600;
color: #5a5c51;
white-space: nowrap;
}
.woocommerce-cart-form .pmpr-cart-line-options dl.variation dd {
min-width: 0;
overflow-wrap: anywhere;
word-break: break-word;
}
.woocommerce-cart-form .pmpr-cart-line-options dl.variation dd p {
display: inline;
margin: 0;
padding: 0;
}
@media (max-width: 782px) {
.woocommerce-cart-form .pmpr-cart-opts-cols,
.woocommerce-cart-form .pmpr-cart-opts-hardware-row,
.woocommerce-cart-form .pmpr-cart-opts-hardware-row--2,
.woocommerce-cart-form .pmpr-cart-opts-hardware-row--3 {
grid-template-columns: 1fr;
}
.woocommerce-cart-form .pmpr-cart-opts-dims,
.woocommerce-cart-form .pmpr-cart-opts-secondary {
grid-column: auto;
}
.woocommerce-cart-form .pmpr-cart-price-bar {
flex-wrap: wrap;
row-gap: 0.35rem;
}
.woocommerce-cart-form .pmpr-cart-line-header {
gap: 0.65rem;
}
.woocommerce-cart-form .pmpr-cart-line-delivery {
padding-top: 0;
}
.woocommerce-cart-form .pmpr-cart-line-options dl.variation {
grid-template-columns: max-content minmax(0, 1fr);
}
.woocommerce-cart-form .pmpr-cart-thumb-col {
width: 140px;
max-width: 160px;
}
.woocommerce-cart-form .pmpr-cart-thumb-col img,
.woocommerce-cart table.cart .pmpr-cart-thumb-col img {
width: 140px !important;
max-width: 140px !important;
}
}
@media (max-width: 480px) {
.woocommerce-cart-form .pmpr-cart-thumb-col {
width: 110px;
max-width: 120px;
}
.woocommerce-cart-form .pmpr-cart-thumb-col img,
.woocommerce-cart table.cart .pmpr-cart-thumb-col img {
width: 110px !important;
max-width: 110px !important;
}
}
/* ------------------------------------------------------------------
Light price row (0.6.87) — POS. | Preis | Anzahl | Gesamtsumme
Full-width companion row under each cart line; match cart chrome
(white/light bg, normal dark text) — NOT a black bar.
------------------------------------------------------------------ */
.woocommerce-cart-form .pmpr-cart-price-bar-row > td.pmpr-cart-price-bar-spacer,
.woocommerce table.shop_table.cart.pmpr-cart-layout tbody tr.pmpr-cart-price-bar-row > td.pmpr-cart-price-bar-spacer,
.elementor-widget-woocommerce-cart .woocommerce table.shop_table.cart.pmpr-cart-layout tbody tr.pmpr-cart-price-bar-row > td.pmpr-cart-price-bar-spacer {
padding: 0 !important;
border-top: 0 !important;
border-left: 0 !important;
border-right: 0 !important;
background: #fff !important;
box-shadow: none !important;
border-radius: 0 !important;
font-size: 0;
line-height: 0;
}
.woocommerce-cart-form .pmpr-cart-price-bar-row > td.pmpr-cart-price-bar-cell,
.woocommerce table.shop_table.cart.pmpr-cart-layout tbody tr.pmpr-cart-price-bar-row > td.pmpr-cart-price-bar-cell,
.elementor-widget-woocommerce-cart .woocommerce table.shop_table.cart.pmpr-cart-layout tbody tr.pmpr-cart-price-bar-row > td.pmpr-cart-price-bar-cell {
/* Details column only — POS. aligns with product title left edge (0.6.87). */
padding: 0 !important;
vertical-align: middle !important;
border-top: 0 !important;
border-left: 0 !important;
border-right: 0 !important;
box-shadow: none !important;
background: #fff !important; /* match cart content area (0.6.92) */
border-radius: 0 !important;
}
.woocommerce-cart-form .pmpr-cart-price-bar {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-start; /* POS left; Preis/Anzahl/Summe cluster right via margin-left:auto on Preis */
gap: 0.75rem 1.5rem; /* Preis sits close to Anzahl (0.6.89) */
width: 100%;
min-width: 0;
/* Left 0.35rem matches .pmpr-cart-line-body so POS. shares title left edge */
padding: 0.55rem 12px 0.55rem 0.35rem;
background: #fff; /* match cart content (0.6.92) — not black */
color: #1d2120;
font-size: 0.8rem;
line-height: 1.3;
box-sizing: border-box;
}
.woocommerce-cart-form .pmpr-cart-price-bar-pos,
.woocommerce-cart-form .pmpr-cart-price-bar-preis,
.woocommerce-cart-form .pmpr-cart-price-bar-anzahl,
.woocommerce-cart-form .pmpr-cart-price-bar-summe {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 0.35rem;
min-width: 0;
white-space: nowrap;
color: inherit;
}
.woocommerce-cart-form .pmpr-cart-price-bar-pos {
flex: 0 0 auto;
font-weight: 600;
letter-spacing: 0.02em;
/* POS flush with title column left edge (0.6.87) */
margin-left: 0;
padding-left: 0;
}
.woocommerce-cart-form .pmpr-cart-price-bar-preis {
/* 0.6.89: push unit Preis right, cluster with Anzahl (not stretched left). */
flex: 0 0 auto;
margin-left: auto;
justify-content: flex-start;
}
.woocommerce-cart-form .pmpr-cart-price-bar-anzahl {
flex: 0 0 auto;
margin-left: 0;
}
.woocommerce-cart-form .pmpr-cart-price-bar-summe {
flex: 0 0 auto;
margin-left: 0; /* space comes from bar gap; Preis already margin-left:auto */
font-weight: 600;
}
.woocommerce-cart-form .pmpr-cart-price-bar-lab {
font-weight: 600;
color: #5a5c51; /* match .pmpr-cart-opt-lab */
}
.woocommerce-cart-form .pmpr-cart-price-bar-val,
.woocommerce-cart-form .pmpr-cart-price-bar-val .amount,
.woocommerce-cart-form .pmpr-cart-price-bar-val .woocommerce-Price-amount,
.woocommerce-cart-form .pmpr-cart-price-bar-val bdi {
color: #1d2120 !important;
font-weight: 500;
}
.woocommerce-cart-form .pmpr-cart-price-bar-summe .pmpr-cart-price-bar-val,
.woocommerce-cart-form .pmpr-cart-price-bar-summe .pmpr-cart-price-bar-val .amount,
.woocommerce-cart-form .pmpr-cart-price-bar-summe .pmpr-cart-price-bar-val bdi {
font-weight: 700;
}
.woocommerce-cart-form .pmpr-cart-price-bar .tax_label,
.woocommerce-cart-form .pmpr-cart-price-bar small.tax_label {
display: none; /* keep bar compact like the mock */
}
/* Working Woo qty input on dark bar */
.woocommerce-cart-form .pmpr-cart-price-bar-anzahl-control .quantity {
display: inline-flex;
align-items: center;
margin: 0;
}
.woocommerce-cart-form .pmpr-cart-price-bar-anzahl-control .qty,
.woocommerce-cart-form .pmpr-cart-price-bar-anzahl-control input.qty {
width: 4rem; /* slightly wider Anzahl input (0.6.92) */
min-width: 4rem;
min-height: 1.75rem;
padding: 0.15rem 0.4rem;
border: 1px solid #d3ced2 !important;
border-radius: 2px;
background: #fff !important;
color: #1d2120 !important;
text-align: center;
font-size: 0.8rem;
line-height: 1.2;
box-shadow: none !important;
}
.woocommerce-cart-form .pmpr-cart-price-bar-anzahl-control .qty:focus,
.woocommerce-cart-form .pmpr-cart-price-bar-anzahl-control input.qty:focus {
outline: 1px solid #7aa93c;
border-color: #7aa93c !important;
}
/* Content row: no bottom separator — price bar row owns the between-item line. */
.elementor-widget-woocommerce-cart .woocommerce table.shop_table.cart.pmpr-cart-layout tbody tr.pmpr-cart-line > td,
.woocommerce table.shop_table.cart.pmpr-cart-layout tbody tr.pmpr-cart-line > td,
.woocommerce-cart-form .pmpr-cart-layout tbody tr.pmpr-cart-line > td {
border-bottom: 0 !important;
box-shadow: none !important;
}
/* 0.6.89: content-row select is empty placeholder; real checkbox is in price row. */
.woocommerce-cart-form tr.pmpr-cart-line > td.pmpr-cart-select-col--placeholder,
.woocommerce table.shop_table.cart td.pmpr-cart-select-col--placeholder {
vertical-align: top !important;
font-size: 0;
line-height: 0;
}
/* Checkbox in Preiszeile — same horizontal line as POS/Preis/Anzahl/Gesamtsumme. */
.woocommerce-cart-form tr.pmpr-cart-price-bar-row > td.pmpr-cart-price-bar-select,
.woocommerce table.shop_table.cart.pmpr-cart-layout tbody tr.pmpr-cart-price-bar-row > td.pmpr-cart-price-bar-select,
.elementor-widget-woocommerce-cart .woocommerce table.shop_table.cart.pmpr-cart-layout tbody tr.pmpr-cart-price-bar-row > td.pmpr-cart-price-bar-select {
/* 0.6.92: same vertical line as header/content select column */
vertical-align: middle !important;
text-align: left !important;
background: #fff !important;
padding-top: 0.55rem !important;
padding-bottom: 0.55rem !important;
padding-left: 8px !important; /* match select-col content inset */
padding-right: 8px !important;
border-radius: 0 !important;
width: 2.25rem;
}
.woocommerce-cart-form tr.pmpr-cart-price-bar-row > td.pmpr-cart-price-bar-select input.pmpr-cart-select,
.woocommerce table.shop_table.cart td.pmpr-cart-price-bar-select input.pmpr-cart-select,
.woocommerce table.shop_table.cart th.pmpr-cart-select-col input[type="checkbox"] {
display: block;
margin: 0 !important; /* flush left in select column — same senkrechte as header */
margin-left: 0 !important;
margin-right: auto !important;
position: relative;
left: 0;
}
/* Explicit: header select-all shares the same left edge */
.woocommerce-cart-form th.pmpr-cart-select-col,
.woocommerce table.shop_table.cart th.pmpr-cart-select-col {
text-align: left !important;
padding-left: 8px !important;
padding-right: 8px !important;
}
.woocommerce-cart-form th.pmpr-cart-select-col input.pmpr-cart-select-all,
.woocommerce table.shop_table.cart th.pmpr-cart-select-col input.pmpr-cart-select-all {
display: block;
margin: 0 !important;
margin-left: 0 !important;
}
/* Legacy Pos. column (pre-0.6.68) — keep harmless if cached markup appears */
.woocommerce-cart-form .pmpr-cart-pos-col {
width: 2.5rem;
text-align: center;
vertical-align: middle;
font-weight: 600;
white-space: nowrap;
}
.woocommerce-cart-form th.pmpr-cart-pos-col {
font-size: 0.85rem;
}
.woocommerce-cart-form td.pmpr-cart-pos-col {
font-variant-numeric: tabular-nums;
color: #1d2120;
}
/* ------------------------------------------------------------------
Side-cart / mini-cart (Elementor menu-cart) — 0.6.66
Stack: image above text so meta can use full panel width.
Pos. label mirrors cart-page Pos. column.
Selectors beat Elementor widget CSS (.elementor-menu-cart__product
{grid-template-columns:28% auto} and grid-column-start:2 on name/price).
------------------------------------------------------------------ */
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product.pmpr-mini-cart-stack,
.elementor-menu-cart__main .elementor-menu-cart__product.pmpr-mini-cart-stack,
.elementor-menu-cart__products .elementor-menu-cart__product.pmpr-mini-cart-stack,
.elementor-widget-woocommerce-menu-cart:not(.elementor-menu-cart--show-remove-button-yes) .elementor-menu-cart__product.pmpr-mini-cart-stack {
display: grid !important;
grid-template-columns: 1fr !important;
grid-template-rows: auto auto auto !important;
gap: 0.4rem 0;
align-items: start;
padding-right: 2.25rem; /* room for absolute remove control */
min-width: 0;
}
.elementor-widget-woocommerce-menu-cart .pmpr-mini-cart-stack .elementor-menu-cart__product-image,
.elementor-menu-cart__main .pmpr-mini-cart-stack .elementor-menu-cart__product-image,
.elementor-menu-cart__products .pmpr-mini-cart-stack .elementor-menu-cart__product-image {
grid-column: 1 / -1 !important;
grid-column-start: 1 !important;
grid-column-end: -1 !important;
grid-row: 1 !important;
grid-row-start: 1 !important;
grid-row-end: auto !important;
width: 100% !important;
max-width: 7.5rem;
}
.elementor-widget-woocommerce-menu-cart .pmpr-mini-cart-stack .elementor-menu-cart__product-image a,
.elementor-widget-woocommerce-menu-cart .pmpr-mini-cart-stack .elementor-menu-cart__product-image img,
.elementor-menu-cart__main .pmpr-mini-cart-stack .elementor-menu-cart__product-image a,
.elementor-menu-cart__main .pmpr-mini-cart-stack .elementor-menu-cart__product-image img,
.elementor-menu-cart__products .pmpr-mini-cart-stack .elementor-menu-cart__product-image a,
.elementor-menu-cart__products .pmpr-mini-cart-stack .elementor-menu-cart__product-image img {
display: block;
width: 100%;
height: auto;
}
.elementor-widget-woocommerce-menu-cart .pmpr-mini-cart-stack .elementor-menu-cart__product-name,
.elementor-menu-cart__main .pmpr-mini-cart-stack .elementor-menu-cart__product-name,
.elementor-menu-cart__products .pmpr-mini-cart-stack .elementor-menu-cart__product-name {
grid-column: 1 / -1 !important;
grid-column-start: 1 !important;
grid-column-end: -1 !important;
grid-row: 2 !important;
grid-row-start: 2 !important;
grid-row-end: auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
min-width: 0;
width: 100%;
overflow-wrap: anywhere;
word-break: break-word;
}
.elementor-widget-woocommerce-menu-cart .pmpr-mini-cart-stack .elementor-menu-cart__product-price,
.elementor-menu-cart__main .pmpr-mini-cart-stack .elementor-menu-cart__product-price,
.elementor-menu-cart__products .pmpr-mini-cart-stack .elementor-menu-cart__product-price {
grid-column: 1 / -1 !important;
grid-column-start: 1 !important;
grid-column-end: -1 !important;
grid-row: 3 !important;
grid-row-start: 3 !important;
grid-row-end: auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
align-self: start !important;
min-width: 0;
width: 100%;
}
.elementor-widget-woocommerce-menu-cart .pmpr-mini-cart-pos,
.elementor-menu-cart__main .pmpr-mini-cart-pos,
.elementor-menu-cart__products .pmpr-mini-cart-pos {
display: block !important;
margin: 0 0 0.2rem;
font-size: 0.8rem;
font-weight: 700;
font-variant-numeric: tabular-nums;
letter-spacing: 0.02em;
color: #1d2120;
-webkit-text-fill-color: #1d2120;
}
.elementor-widget-woocommerce-menu-cart .pmpr-mini-cart-stack .variation,
.elementor-menu-cart__main .pmpr-mini-cart-stack .variation,
.elementor-menu-cart__products .pmpr-mini-cart-stack .variation {
display: grid;
grid-template-columns: max-content 1fr;
column-gap: 0.4rem;
width: 100%;
max-width: 100%;
min-width: 0;
margin: 0.35rem 0 0;
}
/* ------------------------------------------------------------------
Mini-cart footer buttons — 0.6.70 contrast fix
Keep the side-cart actions readable on light and dark panel themes;
never use the dark olive #5a5c51 as a filled button background here.
------------------------------------------------------------------ */
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button,
.elementor-menu-cart__main .elementor-menu-cart__footer-buttons a.elementor-button,
.elementor-menu-cart__footer-buttons a.elementor-button {
background-color: #f3f5f0 !important;
border: 2px solid #7aa93c !important;
border-radius: 4px;
color: #1d2120 !important;
-webkit-text-fill-color: #1d2120 !important;
box-shadow: none !important;
text-decoration: none !important;
}
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout,
.elementor-menu-cart__main .elementor-menu-cart__footer-buttons a.elementor-button--checkout,
.elementor-menu-cart__footer-buttons a.elementor-button--checkout {
background-color: #7aa93c !important;
border-color: #7aa93c !important;
color: #1d2120 !important;
-webkit-text-fill-color: #1d2120 !important;
}
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button:hover,
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button:focus,
.elementor-menu-cart__main .elementor-menu-cart__footer-buttons a.elementor-button:hover,
.elementor-menu-cart__main .elementor-menu-cart__footer-buttons a.elementor-button:focus,
.elementor-menu-cart__footer-buttons a.elementor-button:hover,
.elementor-menu-cart__footer-buttons a.elementor-button:focus {
background-color: #dcecc2 !important;
border-color: #5f8f27 !important;
color: #1d2120 !important;
-webkit-text-fill-color: #1d2120 !important;
}
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout:hover,
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout:focus,
.elementor-menu-cart__main .elementor-menu-cart__footer-buttons a.elementor-button--checkout:hover,
.elementor-menu-cart__main .elementor-menu-cart__footer-buttons a.elementor-button--checkout:focus,
.elementor-menu-cart__footer-buttons a.elementor-button--checkout:hover,
.elementor-menu-cart__footer-buttons a.elementor-button--checkout:focus {
background-color: #a8ca70 !important;
border-color: #5f8f27 !important;
color: #1d2120 !important;
-webkit-text-fill-color: #1d2120 !important;
}
.elementor-menu-cart__footer-buttons a.elementor-button:focus-visible {
outline: 2px solid #1d2120 !important;
outline-offset: 2px;
}
/* ------------------------------------------------------------------
Cart shop_table borders (0.6.92) — standard-weight square frame; no full-bleed Trennlinie — pure CSS full-bleed separators
User: 0.6.83 CSS tricks still failed (short/fading between-item line).
Steering: NO
/extra ; pure CSS only (table border / box-shadow).
Root cause of short/fading line:
- TR background-image linear-gradient is unreliable on table-rows
(percentage width often paints only a mid-row strip → looks centered/faded).
- Relying solely on inset box-shadow while forcing border-bottom:0 left
gaps when Elementor/theme killed shadows on select/thumb cells.
Clean fix:
- REMOVE tr linear-gradient belt entirely.
- Real border-bottom: 1px solid #c8c8c8 on EVERY td of tr.pmpr-cart-line
(checkbox + thumb + details) with !important — continuous L→R line.
- inset box-shadow backup same color (survives stubborn border:0).
- Header under-line same #c8c8c8 via border-bottom + inset shadow.
- Outer frame kept (#c8c8c8) via border + box-shadow + outline.
- border-collapse:separate + border-spacing:0 (preserve top outer edge).
- Elementor .e-cart-section L/R padding zeroed so line meets table edges;
content inset restored on th/td. No side padding on the separator itself.
- No vertical column dividers. No HTML separator rows.
------------------------------------------------------------------ */
/* Full-bleed: remove Elementor section L/R padding that insets row separators.
Section does NOT carry the outer frame (table does) — avoid double frame. */
.elementor-widget-woocommerce-cart .e-cart-section:has(table.shop_table.cart.pmpr-cart-layout),
.elementor-widget-woocommerce-cart .e-cart-section:has(table.pmpr-cart-layout),
.elementor-widget-woocommerce-cart .e-cart-section:has(.woocommerce-cart-form) {
padding-left: 0 !important;
padding-right: 0 !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
}
/* Outer shop_table frame (0.6.86) — standard Woo-like 1px #d3ced2, square corners,
no stacked box-shadow/outline (avoids heavier-than-standard frame). */
.elementor-widget-woocommerce-cart .woocommerce table.shop_table.cart.pmpr-cart-layout,
.woocommerce table.shop_table.cart.pmpr-cart-layout,
.woocommerce-cart-form table.shop_table.cart.pmpr-cart-layout,
.woocommerce table.shop_table.cart.pmpr-cart-layout.shop_table {
/* Standard Woo-like frame weight (0.6.86): single 1px border, no stacked
box-shadow/outline (those read as a thicker frame). Square corners. */
border: 1px solid #d3ced2 !important; /* WooCommerce default shop_table border color */
border-collapse: separate !important;
border-spacing: 0 !important;
border-radius: 0 !important;
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-shadow: none !important;
outline: none !important;
background-color: #fff !important;
}
/* Kill vertical column dividers + kill flaky TR gradient belt from 0.6.83. */
.elementor-widget-woocommerce-cart .woocommerce table.shop_table.cart.pmpr-cart-layout th,
.elementor-widget-woocommerce-cart .woocommerce table.shop_table.cart.pmpr-cart-layout td,
.elementor-widget-woocommerce-cart .woocommerce table.shop_table.cart.pmpr-cart-layout tr,
.woocommerce table.shop_table.cart.pmpr-cart-layout th,
.woocommerce table.shop_table.cart.pmpr-cart-layout td,
.woocommerce table.shop_table.cart.pmpr-cart-layout tr,
.woocommerce-cart-form .pmpr-cart-layout th,
.woocommerce-cart-form .pmpr-cart-layout td,
.woocommerce-cart-form .pmpr-cart-layout tr {
border-left: 0 !important;
border-right: 0 !important;
background-image: none !important;
}
/* Content inset moved here from Elementor section padding (borders stay edge-to-edge). */
.elementor-widget-woocommerce-cart .woocommerce table.shop_table.cart.pmpr-cart-layout thead th,
.elementor-widget-woocommerce-cart .woocommerce table.shop_table.cart.pmpr-cart-layout tbody td,
.woocommerce table.shop_table.cart.pmpr-cart-layout thead th,
.woocommerce table.shop_table.cart.pmpr-cart-layout tbody td,
.woocommerce-cart-form .pmpr-cart-layout thead th,
.woocommerce-cart-form .pmpr-cart-layout tbody td {
padding-left: 12px !important;
padding-right: 12px !important;
}
.elementor-widget-woocommerce-cart .woocommerce table.shop_table.cart.pmpr-cart-layout td.pmpr-cart-select-col,
.woocommerce table.shop_table.cart.pmpr-cart-layout td.pmpr-cart-select-col,
.woocommerce-cart-form .pmpr-cart-layout td.pmpr-cart-select-col,
.elementor-widget-woocommerce-cart .woocommerce table.shop_table.cart.pmpr-cart-layout th.pmpr-cart-select-col,
.woocommerce table.shop_table.cart.pmpr-cart-layout th.pmpr-cart-select-col {
padding-left: 8px !important;
padding-right: 8px !important;
}
.elementor-widget-woocommerce-cart .woocommerce table.shop_table.cart.pmpr-cart-layout td.actions,
.woocommerce table.shop_table.cart.pmpr-cart-layout td.actions,
.woocommerce-cart-form .pmpr-cart-layout td.actions {
padding-left: 12px !important;
padding-right: 12px !important;
}
/* Header under-line — standard Woo-like 1px #d3ced2 (not heavy custom). */
.elementor-widget-woocommerce-cart .woocommerce table.shop_table.cart.pmpr-cart-layout thead th,
.woocommerce table.shop_table.cart.pmpr-cart-layout thead th,
.woocommerce-cart-form .pmpr-cart-layout thead th {
border-top: 0 !important;
border-left: 0 !important;
border-right: 0 !important;
border-bottom: 1px solid #d3ced2 !important; /* standard Woo header rule weight */
box-shadow: none !important;
border-radius: 0 !important;
}
/* Between-row separators (0.6.86) — keep reference chrome (simple line under
price bar). Content row has no bottom border (bar sits flush). Drop the
Elementor full-bleed fight / TR gradients / stacked inset belts. */
.elementor-widget-woocommerce-cart .woocommerce table.shop_table.cart.pmpr-cart-layout tbody tr.pmpr-cart-line > td,
.woocommerce table.shop_table.cart.pmpr-cart-layout tbody tr.pmpr-cart-line > td,
.woocommerce-cart-form .pmpr-cart-layout tbody tr.pmpr-cart-line > td,
.elementor-widget-woocommerce-cart .woocommerce table.shop_table.cart.pmpr-cart-layout tbody tr.pmpr-cart-line > td.pmpr-cart-thumb-col,
.woocommerce table.shop_table.cart.pmpr-cart-layout tbody tr.pmpr-cart-line > td.pmpr-cart-thumb-col,
.woocommerce-cart-form .pmpr-cart-layout tbody tr.pmpr-cart-line > td.pmpr-cart-thumb-col,
.elementor-widget-woocommerce-cart .woocommerce table.shop_table.cart.pmpr-cart-layout tbody tr.pmpr-cart-line > td.pmpr-cart-select-col,
.woocommerce table.shop_table.cart.pmpr-cart-layout tbody tr.pmpr-cart-line > td.pmpr-cart-select-col,
.elementor-widget-woocommerce-cart .woocommerce table.shop_table.cart.pmpr-cart-layout tbody tr.pmpr-cart-line > td.pmpr-cart-details-col,
.woocommerce table.shop_table.cart.pmpr-cart-layout tbody tr.pmpr-cart-line > td.pmpr-cart-details-col {
border-top: 0 !important;
border-right: 0 !important;
border-left: 0 !important;
border-bottom: 0 !important;
box-shadow: none !important;
}
.elementor-widget-woocommerce-cart .woocommerce table.shop_table.cart.pmpr-cart-layout tbody tr.pmpr-cart-price-bar-row > td,
.woocommerce table.shop_table.cart.pmpr-cart-layout tbody tr.pmpr-cart-price-bar-row > td,
.woocommerce-cart-form .pmpr-cart-layout tbody tr.pmpr-cart-price-bar-row > td,
.elementor-widget-woocommerce-cart .woocommerce table.shop_table.cart.pmpr-cart-layout tbody tr.pmpr-cart-price-bar-row > td.pmpr-cart-price-bar-cell,
.woocommerce table.shop_table.cart.pmpr-cart-layout tbody tr.pmpr-cart-price-bar-row > td.pmpr-cart-price-bar-cell,
.woocommerce-cart-form .pmpr-cart-layout tbody tr.pmpr-cart-price-bar-row > td.pmpr-cart-price-bar-cell {
/* 0.6.86: keep reference chrome — simple between-item line under price bar.
No Elementor full-bleed fight, no TR gradient, no stacked inset belts. */
border-top: 0 !important;
border-right: 0 !important;
border-left: 0 !important;
border-bottom: 1px solid #d3ced2 !important; /* standard Woo shop_table rule color/weight */
box-shadow: none !important;
background-image: none !important;
background-color: #fff !important; /* match cart (0.6.92) */
padding: 0 !important;
border-radius: 0 !important;
}
/* Explicitly kill 0.6.83 TR gradient belt (short/fading artifact). */
.elementor-widget-woocommerce-cart .woocommerce table.shop_table.cart.pmpr-cart-layout tbody tr.pmpr-cart-line,
.woocommerce table.shop_table.cart.pmpr-cart-layout tbody tr.pmpr-cart-line,
.woocommerce-cart-form .pmpr-cart-layout tbody tr.pmpr-cart-line {
background-image: none !important;
background-size: auto !important;
}
/* -------------------------------------------------------------------------
0.6.93 — Versandkosten row in cart totals
- Method titles like "Versandkosten:" + Woo ": price" → double colon (fixed in PHP).
- Elementor custom CSS sets .woocommerce-Price-amount { vertical-align: top },
which lifts the shipping price above the label baseline — override here.
------------------------------------------------------------------------- */
.woocommerce-cart .cart_totals .woocommerce-shipping-totals .woocommerce-Price-amount.amount,
.elementor-widget-woocommerce-cart .cart_totals .woocommerce-shipping-totals .woocommerce-Price-amount.amount,
.woocommerce-cart .cart_totals .woocommerce-shipping-methods .woocommerce-Price-amount.amount,
.elementor-widget-woocommerce-cart .cart_totals .woocommerce-shipping-methods .woocommerce-Price-amount.amount,
.woocommerce-checkout .woocommerce-shipping-totals .woocommerce-Price-amount.amount {
vertical-align: baseline !important;
}
/* 0.6.95: price-bar row is also .cart_item so Woo enables Update Cart when
qty changes. Avoid treating the dual cart_item rows as stacked separators. */
.woocommerce-cart-form .pmpr-cart-layout tbody tr.pmpr-cart-price-bar-row.cart_item > td {
/* keep existing price-bar borders from earlier rules */
}
/* -------------------------------------------------------------------------
* 0.6.105 — Lagedekore button matches inactive Einzeln tab (grey, not Tabelle green).
* No hash anchor / no scroll-margin.
* ------------------------------------------------------------------------- */
.pmpr-configurator .pmpr-view-bar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
flex-wrap: wrap;
margin: 0 0 0.85rem;
width: 100%;
}
.pmpr-configurator .pmpr-view-bar .pmpr-view-toggle {
margin: 0;
}
.pmpr-configurator a.pmpr-lagedekore-btn {
display: inline-flex;
align-items: center;
gap: 0.4rem;
box-sizing: border-box;
margin: 0;
padding: 0.4rem 0.9rem;
border: 1px solid #c9c9c9;
border-radius: 6px;
background: #f3f3f3;
color: #666;
font: inherit;
font-size: 0.9rem;
font-weight: 500;
line-height: 1.2;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.pmpr-configurator a.pmpr-lagedekore-btn:hover,
.pmpr-configurator a.pmpr-lagedekore-btn:focus-visible {
background: #e8e8e8;
color: #333;
border-color: #c9c9c9;
text-decoration: none;
}
.pmpr-configurator a.pmpr-lagedekore-btn:focus-visible {
outline: 2px solid #2271b1;
outline-offset: 2px;
}
.pmpr-configurator .pmpr-lagedekore-icon {
display: block;
flex: 0 0 auto;
width: 1em;
height: 1em;
}
.pmpr-configurator .pmpr-lagedekore-btn.is-hidden {
display: none !important;
}
/* -------------------------------------------------------------------------
* 0.6.108 / 0.6.114 — Korpus + Sonderform: title + Lagedekore on same top row (Oberkante).
* Zuschnitt keeps .pmpr-view-bar row next to Einzeln/Tabelle.
* ------------------------------------------------------------------------- */
.pmpr-configurator--korpus > .pmpr-lagedekore-top,
.pmpr-configurator--sonderform > .pmpr-lagedekore-top {
display: flex;
justify-content: space-between;
align-items: center;
gap: 0.75rem;
flex-wrap: wrap;
margin: 0 0 0.75rem;
width: 100%;
}
.pmpr-configurator--korpus > .pmpr-lagedekore-top .pmpr-title,
.pmpr-configurator--sonderform > .pmpr-lagedekore-top .pmpr-title {
margin: 0;
flex: 1 1 auto;
min-width: 10rem;
}
.pmpr-configurator--korpus > .pmpr-lagedekore-top .pmpr-lagedekore-btn,
.pmpr-configurator--sonderform > .pmpr-lagedekore-top .pmpr-lagedekore-btn {
margin: 0;
flex: 0 0 auto;
margin-left: auto;
}
.pmpr-configurator--korpus > .pmpr-view-bar,
.pmpr-configurator--sonderform > .pmpr-view-bar {
/* JS fallback if no PHP top bar: still pin to top edge, right-aligned */
display: flex;
justify-content: flex-end;
align-items: flex-start;
margin: 0 0 0.75rem;
width: 100%;
}
/* Sonderform material switch (0.6.113) */
.pmpr-row-material {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem 0.75rem;
}
.pmpr-material-label {
font-weight: 600;
}
.pmpr-material-switch {
display: inline-flex;
gap: 0.35rem;
}
.pmpr-material-btn {
appearance: none;
border: 1px solid #c8c8c8;
background: #fff;
color: #222;
border-radius: 4px;
padding: 0.35rem 0.75rem;
cursor: pointer;
font: inherit;
line-height: 1.2;
}
.pmpr-material-btn.is-active,
.pmpr-material-btn[aria-pressed="true"] {
border-color: #222;
background: #222;
color: #fff;
}
.pmpr-material-btn:focus-visible {
outline: 2px solid #222;
outline-offset: 2px;
}
/* 0.6.118 — Sonderform: keep full field stack visible despite Elementor ATC legacy CSS
* (form.cart { display:inline-block; width:500px } from old AWS calculator widget CSS).
*/
form.cart:has(#pmpr-configurator),
.elementor-widget-woocommerce-product-add-to-cart form.cart:has(#pmpr-configurator) {
display: block !important;
width: 100% !important;
max-width: 40rem;
float: none !important;
}
.pmpr-configurator--sonderform,
.pmpr-configurator--sonderform .pmpr-view,
.pmpr-configurator--sonderform .pmpr-sonderform-fields {
display: block !important;
visibility: visible !important;
overflow: visible !important;
float: none !important;
width: 100%;
max-width: 100%;
height: auto !important;
max-height: none !important;
}
.pmpr-configurator--sonderform .pmpr-sonderform-fields > .pmpr-row,
.pmpr-configurator--sonderform .pmpr-sonderform-fields > .pmpr-row-decor {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
height: auto !important;
max-height: none !important;
overflow: visible !important;
float: none !important;
}
.pmpr-configurator--sonderform .pmpr-material-btn {
/* Do not inherit Elementor .cart button ATC chrome */
background: #fff !important;
color: #222 !important;
border: 1px solid #c8c8c8 !important;
padding: 0.35rem 0.75rem !important;
border-radius: 4px !important;
font-weight: 600 !important;
}
.pmpr-configurator--sonderform .pmpr-material-btn.is-active,
.pmpr-configurator--sonderform .pmpr-material-btn[aria-pressed="true"] {
background: #222 !important;
color: #fff !important;
border-color: #222 !important;
}
/* -------------------------------------------------------------------------
* 0.6.121 — Zuschnitt header: title on same row as Einzeln/Tabelle (+ Lagedekore).
* Material row (Dekorspan|Furnierspan) sits below, matching Sonderform.
* ------------------------------------------------------------------------- */
.pmpr-configurator .pmpr-view-bar {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 0.75rem;
flex-wrap: wrap;
margin: 0 0 0.85rem;
width: 100%;
}
.pmpr-configurator .pmpr-view-bar > .pmpr-title {
margin: 0;
flex: 0 1 auto;
min-width: 0;
font-size: 1.1rem;
}
.pmpr-configurator .pmpr-view-bar .pmpr-view-toggle {
margin: 0;
flex: 0 0 auto;
}
.pmpr-configurator .pmpr-view-bar > .pmpr-lagedekore-btn {
margin-left: auto;
flex: 0 0 auto;
}
.pmpr-configurator > .pmpr-row-material {
margin: 0 0 0.85rem;
}
.pmpr-configurator .pmpr-material-btn {
/* Avoid Elementor .cart button chrome on Zuschnitt too */
background: #fff;
color: #222;
border: 1px solid #c8c8c8;
padding: 0.35rem 0.75rem;
border-radius: 4px;
font-weight: 600;
}
.pmpr-configurator .pmpr-material-btn.is-active,
.pmpr-configurator .pmpr-material-btn[aria-pressed="true"] {
background: #222;
color: #fff;
border-color: #222;
}
/* Shape-specific Sonderform fields (radius / L2 / B2 …) */
.pmpr-configurator--sonderform .pmpr-row-shape-fields{
display:flex;
flex-wrap:wrap;
gap:12px 16px;
align-items:flex-end;
}
.pmpr-configurator--sonderform .pmpr-row-shape-fields > label{
flex:1 1 140px;
min-width:140px;
}
/* -------------------------------------------------------------------------
* 0.6.140 — Drawer "Passende Führungsschienen" in view-bar (Lagerdekore slot).
* Green Elementor button look; margin-left:auto pins top-right like Lagedekore.
* Type A source widgets stay hidden (JS + template CSS).
* ------------------------------------------------------------------------- */
.pmpr-configurator--drawer > .pmpr-view-bar {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 0.75rem;
flex-wrap: wrap;
margin: 0 0 0.85rem;
width: 100%;
}
.pmpr-configurator--drawer > .pmpr-view-bar .pmpr-view-toggle {
margin: 0;
flex: 0 0 auto;
}
.pmpr-configurator--drawer > .pmpr-view-bar > a.pmpr-fuehrung-btn {
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
margin: 0 0 0 auto;
padding: 10px 20px;
border: 0;
border-radius: 0;
background: #5a5c51;
color: #fff;
font: inherit;
font-size: 14px;
font-weight: 500;
line-height: 1.2;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
flex: 0 0 auto;
transition: background-color 0.15s ease, color 0.15s ease;
}
.pmpr-configurator--drawer > .pmpr-view-bar > a.pmpr-fuehrung-btn:hover,
.pmpr-configurator--drawer > .pmpr-view-bar > a.pmpr-fuehrung-btn:focus-visible {
background: #ba9077;
color: #fff;
text-decoration: none;
}
.pmpr-configurator--drawer > .pmpr-view-bar > a.pmpr-fuehrung-btn:focus-visible {
outline: 2px solid #2271b1;
outline-offset: 2px;
}
.pmpr-configurator--drawer > .pmpr-view-bar > a.pmpr-fuehrung-btn .elementor-button-content-wrapper {
display: inline-flex;
align-items: center;
}
.elementor-widget-button.pmpr-fuehrung-source-hidden,
.elementor-widget-spacer.pmpr-fuehrung-source-hidden {
display: none !important;
}
/* 0.6.144 Type B Frontverstellbeschlag info button. Does not change drawer thumb layout.
* 0.6.160: INFO "i" matches Einzeln/Tabelle view-btn palette (theme ux-polish):
* inactive gray like Tabelle — border #c9c9c9, bg #f3f3f3, text #666
* hover/focus green like Einzeln — bg/border #7AA93C, text #fff
* Harden .pmpr-label-line / .pmpr-has-info so Type A Vst "i" sits next to label
* like B/BS (nowrap, no stretch), uniform across types.
*/
.pmpr-configurator .pmpr-label-line {
display: inline-flex;
align-items: center;
gap: 0.35rem;
flex-wrap: nowrap;
white-space: nowrap;
max-width: 100%;
line-height: 1.2;
}
.pmpr-configurator .pmpr-has-info {
position: relative;
}
.pmpr-configurator label.pmpr-has-info {
/* Room for short label text + circular i; keeps wrap uniform with Frontverstell/Griff. */
min-width: 11.5rem;
}
.pmpr-configurator label.pmpr-has-info > .pmpr-label-line {
align-self: flex-start;
}
.pmpr-configurator .pmpr-bulk-table th.pmpr-has-info {
white-space: nowrap;
}
.pmpr-configurator .pmpr-bulk-table th.pmpr-has-info .pmpr-info-hover,
.pmpr-configurator .pmpr-bulk-table th.pmpr-has-info .pmpr-label-line {
display: inline-flex;
align-items: center;
vertical-align: middle;
}
.pmpr-configurator button.pmpr-info-btn {
appearance: none;
-webkit-appearance: none;
box-sizing: border-box;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: 1.15rem !important;
height: 1.15rem !important;
min-width: 1.15rem !important;
max-width: 1.15rem !important;
padding: 0 !important;
margin: 0;
border-radius: 50% !important;
border: 1px solid #c9c9c9 !important;
background: #f3f3f3 !important;
color: #666 !important;
font-size: 0.72rem !important;
font-weight: 700 !important;
line-height: 1 !important;
letter-spacing: normal !important;
text-transform: none !important;
box-shadow: none !important;
cursor: pointer;
vertical-align: middle;
transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.pmpr-configurator button.pmpr-info-btn:hover,
.pmpr-configurator button.pmpr-info-btn:focus-visible {
background: #7AA93C !important;
border-color: #7AA93C !important;
color: #fff !important;
outline: none;
}
.pmpr-configurator button.pmpr-info-btn:focus-visible {
box-shadow: 0 0 0 2px rgba(122, 169, 60, 0.35) !important;
}
.pmpr-configurator .pmpr-info-hover {
position: relative;
display: inline-flex;
align-items: center;
flex: 0 0 auto;
vertical-align: middle;
line-height: 1;
}
.pmpr-configurator .pmpr-info-pop {
display: none;
position: fixed;
z-index: 100000;
left: 8px;
top: 8px;
width: auto;
max-width: none;
max-height: none;
overflow: visible;
padding: 0;
margin: 0;
background: #fff;
border: 1px solid #ccc;
border-radius: 6px;
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.18);
pointer-events: none;
}
.pmpr-configurator .pmpr-info-hover:hover > .pmpr-info-pop,
.pmpr-configurator .pmpr-info-hover.is-open > .pmpr-info-pop,
.pmpr-info-pop.is-floating {
display: block;
}
.pmpr-info-pop.is-floating {
position: fixed;
z-index: 100000;
overflow: visible;
padding: 0;
margin: 0;
width: auto;
max-width: none;
max-height: none;
background: #fff;
border: 1px solid #ccc;
border-radius: 6px;
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.18);
pointer-events: none;
}
.pmpr-configurator .pmpr-info-pop img,
.pmpr-info-pop.is-floating img {
display: block;
width: auto;
height: auto;
max-width: calc(100vw - 16px);
max-height: calc(100vh - 16px);
margin: 0;
}
/* 0.6.154 TYPE BS / CS: Ausschnittmaße Sifon (a, b, c). Info hover reuses .pmpr-info-hover. */
.pmpr-configurator .pmpr-sifon-row {
align-items: flex-end;
}
.pmpr-configurator .pmpr-sifon-head {
flex: 1 0 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.25rem 0.75rem;
font-weight: 600;
font-size: 0.9rem;
}
.pmpr-configurator .pmpr-sifon-context {
font-weight: 400;
font-size: 0.85rem;
color: #666;
}
.pmpr-configurator .pmpr-sifon-row > label.pmpr-sifon-field {
min-width: 6rem;
}
.pmpr-configurator .pmpr-bulk-sifon {
display: inline-flex;
gap: 0.25rem;
}
.pmpr-configurator .pmpr-bulk-sifon input[type="number"] {
width: 4.5rem;
min-width: 0;
}
.pmpr-bulk-table td.pmpr-bulk-col-sifon,
.pmpr-bulk-table th.pmpr-bulk-col-sifon {
min-width: 14.5rem;
white-space: nowrap;
}
/* ==========================================================================
* 0.6.164 Korpus (zone2_linked): Min/Max nur im INFO-"i"; Zonen gestapelt.
* 0.6.167: Zone-Felder gleiche Breite wie Höhe (1. Spalte des H/B/T-Grids).
* ======================================================================== */
.pmpr-configurator label.pmpr-has-info.pmpr-has-range-info {
min-width: 10rem;
}
/* Align H/B/T as 3 equal columns so Zone width can match Höhe exactly. */
.pmpr-configurator--korpus .pmpr-view-single > p.pmpr-row {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.75rem 1.25rem;
align-items: start;
}
.pmpr-configurator--korpus .pmpr-view-single > p.pmpr-row > label {
min-width: 0;
width: 100%;
flex: none;
}
.pmpr-configurator--korpus .pmpr-view-single > p.pmpr-row > label input[type="number"] {
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.pmpr-configurator .pmpr-row.pmpr-row-door-zones {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.75rem 1.25rem;
align-items: start;
}
.pmpr-configurator .pmpr-row.pmpr-row-door-zones > label {
grid-column: 1; /* same column width as Höhe */
width: 100%;
min-width: 0;
flex: none;
}
.pmpr-configurator .pmpr-row.pmpr-row-door-zones > label input[type="number"],
.pmpr-configurator .pmpr-row.pmpr-row-door-zones > label input.pmpr-linked-zone {
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
@media (max-width: 640px) {
.pmpr-configurator--korpus .pmpr-view-single > p.pmpr-row,
.pmpr-configurator .pmpr-row.pmpr-row-door-zones {
grid-template-columns: 1fr;
}
.pmpr-configurator .pmpr-row.pmpr-row-door-zones > label {
grid-column: 1;
}
}
.pmpr-configurator .pmpr-info-pop.pmpr-info-pop--text,
.pmpr-info-pop.pmpr-info-pop--text.is-floating {
padding: 0.4rem 0.6rem;
max-width: 18rem;
font-size: 0.8rem;
font-weight: 400;
line-height: 1.35;
color: #333;
white-space: nowrap;
}
.pmpr-info-pop--text .pmpr-range-text {
display: block;
font-weight: 600;
}
.pmpr-info-pop--text .pmpr-range-note {
display: block;
margin-top: 0.15rem;
color: #666;
font-size: 0.75rem;
}
/* 0.6.166: auto-open range INFO — keep "i" green while measure is out of min/max */
.pmpr-configurator .pmpr-info-hover.is-range-invalid > .pmpr-info-btn,
.pmpr-configurator button.pmpr-info-btn.is-range-invalid {
background: #7AA93C !important;
border-color: #7AA93C !important;
color: #fff !important;
}
/* 0.6.166: floating "nach oben scrollen" (shop/product pages)
* 0.6.198: gray/green like info-i / Einzeln-Tabelle (#f3f3f3/#c9c9c9/#666 → #7AA93C);
* wider gap between ↑ and „nach oben“. */
.pmpr-scroll-top {
appearance: none;
-webkit-appearance: none;
position: fixed;
z-index: 99990;
right: 1.1rem;
bottom: 1.25rem;
display: inline-flex;
align-items: center;
gap: 0.85rem;
padding: 0.55rem 0.95rem;
border-radius: 999px;
border: 1px solid #c9c9c9;
background: #f3f3f3;
color: #666;
font-size: 0.82rem;
font-weight: 600;
line-height: 1;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
cursor: pointer;
opacity: 0;
pointer-events: none;
transform: translateY(8px);
transition: opacity 0.2s ease, transform 0.2s ease, background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.pmpr-scroll-top.is-visible {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
}
.pmpr-scroll-top:hover,
.pmpr-scroll-top:focus-visible {
background: #7AA93C;
border-color: #7AA93C;
color: #fff;
outline: none;
}
.pmpr-scroll-top:focus-visible {
box-shadow: 0 0 0 2px rgba(122, 169, 60, 0.35), 0 2px 10px rgba(0, 0, 0, 0.12);
}
.pmpr-scroll-top__icon {
display: inline-block;
font-size: 1rem;
font-weight: 700;
line-height: 1;
margin-inline-end: 0.1rem;
}
.pmpr-scroll-top__label {
letter-spacing: 0.01em;
margin-inline-start: 0.05rem;
}
@media (max-width: 600px) {
.pmpr-scroll-top {
right: 0.75rem;
bottom: 0.9rem;
padding: 0.55rem 0.7rem;
gap: 0;
}
.pmpr-scroll-top__label {
display: none;
}
.pmpr-scroll-top__icon {
margin-inline-end: 0;
}
}
/* --- 0.6.168 Speedmaster-like accordion + Türanschlag (opt-in .pmpr-configurator--sm-ui) --- */
.pmpr-sm-ui-badge {
display: inline-block;
margin-left: 0.35em;
padding: 0.12em 0.45em;
font-size: 0.65em;
font-weight: 700;
letter-spacing: 0.04em;
vertical-align: middle;
color: #fff;
background: #7AA93C;
border-radius: 3px;
}
.pmpr-configurator--sm-ui .pmpr-acc {
margin: 0.65rem 0 0.85rem;
border: 1px solid #d8d8d8;
border-radius: 6px;
background: #fafafa;
overflow: hidden;
}
.pmpr-configurator--sm-ui .pmpr-acc.pmpr-acc--has-tip,
.pmpr-configurator--sm-ui .pmpr-acc.pmpr-acc--measure-tip {
overflow: visible;
}
.pmpr-configurator--sm-ui .pmpr-acc__summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
padding: 0.7rem 0.9rem;
cursor: pointer;
list-style: none;
font-weight: 600;
font-size: 0.95rem;
color: #222;
background: #f0f0f0;
user-select: none;
}
.pmpr-configurator--sm-ui .pmpr-acc__summary::-webkit-details-marker {
display: none;
}
.pmpr-configurator--sm-ui .pmpr-acc__summary::marker {
content: "";
}
.pmpr-configurator--sm-ui .pmpr-acc__chev {
width: 0.55rem;
height: 0.55rem;
border-right: 2px solid #555;
border-bottom: 2px solid #555;
transform: rotate(-45deg);
transition: transform 0.18s ease;
flex-shrink: 0;
}
.pmpr-configurator--sm-ui .pmpr-acc[open] > .pmpr-acc__summary .pmpr-acc__chev {
transform: rotate(45deg);
}
.pmpr-configurator--sm-ui .pmpr-acc__body {
padding: 0.75rem 0.9rem 0.35rem;
background: #fff;
border-top: 1px solid #e5e5e5;
}
.pmpr-configurator--sm-ui .pmpr-row-door-anschlag {
display: grid;
grid-template-columns: 1fr;
gap: 0.55rem 1rem;
}
@media (min-width: 520px) {
.pmpr-configurator--sm-ui .pmpr-row-door-anschlag {
grid-template-columns: 1fr 1fr;
}
}
.pmpr-configurator--sm-ui .pmpr-row-door-anschlag label {
display: flex;
flex-direction: column;
gap: 0.25rem;
font-weight: 500;
}
.pmpr-configurator--sm-ui .pmpr-row-door-anschlag select {
width: 100%;
max-width: 100%;
}
/* --- 0.6.169 Speedmaster-like centered DEKOR + Türauswahl (opt-in .pmpr-configurator--sm-ui) --- */
.pmpr-configurator--sm-ui .pmpr-sm-dekor {
margin: 1rem 0 1.15rem;
padding: 0.85rem 0.75rem 1rem;
border: 1px solid #e0e0e0;
border-radius: 6px;
background: #fafafa;
text-align: center;
}
.pmpr-configurator--sm-ui .pmpr-sm-dekor__heading {
margin: 0 0 0.75rem;
padding: 0;
font-size: 0.95rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #222;
text-align: center;
}
.pmpr-configurator--sm-ui .pmpr-sm-dekor__grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1.25rem 1.75rem;
}
.pmpr-configurator--sm-ui .pmpr-sm-dekor__item {
display: flex;
flex-direction: column;
align-items: center;
width: min(100%, 220px);
}
.pmpr-configurator--sm-ui .pmpr-sm-dekor__sub {
margin: 0 0 0.4rem;
font-size: 0.8rem;
font-weight: 600;
color: #444;
}
.pmpr-configurator--sm-ui .pmpr-sm-dekor__preview {
width: 72px;
height: 72px;
margin: 0 0 0.55rem;
border: 1px solid #d0d0d0;
border-radius: 4px;
background: #fff;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.pmpr-configurator--sm-ui .pmpr-sm-dekor__preview-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.pmpr-configurator--sm-ui .pmpr-sm-dekor__preview-ph {
display: block;
width: 100%;
height: 100%;
background: repeating-linear-gradient(
-45deg,
#f3f3f3,
#f3f3f3 6px,
#eaeaea 6px,
#eaeaea 12px
);
}
.pmpr-configurator--sm-ui .pmpr-sm-dekor .pmpr-row-decor--sm {
width: 100%;
margin: 0;
display: block;
text-align: center;
}
.pmpr-configurator--sm-ui .pmpr-sm-dekor .pmpr-decor-picker {
width: 100%;
max-width: 220px;
margin: 0 auto;
}
.pmpr-configurator--sm-ui .pmpr-row-door-anschlag {
display: grid;
grid-template-columns: minmax(0, 1fr);
max-width: none; /* 0.6.183: full row like Höhe — do not hide/narrow Türauswahl */
}
.pmpr-configurator--sm-ui .pmpr-row-door-anschlag label {
display: flex;
flex-direction: column;
gap: 0.25rem;
font-weight: 500;
}
.pmpr-configurator--sm-ui .pmpr-row-door-anschlag select {
width: 100%;
}
/* --- 0.6.170 help under Korpus heading (sm-ui test) --- */
.pmpr-configurator--sm-ui > .pmpr-lagedekore-top {
align-items: flex-start;
}
.pmpr-configurator--sm-ui > .pmpr-lagedekore-top .pmpr-lagedekore-top__left {
flex: 1 1 auto;
min-width: 10rem;
}
.pmpr-configurator--sm-ui > .pmpr-lagedekore-top .pmpr-title {
margin: 0;
}
.pmpr-configurator--sm-ui .pmpr-help--under-title {
margin: 0.2rem 0 0;
padding: 0;
font-size: 0.82em;
line-height: 1.35;
color: #555;
font-weight: 400;
}
/* --- 0.6.171 DEKOR as own accordion panel --- */
.pmpr-configurator--sm-ui .pmpr-acc .pmpr-sm-dekor {
margin: 0;
padding: 0.35rem 0 0.15rem;
border: 0;
border-radius: 0;
background: transparent;
}
.pmpr-configurator--sm-ui .pmpr-acc .pmpr-sm-dekor__heading {
display: none;
}
/* --- 0.6.172 DEKOR accordion: classic two-row (label + select/swatch) --- */
.pmpr-configurator--sm-ui .pmpr-sm-dekor--rows {
margin: 0;
padding: 0.15rem 0 0;
border: 0;
background: transparent;
text-align: left;
}
.pmpr-configurator--sm-ui .pmpr-sm-dekor--rows .pmpr-row-decor {
width: 100%;
margin: 0 0 0.65rem;
text-align: left;
}
.pmpr-configurator--sm-ui .pmpr-sm-dekor--rows .pmpr-row-decor:last-child {
margin-bottom: 0.15rem;
}
.pmpr-configurator--sm-ui .pmpr-sm-dekor--rows .pmpr-decor-picker {
width: 100%;
max-width: 100%;
margin: 0;
}
/* --- 0.6.173 DEKOR rows: small swatch beside select --- */
.pmpr-configurator--sm-ui .pmpr-sm-dekor--rows .pmpr-row-decor--with-swatch .pmpr-sm-dekor__control {
display: flex;
align-items: center;
gap: 0.55rem;
width: 100%;
}
.pmpr-configurator--sm-ui .pmpr-sm-dekor--rows .pmpr-sm-dekor__swatch {
flex: 0 0 2.5rem;
width: 2.5rem;
height: 2.5rem;
border: 1px solid #cfcfcf;
border-radius: 4px;
background: #fff;
overflow: hidden;
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
.pmpr-configurator--sm-ui .pmpr-sm-dekor--rows .pmpr-sm-dekor__swatch-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.pmpr-configurator--sm-ui .pmpr-sm-dekor--rows .pmpr-sm-dekor__swatch-ph {
display: block;
width: 100%;
height: 100%;
background: repeating-linear-gradient(
-45deg,
#f3f3f3,
#f3f3f3 5px,
#e8e8e8 5px,
#e8e8e8 10px
);
}
.pmpr-configurator--sm-ui .pmpr-sm-dekor--rows .pmpr-sm-dekor__control .pmpr-decor-picker {
flex: 1 1 auto;
min-width: 0;
width: auto;
max-width: none;
margin: 0;
}
/* --- 0.6.177 Grundeinstellung tip: body portal (not clipped by overflow:hidden) --- */
.pmpr-configurator--sm-ui .pmpr-acc.pmpr-acc--has-tip,
.pmpr-configurator--sm-ui .pmpr-acc.pmpr-acc--measure-tip {
overflow: visible;
}
.pmpr-acc__tip.pmpr-acc__tip--portal,
body > .pmpr-acc__tip.pmpr-acc__tip--portal {
position: fixed;
z-index: 100000;
min-width: 0;
width: max-content;
max-width: min(20rem, calc(100vw - 1rem));
padding: 0.55rem 0.75rem;
border: 1px solid #c8c8c8;
border-radius: 4px;
background: #fff;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.16);
pointer-events: none;
opacity: 0;
visibility: hidden;
transform: translateY(3px);
transition: opacity 0.06s ease, transform 0.06s ease, visibility 0.06s;
box-sizing: border-box;
}
.pmpr-acc__tip.pmpr-acc__tip--portal.is-visible,
body > .pmpr-acc__tip.pmpr-acc__tip--portal.is-visible {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.pmpr-acc__tip.pmpr-acc__tip--portal[hidden] {
display: none !important;
}
.pmpr-acc__tip.pmpr-acc__tip--portal .pmpr-acc__tip-list {
display: grid;
grid-template-columns: max-content max-content;
column-gap: 0.85rem; /* WK clear gap label→value */
row-gap: 0.12rem;
margin: 0;
padding: 0;
font-size: 0.75rem;
line-height: 1.25;
color: #1d2120;
}
.pmpr-acc__tip.pmpr-acc__tip--portal .pmpr-acc__tip-row {
display: contents;
}
.pmpr-acc__tip.pmpr-acc__tip--portal .pmpr-acc__tip-list dt,
.pmpr-acc__tip.pmpr-acc__tip--portal .pmpr-acc__tip-list dd {
margin: 0;
padding: 0;
}
.pmpr-acc__tip.pmpr-acc__tip--portal .pmpr-acc__tip-list dt {
font-weight: 600;
color: #5a5c51;
white-space: nowrap;
}
.pmpr-acc__tip.pmpr-acc__tip--portal .pmpr-acc__tip-list dt::after {
content: ":";
}
.pmpr-acc__tip.pmpr-acc__tip--portal .pmpr-acc__tip-list dd {
min-width: 0;
font-weight: 400;
color: #1d2120;
text-align: left; /* WK: both columns left-aligned (links–links) */
}
/* --- 0.6.183 tip: WK cart description — 2-col grid, labels+values left, clear gap --- */
.pmpr-acc__tip.pmpr-acc__tip--portal,
body > .pmpr-acc__tip.pmpr-acc__tip--portal {
min-width: 0 !important;
width: max-content !important;
max-width: min(22rem, calc(100vw - 1rem)) !important;
}
.pmpr-acc__tip.pmpr-acc__tip--portal .pmpr-acc__tip-list {
/* Same pattern as .pmpr-cart-opts-dims / decor: shared value column edge */
display: grid !important;
grid-template-columns: max-content max-content !important;
column-gap: 0.85rem !important; /* clear readable gap like WK «Höhe: 2000 mm» */
row-gap: 0.12rem !important;
align-items: baseline !important;
justify-items: start !important;
width: max-content !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0.75rem !important;
line-height: 1.25 !important;
color: #1d2120 !important;
gap: unset !important;
flex-direction: unset !important;
}
.pmpr-acc__tip.pmpr-acc__tip--portal .pmpr-acc__tip-row {
display: contents !important; /* dt+dd become grid cells — values share one left edge */
margin: 0 !important;
padding: 0 !important;
width: auto !important;
gap: 0 !important;
}
.pmpr-acc__tip.pmpr-acc__tip--portal .pmpr-acc__tip-list dt,
.pmpr-acc__tip.pmpr-acc__tip--portal .pmpr-acc__tip-list dd {
display: block !important;
float: none !important;
margin: 0 !important;
padding: 0 !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
text-align: left !important;
justify-self: start !important;
}
.pmpr-acc__tip.pmpr-acc__tip--portal .pmpr-acc__tip-list dt {
font-weight: 600 !important;
color: #5a5c51 !important;
white-space: nowrap !important;
}
.pmpr-acc__tip.pmpr-acc__tip--portal .pmpr-acc__tip-list dd {
font-weight: 400 !important;
color: #1d2120 !important;
white-space: nowrap !important;
}
/* --- 0.6.202 tip blank: exactly ONE line (no parent+child double height, no fat margins) --- */
.pmpr-acc__tip.pmpr-acc__tip--portal .pmpr-acc__tip-break,
body > .pmpr-acc__tip.pmpr-acc__tip--portal .pmpr-acc__tip-break {
grid-column: 1 / -1 !important;
display: block !important;
height: 1.05rem !important;
min-height: 1.05rem !important;
max-height: 1.05rem !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
width: auto !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
.pmpr-acc__tip.pmpr-acc__tip--portal .pmpr-acc__tip-break-gap,
body > .pmpr-acc__tip.pmpr-acc__tip--portal .pmpr-acc__tip-break-gap {
display: block !important;
height: 1.05rem !important;
min-height: 1.05rem !important;
max-height: 1.05rem !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.05rem !important;
visibility: hidden !important;
}
/* --- 0.6.185 tip spacing/alignment (user screenshots) --- */
.pmpr-acc__tip.pmpr-acc__tip--portal .pmpr-acc__tip-list,
body > .pmpr-acc__tip.pmpr-acc__tip--portal .pmpr-acc__tip-list {
/* Wider gap after colon so long labels (Anzahl Fächer / Schrankverbinder) never crush value */
column-gap: 1.25rem !important;
}
/* Grundeinstellung: mm values Flucht rechts (H/B/T/Zones); text values left */
.pmpr-acc__tip.pmpr-acc__tip--portal .pmpr-acc__tip-row--end dd,
body > .pmpr-acc__tip.pmpr-acc__tip--portal .pmpr-acc__tip-row--end dd {
justify-self: end !important;
text-align: right !important;
font-variant-numeric: tabular-nums !important;
}
.pmpr-acc__tip.pmpr-acc__tip--portal .pmpr-acc__tip-row--start dd,
body > .pmpr-acc__tip.pmpr-acc__tip--portal .pmpr-acc__tip-row--start dd {
justify-self: start !important;
text-align: left !important;
}
/* Measure tip: ensure value column has room so «Anzahl Fächer» gap stays visible */
.pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--measure .pmpr-acc__tip-list,
body > .pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--measure .pmpr-acc__tip-list,
.pmpr-acc__tip.pmpr-acc__tip--portal .pmpr-acc__tip-list--measure {
grid-template-columns: max-content minmax(4.5rem, max-content) !important;
column-gap: 1.35rem !important;
}
/* Sonstiges / DEKOR: consistent roomy gap after colon */
.pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--sonstiges .pmpr-acc__tip-list,
body > .pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--sonstiges .pmpr-acc__tip-list,
.pmpr-acc__tip.pmpr-acc__tip--portal .pmpr-acc__tip-list--sonstiges,
.pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--dekor .pmpr-acc__tip-list,
body > .pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--dekor .pmpr-acc__tip-list,
.pmpr-acc__tip.pmpr-acc__tip--portal .pmpr-acc__tip-list--dekor {
column-gap: 1.25rem !important;
max-width: none !important;
}
.pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--dekor,
body > .pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--dekor,
.pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--sonstiges,
body > .pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--sonstiges {
max-width: min(32rem, calc(100vw - 1rem)) !important;
}
/* --- 0.6.195/196: Grundeinstellung tip — ONE list; mm Flucht rechts; blank after Tiefe --- */
.pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--measure,
body > .pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--measure {
display: block !important; /* not flex dual-list — tip-break lives inside the grid */
width: max-content !important;
}
.pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--measure .pmpr-acc__tip-list--measure,
body > .pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--measure .pmpr-acc__tip-list--measure,
.pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--measure .pmpr-acc__tip-list,
body > .pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--measure .pmpr-acc__tip-list {
/* Shared value column so H/B/T/Zones right-align to the same edge («1000 mm») */
grid-template-columns: max-content minmax(5.5rem, max-content) !important;
column-gap: 2rem !important;
width: max-content !important;
}
.pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--measure .pmpr-acc__tip-row--end dd,
body > .pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--measure .pmpr-acc__tip-row--end dd {
justify-self: end !important;
text-align: right !important;
font-variant-numeric: tabular-nums !important;
}
.pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--measure .pmpr-acc__tip-row--start dd,
body > .pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--measure .pmpr-acc__tip-row--start dd {
justify-self: start !important;
text-align: left !important;
}
/* PERMANENT RULE 2: exactly ONE blank after H/B/T (and before Türauswahl when Zones exist).
Measure tip-break must NOT double: same 1.05rem as general; margin 0. */
.pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--measure .pmpr-acc__tip-break,
body > .pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--measure .pmpr-acc__tip-break {
grid-column: 1 / -1 !important;
display: block !important;
height: 1.05rem !important;
min-height: 1.05rem !important;
max-height: 1.05rem !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
width: auto !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
.pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--measure .pmpr-acc__tip-break-gap,
body > .pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--measure .pmpr-acc__tip-break-gap {
display: block !important;
height: 1.05rem !important;
min-height: 1.05rem !important;
max-height: 1.05rem !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.05rem !important;
visibility: hidden !important;
}
/* --- 0.6.189: DEKOR tip swatch slightly smaller + clear gap from text --- */
.pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--dekor .pmpr-acc__tip-dekor-val,
body > .pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--dekor .pmpr-acc__tip-dekor-val {
display: inline-flex !important;
align-items: center !important;
gap: 0.7rem !important; /* room so swatch does not stick to décor name */
max-width: 100%;
min-width: 0;
vertical-align: middle;
}
.pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--dekor .pmpr-acc__tip-swatch,
body > .pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--dekor .pmpr-acc__tip-swatch {
display: block !important;
width: 0.95rem !important;
height: 0.95rem !important;
min-width: 0.95rem !important;
min-height: 0.95rem !important;
margin: 0 0.15rem 0 0 !important; /* extra separation beyond flex gap */
padding: 0 !important;
border-radius: 2px;
object-fit: cover;
background: #eee;
border: 1px solid #d0d0d0;
flex: 0 0 0.95rem !important;
box-sizing: border-box;
}
.pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--dekor .pmpr-acc__tip-swatch.is-empty,
body > .pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--dekor .pmpr-acc__tip-swatch.is-empty {
background: repeating-linear-gradient(
45deg,
#f0f0f0,
#f0f0f0 3px,
#e4e4e4 3px,
#e4e4e4 6px
);
}
.pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--dekor .pmpr-acc__tip-dekor-txt,
body > .pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--dekor .pmpr-acc__tip-dekor-txt {
min-width: 0;
flex: 1 1 auto;
line-height: 1.35;
}
.pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--dekor,
body > .pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--dekor {
min-width: 16rem; /* room for swatch + name + Kante */
}
/* --- 0.6.187 tip: visible gap after colon (Anzahl Fächer / DEKOR / Sonstiges) --- */
.pmpr-acc__tip.pmpr-acc__tip--portal .pmpr-acc__tip-list dt::after,
body > .pmpr-acc__tip.pmpr-acc__tip--portal .pmpr-acc__tip-list dt::after {
content: ":\00a0\00a0" !important; /* colon + 2 nbsp so gap never collapses to «Label:Value» */
}
.pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--measure .pmpr-acc__tip-list,
body > .pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--measure .pmpr-acc__tip-list,
.pmpr-acc__tip.pmpr-acc__tip--portal .pmpr-acc__tip-list--measure {
grid-template-columns: max-content minmax(5.5rem, max-content) !important;
column-gap: 2rem !important; /* wide label→value for Anzahl Fächer */
}
.pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--measure .pmpr-acc__tip-row--start dd,
body > .pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--measure .pmpr-acc__tip-row--start dd {
padding-left: 0.35rem !important;
letter-spacing: 0 !important;
}
/* --- 0.6.182: tip portal must never appear on cart/checkout --- */
body.woocommerce-cart #pmpr_acc_portal_tip,
body.woocommerce-checkout #pmpr_acc_portal_tip,
.woocommerce-cart #pmpr_acc_portal_tip,
.woocommerce-checkout #pmpr_acc_portal_tip {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
/* 0.6.215: RULE 3 restored — native #pmpr_connectors/#pmpr_hangers/#pmpr_feet hidden (opt-dd UI). */
/* --- 0.6.184 Lochreihe in Sonstiges (sm-ui + classic) --- */
.pmpr-configurator .pmpr-row-lochreihe,
.pmpr-configurator--sm-ui .pmpr-row-lochreihe {
display: grid;
grid-template-columns: minmax(0, 1fr);
max-width: none;
}
.pmpr-configurator .pmpr-row-lochreihe label,
.pmpr-configurator--sm-ui .pmpr-row-lochreihe label {
display: flex;
flex-direction: column;
gap: 0.25rem;
font-weight: 500;
}
.pmpr-configurator .pmpr-row-lochreihe select,
.pmpr-configurator--sm-ui .pmpr-row-lochreihe select {
width: 100%;
max-width: 100%;
}
/* 0.6.202/0.6.203/0.6.204 Approach A: always-visible Schrankverbinder + Aufhänger radio lists + per-row CSS-only (i).
NO custom listbox open/close (0.6.193/0.6.199 hung). Equal image box 360x116. */
.pmpr-configurator .pmpr-conn-radio-list,
.pmpr-configurator .pmpr-hang-radio-list {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 0.15rem;
margin: 0;
padding: 0.15rem 0;
border: 1px solid #ccc;
border-radius: 4px;
background: #fff;
min-width: 16rem;
max-width: 100%;
width: 100%;
overflow: visible;
box-sizing: border-box;
}
.pmpr-configurator .pmpr-conn-radio-row,
.pmpr-configurator .pmpr-hang-radio-row {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 0.55rem;
padding: 0.45rem 0.55rem;
line-height: 1.3;
overflow: visible;
}
.pmpr-configurator .pmpr-conn-radio-row:hover,
.pmpr-configurator .pmpr-hang-radio-row:hover {
background: #f3f3f3;
}
.pmpr-configurator .pmpr-conn-radio-row.is-selected,
.pmpr-configurator .pmpr-hang-radio-row.is-selected {
background: #eef5e6;
}
.pmpr-configurator .pmpr-conn-radio-label,
.pmpr-configurator .pmpr-hang-radio-label {
display: flex;
flex-direction: row;
align-items: center;
gap: 0.5rem;
flex: 1 1 auto;
min-width: 0;
margin: 0;
cursor: pointer;
font-weight: 400;
}
.pmpr-configurator .pmpr-conn-radio-label input[type="radio"],
.pmpr-configurator .pmpr-hang-radio-label input[type="radio"] {
flex: 0 0 auto;
margin: 0;
}
.pmpr-configurator .pmpr-conn-radio-cap,
.pmpr-configurator .pmpr-hang-radio-cap {
flex: 1 1 auto;
min-width: 0;
}
.pmpr-configurator .pmpr-conn-radio-row .pmpr-info-hover,
.pmpr-configurator .pmpr-hang-radio-row .pmpr-info-hover {
flex: 0 0 auto;
margin-left: 0.15rem;
}
/* PERMANENT RULE 4: local INFO popup stays INSIDE configurator/page bounds.
Default opens LEFT of (i) (row (i) is on the right). JS may set .pmpr-info-pop--fixed
with clamped left/top (viewport + .pmpr-configurator). NEVER body-portal (hang-safe). */
.pmpr-configurator .pmpr-info-hover.pmpr-info-hover--local {
position: relative;
flex: 0 0 auto;
}
.pmpr-configurator .pmpr-info-hover--local > .pmpr-info-pop {
display: none;
position: absolute;
z-index: 90;
/* Prefer left of (i) — avoids spilling past the page/content right edge. */
left: auto;
right: calc(100% + 10px);
top: 50%;
transform: translateY(-50%);
width: min(360px, calc(100vw - 24px));
max-width: min(360px, calc(100vw - 24px));
padding: 8px;
margin: 0;
background: #fff;
border: 1px solid #ccc;
border-radius: 6px;
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.18);
pointer-events: none;
box-sizing: border-box;
}
.pmpr-configurator .pmpr-info-hover--local:hover > .pmpr-info-pop,
.pmpr-configurator .pmpr-info-hover--local.is-open > .pmpr-info-pop {
display: block;
}
/* JS-clamped in-bounds mode: fixed coords, still in-row DOM (no body append). */
.pmpr-configurator .pmpr-info-hover--local > .pmpr-info-pop.pmpr-info-pop--fixed {
position: fixed !important;
right: auto !important;
transform: none !important;
z-index: 10050;
}
.pmpr-configurator .pmpr-info-hover--local > .pmpr-info-pop.pmpr-info-pop--flip-right {
left: calc(100% + 10px);
right: auto;
}
/* Equal image box for duebel/clamex/tenso + hangers (360x116, object-fit contain). */
.pmpr-configurator .pmpr-info-pop.pmpr-info-pop--conn-opt img,
.pmpr-configurator .pmpr-info-pop.pmpr-info-pop--hang-opt img {
display: block;
width: 360px;
max-width: 100%;
height: 116px;
max-height: 116px;
object-fit: contain;
object-position: left center;
margin: 0;
box-sizing: border-box;
}
@media (max-width: 720px) {
.pmpr-configurator .pmpr-info-hover--local > .pmpr-info-pop:not(.pmpr-info-pop--fixed) {
left: auto;
right: 0;
top: calc(100% + 8px);
transform: none;
}
}
/* --- 0.6.200: Grundeinstellung tip — mm block flush with text values (all SM-UI Korpus) ---
One shared value column, every value LEFT-aligned at the same edge: «1000 mm» starts
exactly where «Klappe oben (Blum Inserta m. Blumotion)» / «Tür links» / «3» start.
Shorter numbers are padded in JS with U+2007 (figure space) + tabular-nums so digits/«mm»
still line up among themselves. Replaces the 0.6.195 right-aligned (justify-self:end) mm
column that drifted to the far right whenever a long text value widened the column. */
.pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--measure .pmpr-acc__tip-list,
body > .pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--measure .pmpr-acc__tip-list,
.pmpr-acc__tip.pmpr-acc__tip--portal .pmpr-acc__tip-list--measure {
grid-template-columns: max-content max-content !important;
column-gap: 1.5rem !important;
justify-items: start !important;
}
.pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--measure .pmpr-acc__tip-list dd,
body > .pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--measure .pmpr-acc__tip-list dd,
.pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--measure .pmpr-acc__tip-row--end dd,
body > .pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--measure .pmpr-acc__tip-row--end dd,
.pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--measure .pmpr-acc__tip-row--start dd,
body > .pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--measure .pmpr-acc__tip-row--start dd,
.pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--measure .pmpr-acc__tip-row--mm dd,
body > .pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--measure .pmpr-acc__tip-row--mm dd {
justify-self: start !important;
text-align: left !important;
padding-left: 0 !important; /* drop 0.6.187 0.35rem offset on text rows → one exact edge */
margin-left: 0 !important;
text-indent: 0 !important;
}
.pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--measure .pmpr-acc__tip-row--mm dd,
body > .pmpr-acc__tip.pmpr-acc__tip--portal.pmpr-acc__tip--measure .pmpr-acc__tip-row--mm dd {
font-variant-numeric: tabular-nums !important;
white-space: pre !important; /* keep leading figure spaces */
}
/* --- 0.6.201: tip close reliability (pointer-events none already); connectors equal img box ---
Accordion tip + connectors INFO: pointer-events none so leave events hit elements below;
JS owner-rect / closeAll scrub prevents sticky hang after mouseleave or reload. */
/* --- 0.6.206 Approach A: Sockelfüße always-visible radio list + per-row CSS-only (i) ---
Same as Schrankverbinder (0.6.202/203) + Aufhänger (0.6.204). NO custom listbox.
SM images (shop.speedmaster.at SF_OHNE / SF_STANDARD / SF_AXILO) → keine/standard/axilo.jpg. */
.pmpr-configurator--korpus .pmpr-row-feet,
.pmpr-configurator--sm-ui .pmpr-row-feet {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.4rem;
overflow: visible;
min-width: 16rem;
max-width: 22rem;
width: 100%;
}
.pmpr-configurator--korpus .pmpr-row-feet > .pmpr-label-line,
.pmpr-configurator--sm-ui .pmpr-row-feet > .pmpr-label-line {
font-weight: 500;
}
/* PERMANENT RULE 3 (feet): #pmpr_feet is pricing/cart contract ONLY — never visible under the radio list. */
.pmpr-configurator--korpus .pmpr-row-feet select.pmpr-feet-native,
.pmpr-configurator--sm-ui .pmpr-row-feet select.pmpr-feet-native,
.pmpr-configurator .pmpr-row-feet select.pmpr-feet-native,
.pmpr-configurator select#pmpr_feet.pmpr-feet-native,
.pmpr-configurator select#pmpr_feet,
#pmpr-configurator select#pmpr_feet {
display: none !important;
visibility: hidden !important;
position: absolute !important;
width: 0 !important;
height: 0 !important;
min-width: 0 !important;
min-height: 0 !important;
max-width: 0 !important;
max-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
border: 0 !important;
opacity: 0 !important;
pointer-events: none !important;
}
.pmpr-configurator .pmpr-feet-radio-list {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 0;
margin: 0;
padding: 0.15rem 0;
border: 1px solid #ccc;
border-radius: 4px;
background: #fff;
min-width: 16rem;
max-width: 100%;
width: 100%;
overflow: visible;
box-sizing: border-box;
}
.pmpr-configurator .pmpr-feet-radio-row {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 0.55rem;
padding: 0.3rem 0.55rem; /* compact: 15 rows */
line-height: 1.25;
overflow: visible;
}
.pmpr-configurator .pmpr-feet-radio-row:hover { background: #f3f3f3; }
.pmpr-configurator .pmpr-feet-radio-row.is-selected { background: #eef5e6; }
/* Visual group break Ohne | Standard … | Axilo … */
.pmpr-configurator .pmpr-feet-radio-row[data-feet-key="standard_50"],
.pmpr-configurator .pmpr-feet-radio-row[data-feet-key="axilo_60"] {
border-top: 1px solid #e3e3e3;
}
.pmpr-configurator .pmpr-feet-radio-label {
display: flex;
flex-direction: row;
align-items: center;
gap: 0.5rem;
flex: 1 1 auto;
min-width: 0;
margin: 0;
cursor: pointer;
font-weight: 400;
}
.pmpr-configurator .pmpr-feet-radio-label input[type="radio"] { flex: 0 0 auto; margin: 0; }
.pmpr-configurator .pmpr-feet-radio-cap { flex: 1 1 auto; min-width: 0; }
.pmpr-configurator .pmpr-feet-radio-row .pmpr-info-hover { flex: 0 0 auto; margin-left: 0.15rem; }
/* SM feet images are 560x340 — fixed box so JS in-bounds measure is stable before image load. */
.pmpr-configurator .pmpr-info-pop.pmpr-info-pop--feet-opt img {
display: block;
width: 344px;
max-width: 100%;
height: 209px;
max-height: 209px;
object-fit: contain;
object-position: left center;
margin: 0;
box-sizing: border-box;
}
/* --- 0.6.207: scroll-to-top palette must beat theme button styles (theme pink #c36 bg/border/color).
Gray like closed info-i (#f3f3f3 / #c9c9c9 / #666) → green on hover/focus (#7AA93C / #fff). --- */
html body button#pmpr-scroll-top.pmpr-scroll-top,
html body button#pmpr-scroll-top.pmpr-scroll-top:visited {
background: #f3f3f3 !important;
background-color: #f3f3f3 !important;
background-image: none !important;
border: 1px solid #c9c9c9 !important;
color: #666 !important;
text-shadow: none !important;
}
html body button#pmpr-scroll-top.pmpr-scroll-top:hover,
html body button#pmpr-scroll-top.pmpr-scroll-top:focus,
html body button#pmpr-scroll-top.pmpr-scroll-top:focus-visible,
html body button#pmpr-scroll-top.pmpr-scroll-top:active {
background: #7AA93C !important;
background-color: #7AA93C !important;
border-color: #7AA93C !important;
color: #fff !important;
outline: none !important;
}
html body button#pmpr-scroll-top.pmpr-scroll-top .pmpr-scroll-top__icon,
html body button#pmpr-scroll-top.pmpr-scroll-top .pmpr-scroll-top__label {
color: inherit !important;
}
/* --- 0.6.208 Speedmaster parity: Sockelfüße (type radios + (i)) and Sockelhöhe (select, NO (i)) side-by-side ---
Overrides the 0.6.206 single-column .pmpr-row-feet (flex column / max-width 22rem). */
.pmpr-configurator .pmpr-row-feet.pmpr-row-feet--split,
.pmpr-configurator--korpus .pmpr-row-feet.pmpr-row-feet--split,
.pmpr-configurator--sm-ui .pmpr-row-feet.pmpr-row-feet--split {
display: grid !important;
grid-template-columns: minmax(11rem, 1fr) minmax(11rem, 1fr);
column-gap: 1.25rem;
row-gap: 0.6rem;
align-items: start;
max-width: 36rem;
min-width: 0;
width: 100%;
overflow: visible;
margin: 0 0 0.75rem;
}
.pmpr-configurator .pmpr-row-feet--split .pmpr-feet-col {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 0.4rem;
min-width: 0;
overflow: visible;
}
.pmpr-configurator .pmpr-row-feet--split .pmpr-feet-col > .pmpr-label-line {
font-weight: 500;
margin: 0;
}
.pmpr-configurator .pmpr-row-feet--split .pmpr-feet-col[hidden] {
display: none !important;
}
.pmpr-configurator .pmpr-row-feet--split .pmpr-feet-radio-list {
min-width: 0;
}
.pmpr-configurator .pmpr-row-feet--split .pmpr-feet-radio-row {
padding: 0.45rem 0.55rem;
}
.pmpr-configurator .pmpr-row-feet--split .pmpr-feet-radio-row + .pmpr-feet-radio-row {
border-top: 0;
}
.pmpr-configurator .pmpr-row-feet--split select.pmpr-feet-height {
width: 100%;
max-width: 100%;
min-width: 0;
}
@media (max-width: 600px) {
.pmpr-configurator .pmpr-row-feet.pmpr-row-feet--split,
.pmpr-configurator--korpus .pmpr-row-feet.pmpr-row-feet--split,
.pmpr-configurator--sm-ui .pmpr-row-feet.pmpr-row-feet--split {
grid-template-columns: minmax(0, 1fr);
}
}
/* --- 0.6.209: «Sockelhöhe» label identical to «Sockelfüße» (theme label was centered/smaller) --- */
.pmpr-configurator .pmpr-row-feet--split .pmpr-feet-col > .pmpr-label-line,
.pmpr-configurator .pmpr-row-feet--split .pmpr-feet-col > label.pmpr-label-line {
display: block !important;
align-self: stretch !important;
width: auto !important;
text-align: left !important;
font-size: inherit !important;
font-weight: 500 !important;
line-height: inherit !important;
letter-spacing: inherit !important;
text-transform: none !important;
color: inherit !important;
margin: 0 !important;
padding: 0 !important;
}
/* --- 0.6.210: Schrankaufhänger SM images (SAH 216 367x220, Camar 581x220) — natural aspect, no 116px squeeze.
width/height attrs give the aspect before load so RULE 4 in-bounds measure stays stable. --- */
.pmpr-configurator .pmpr-info-pop.pmpr-info-pop--hang-opt img {
width: 344px !important;
max-width: 100% !important;
height: auto !important;
max-height: 220px !important;
object-fit: contain;
object-position: center;
}
/* --- 0.6.211: Sockelhöhe always visible; disabled state while Sockelfüße = Ohne --- */
.pmpr-configurator .pmpr-row-feet--split select.pmpr-feet-height:disabled {
background-color: #f3f3f3;
color: #999;
cursor: not-allowed;
opacity: 1;
}
/* --- 0.6.215: Schrankverbinder / Schrankaufhänger / Sockelfüße =
Custom dropdown (closed = one value) that OPENS into Approach A radio list
with per-row circular (i). Hang-safe: NO pmpr-conn-dd listbox; local (i) only (RULE 4).
Sockelhöhe stays a normal select beside Sockelfüße. --- */
/* Trigger looks like a shop select */
.pmpr-configurator details.pmpr-opt-dd {
position: relative;
display: block;
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
border: 0;
box-sizing: border-box;
}
.pmpr-configurator details.pmpr-opt-dd > summary.pmpr-opt-dd-trigger {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
width: 100%;
max-width: 100%;
box-sizing: border-box;
margin: 0;
/* Match shop/Lochreihe native select padding feel */
padding: 0.5rem 0.7rem;
list-style: none !important;
cursor: pointer;
font-weight: 400;
line-height: 1.35;
background: #fff;
border: 1px solid #ccc;
border-radius: 4px;
color: inherit;
user-select: none;
}
/* Kill native disclosure triangle in all engines (left-of-text marker hung the "select" look). */
.pmpr-configurator details.pmpr-opt-dd > summary.pmpr-opt-dd-trigger::-webkit-details-marker {
display: none !important;
}
.pmpr-configurator details.pmpr-opt-dd > summary.pmpr-opt-dd-trigger::marker {
content: none !important;
display: none !important;
font-size: 0 !important;
}
.pmpr-configurator details.pmpr-opt-dd > summary.pmpr-opt-dd-trigger {
list-style-type: none !important;
}
.pmpr-configurator details.pmpr-opt-dd > summary.pmpr-opt-dd-trigger::after {
content: '';
flex: 0 0 auto;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid #666;
margin-left: 0.5rem;
}
.pmpr-configurator details.pmpr-opt-dd[open] > summary.pmpr-opt-dd-trigger {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom-color: #e3e3e3;
}
.pmpr-configurator details.pmpr-opt-dd[open] > summary.pmpr-opt-dd-trigger::after {
border-top: 0;
border-bottom: 6px solid #666;
}
.pmpr-configurator .pmpr-opt-dd-value {
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* Open panel = Approach A list look (border continues from trigger) */
.pmpr-configurator details.pmpr-opt-dd > .pmpr-opt-dd-panel {
display: block;
margin: 0;
padding: 0;
border: 1px solid #ccc;
border-top: 0;
border-radius: 0 0 4px 4px;
background: #fff;
box-sizing: border-box;
overflow: visible;
z-index: 40;
}
.pmpr-configurator details.pmpr-opt-dd:not([open]) > .pmpr-opt-dd-panel {
display: none;
}
/* Approach A radio lists INSIDE the open panel (no outer border — panel provides it) */
.pmpr-configurator .pmpr-opt-dd-panel .pmpr-conn-radio-list,
.pmpr-configurator .pmpr-opt-dd-panel .pmpr-hang-radio-list,
.pmpr-configurator .pmpr-opt-dd-panel .pmpr-feet-radio-list {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 0;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
min-width: 0;
max-width: 100%;
width: 100%;
overflow: visible;
box-sizing: border-box;
}
.pmpr-configurator .pmpr-conn-radio-row,
.pmpr-configurator .pmpr-hang-radio-row,
.pmpr-configurator .pmpr-feet-radio-row {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 0.55rem;
padding: 0.45rem 0.55rem;
line-height: 1.3;
overflow: visible;
}
.pmpr-configurator .pmpr-conn-radio-row + .pmpr-conn-radio-row,
.pmpr-configurator .pmpr-hang-radio-row + .pmpr-hang-radio-row,
.pmpr-configurator .pmpr-feet-radio-row + .pmpr-feet-radio-row {
border-top: 1px solid #e8e8e8;
}
.pmpr-configurator .pmpr-conn-radio-row:hover,
.pmpr-configurator .pmpr-hang-radio-row:hover,
.pmpr-configurator .pmpr-feet-radio-row:hover {
background: #f3f3f3;
}
.pmpr-configurator .pmpr-conn-radio-row.is-selected,
.pmpr-configurator .pmpr-hang-radio-row.is-selected,
.pmpr-configurator .pmpr-feet-radio-row.is-selected {
background: #eef5e6;
}
.pmpr-configurator .pmpr-conn-radio-label,
.pmpr-configurator .pmpr-hang-radio-label,
.pmpr-configurator .pmpr-feet-radio-label {
display: flex;
flex-direction: row;
align-items: center;
gap: 0.5rem;
flex: 1 1 auto;
min-width: 0;
margin: 0;
cursor: pointer;
font-weight: 400;
}
.pmpr-configurator .pmpr-conn-radio-label input[type="radio"],
.pmpr-configurator .pmpr-hang-radio-label input[type="radio"],
.pmpr-configurator .pmpr-feet-radio-label input[type="radio"] {
flex: 0 0 auto;
margin: 0;
}
.pmpr-configurator .pmpr-conn-radio-cap,
.pmpr-configurator .pmpr-hang-radio-cap,
.pmpr-configurator .pmpr-feet-radio-cap {
flex: 1 1 auto;
min-width: 0;
}
.pmpr-configurator .pmpr-conn-radio-row .pmpr-info-hover,
.pmpr-configurator .pmpr-hang-radio-row .pmpr-info-hover,
.pmpr-configurator .pmpr-feet-radio-row .pmpr-info-hover {
flex: 0 0 auto;
margin-left: 0.15rem;
}
/* Row layout: label above opt-dd (full width) */
.pmpr-configurator .pmpr-row-connectors,
.pmpr-configurator--korpus .pmpr-row-connectors,
.pmpr-configurator--sm-ui .pmpr-row-connectors,
.pmpr-configurator .pmpr-row-hangers,
.pmpr-configurator--korpus .pmpr-row-hangers,
.pmpr-configurator--sm-ui .pmpr-row-hangers {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 0.4rem;
overflow: visible;
min-width: 16rem;
max-width: 100%;
width: 100%;
}
.pmpr-configurator .pmpr-row-connectors > .pmpr-label-line,
.pmpr-configurator .pmpr-row-hangers > .pmpr-label-line {
font-weight: 500;
margin: 0;
}
/* PERMANENT RULE 3: hidden natives — pricing/cart contract only */
.pmpr-configurator select.pmpr-conn-native,
.pmpr-configurator select#pmpr_connectors.pmpr-conn-native,
.pmpr-configurator select#pmpr_connectors,
.pmpr-configurator select.pmpr-hang-native,
.pmpr-configurator select#pmpr_hangers.pmpr-hang-native,
.pmpr-configurator select#pmpr_hangers,
.pmpr-configurator select.pmpr-feet-native,
.pmpr-configurator select#pmpr_feet.pmpr-feet-native,
.pmpr-configurator select#pmpr_feet,
#pmpr-configurator select#pmpr_connectors,
#pmpr-configurator select#pmpr_hangers,
#pmpr-configurator select#pmpr_feet {
display: none !important;
visibility: hidden !important;
position: absolute !important;
width: 0 !important;
height: 0 !important;
min-width: 0 !important;
min-height: 0 !important;
max-width: 0 !important;
max-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
border: 0 !important;
opacity: 0 !important;
pointer-events: none !important;
}
/* Equal image box for connectors; hangers keep natural aspect (0.6.210) */
.pmpr-configurator .pmpr-info-pop.pmpr-info-pop--conn-opt img {
display: block;
width: 360px;
max-width: 100%;
height: 116px;
max-height: 116px;
object-fit: contain;
object-position: left center;
margin: 0;
box-sizing: border-box;
}
.pmpr-configurator .pmpr-info-pop.pmpr-info-pop--hang-opt img {
display: block;
width: 344px !important;
max-width: 100% !important;
height: auto !important;
max-height: 220px !important;
object-fit: contain;
object-position: center;
margin: 0;
box-sizing: border-box;
}
.pmpr-configurator .pmpr-info-pop.pmpr-info-pop--feet-opt img {
display: block;
width: 344px;
max-width: 100%;
height: 209px;
max-height: 209px;
object-fit: contain;
object-position: left center;
margin: 0;
box-sizing: border-box;
}
/* Feet split: type opt-dd + Sockelhöhe select side-by-side */
.pmpr-configurator .pmpr-row-feet.pmpr-row-feet--split,
.pmpr-configurator--korpus .pmpr-row-feet.pmpr-row-feet--split,
.pmpr-configurator--sm-ui .pmpr-row-feet.pmpr-row-feet--split {
display: grid !important;
grid-template-columns: minmax(11rem, 1fr) minmax(11rem, 1fr);
column-gap: 1.25rem;
row-gap: 0.6rem;
align-items: start;
max-width: 36rem;
min-width: 0;
width: 100%;
overflow: visible;
margin: 0 0 0.75rem;
}
.pmpr-configurator .pmpr-row-feet--split .pmpr-feet-col {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 0.4rem;
min-width: 0;
overflow: visible;
}
.pmpr-configurator .pmpr-row-feet--split .pmpr-feet-col > .pmpr-label-line,
.pmpr-configurator .pmpr-row-feet--split .pmpr-feet-col > label.pmpr-label-line {
display: block !important;
align-self: stretch !important;
width: auto !important;
text-align: left !important;
font-size: inherit !important;
font-weight: 500 !important;
line-height: inherit !important;
letter-spacing: inherit !important;
text-transform: none !important;
color: inherit !important;
margin: 0 !important;
padding: 0 !important;
}
.pmpr-configurator .pmpr-row-feet--split select.pmpr-feet-height {
width: 100%;
max-width: 100%;
min-width: 0;
}
.pmpr-configurator .pmpr-row-feet--split select.pmpr-feet-height:disabled {
background-color: #f3f3f3;
color: #999;
cursor: not-allowed;
opacity: 1;
}
@media (max-width: 600px) {
.pmpr-configurator .pmpr-row-feet.pmpr-row-feet--split,
.pmpr-configurator--korpus .pmpr-row-feet.pmpr-row-feet--split,
.pmpr-configurator--sm-ui .pmpr-row-feet.pmpr-row-feet--split {
grid-template-columns: minmax(0, 1fr);
}
}
/* --- 0.6.215b: force opt-dd trigger to look like Lochreihe