.ll-cart-layout {
--ll-ink: #051d40;
--ll-muted: #536277;
--ll-line: #dce2e9;
--ll-surface: #f6f7f9;
--ll-red: #f44230;
max-width: 1250px;
margin-inline: auto;
color: var(--ll-ink);
}
.ll-cart-heading {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 12px 24px;
margin-block: 10px 20px;
}
.ll-cart-layout .ll-cart-heading h1 {
margin: 0;
color: var(--ll-ink);
font-size: clamp(25px, 2.2vw, 34px);
line-height: 1.2;
font-weight: 600;
letter-spacing: -.025em;
}
.ll-cart-layout .ll-cart-back {
display: inline-flex;
gap: 9px;
align-items: center;
min-height: 42px;
padding: 5px 14px;
border: 1px solid var(--ll-line);
border-radius: 6px;
color: var(--ll-ink);
background: #fff;
font-size: 13px;
font-weight: 600;
text-decoration: none;
}
.ll-cart-layout .ll-cart-back:hover {
border-color: var(--ll-ink);
background: var(--ll-surface);
}
.ll-cart-layout .wc-block-cart__main {
min-width: 0;
padding-inline: 0;
}
.ll-cart-layout .wc-block-cart-items .wc-block-cart-items__header > th {
font-size: 14px;
font-weight: 600;
line-height: 1.4;
}
.ll-cart-layout .wc-block-cart__sidebar {
box-sizing: border-box;
padding: 20px;
border: 1px solid var(--ll-line);
border-radius: 10px;
background: var(--ll-surface);
}
@media (min-width: 940px) {
.ll-cart-layout .wc-block-cart.is-large {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(300px, 350px);
align-items: start;
gap: clamp(24px, 3vw, 42px);
}
.ll-cart-layout .wc-block-cart.is-large > .wc-block-cart__main {
grid-column: 1;
grid-row: 1;
width: auto;
}
.ll-cart-layout .wc-block-cart.is-large > .wc-block-cart__sidebar {
grid-column: 2;
grid-row: 1;
width: auto;
padding: 22px;
}
}
.ll-cart-layout .wc-block-cart-items .wc-block-cart-items__row > .wc-block-cart-item__image {
width: 160px;
padding-inline: 0;
vertical-align: middle;
}
.ll-cart-layout .wc-block-cart-item__image img {
display: block;
box-sizing: border-box;
width: 100%;
max-width: none;
height: 204px;
padding: 8px;
border-radius: 6px;
background: var(--ll-surface);
object-fit: contain;
}
.ll-cart-layout .wc-block-cart-items .wc-block-cart-items__row > .wc-block-cart-item__product {
padding-inline: clamp(14px, 2vw, 24px);
vertical-align: middle;
}
.ll-cart-layout .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-components-product-name {
max-width: none;
margin-bottom: 5px;
color: var(--ll-ink);
font-size: clamp(16px, 1.25vw, 18px);
font-weight: 600;
line-height: 1.35;
overflow-wrap: anywhere;
}
.ll-cart-layout .wc-block-cart-item__product .wc-block-components-product-metadata {
color: var(--ll-muted);
}
.ll-cart-layout .ll-cart-ankerplatz .wc-block-components-product-details__dein-anker-platz,
.ll-cart-layout .ll-cart-ankerplatz .wc-block-components-product-details__ort,
.ll-cart-layout .ll-cart-ankerplatz .wc-block-components-product-details__design,
.ll-cart-layout .ll-cart-ankerplatz .wc-block-components-product-details__markierung,
.ll-cart-layout .ll-cart-ankerplatz .wc-block-components-product-details__ausrichtung,
.ll-cart-layout .ll-cart-ankerplatz .wc-block-components-product-details__lieferumfang,
.ll-cart-layout .ll-cart-ankerplatz .wc-block-components-product-details__posterformat,
.ll-cart-layout .ll-cart-ankerplatz .wc-block-components-product-details__bilderrahmen,
.ll-cart-layout .ll-cart-ankerplatz :is(.wc-block-components-product-details__bildformat, .wc-block-components-product-details__ll-cart-ankerplatz-format) .wc-block-components-product-details__name {
display: none;
} .ll-cart-layout .ll-cart-ankerplatz .wc-block-components-product-details:has(> .wc-block-components-product-details__posterformat):not(:has(> :not(.wc-block-components-product-details__posterformat, .wc-block-components-product-details__bilderrahmen))) {
display: none;
}
.ll-cart-layout .ll-cart-ankerplatz .wc-block-components-product-details {
font-size: 14px;
line-height: 1.45;
}
.ll-cart-layout .ll-cart-ankerplatz .wc-block-components-product-metadata { order: 1; }
.ll-cart-layout .ll-cart-ankerplatz .wc-block-cart-item__prices { order: 2; }
.ll-cart-layout .ll-cart-ankerplatz .wc-block-cart-item__quantity { order: 3; }
.wp-block-woocommerce-checkout .wc-block-components-product-details:has(.wc-block-components-product-details__dein-anker-platz) :is(.wc-block-components-product-details__bildformat, .wc-block-components-product-details__ll-cart-ankerplatz-format) {
display: none;
}
.ll-cart-layout .wc-block-cart-item__quantity {
margin-top: 12px;
}
.ll-cart-layout .wc-block-components-quantity-selector {
min-height: 38px;
border: 1px solid var(--ll-line);
border-radius: 6px;
background: #fff;
}
.ll-cart-layout .wc-block-cart-item__total .wc-block-components-product-price {
color: var(--ll-ink);
font-size: 15px;
font-weight: 600;
white-space: nowrap;
}
.ll-cart-layout .wc-block-cart .wc-block-cart__totals-title {
color: var(--ll-ink);
font-size: 14px;
font-weight: 600;
}
.ll-cart-layout .wc-block-components-totals-footer-item {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: baseline;
column-gap: 10px;
}
.ll-cart-layout .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
font-size: 14px;
line-height: 1.4;
font-weight: 600;
}
.ll-cart-layout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
font-size: 16px;
line-height: 1.4;
font-weight: 600;
white-space: nowrap;
}
.ll-cart-layout .wc-block-components-totals-footer-item .wc-block-components-totals-item__description {
grid-column: 1 / -1;
}
.ll-cart-layout .wc-block-cart .wc-block-cart__submit-button {
border-radius: 6px;
font-size: 15px;
font-weight: 600;
}
.ll-cart-layout :is(a, button, input):focus-visible,
#header-outer .widget_shopping_cart :is(a, button):focus-visible {
outline: 2px solid #f44230;
outline-offset: 3px;
} #header-outer .cart-outer[data-cart-style="dropdown"] .widget_shopping_cart {
width: min(388px, calc(100vw - 24px));
}
#header-outer .cart-outer[data-cart-style="dropdown"] .widget_shopping_cart .woocommerce-mini-cart {
width: 100%;
}
#header-outer .widget_shopping_cart .woocommerce-mini-cart,
#ll-cart-dialog .woocommerce-mini-cart {
max-height: min(56vh, 520px);
overflow-y: auto;
}
#header-outer .widget_shopping_cart .ll-cart-ankerplatz,
#ll-cart-dialog .woocommerce-mini-cart .ll-cart-ankerplatz {
display: grid;
grid-template-columns: 96px minmax(0, 1fr);
align-items: center;
gap: 14px;
min-height: 126px;
}
#header-outer .widget_shopping_cart .ll-cart-ankerplatz::before,
#header-outer .widget_shopping_cart .ll-cart-ankerplatz::after,
#ll-cart-dialog .woocommerce-mini-cart .ll-cart-ankerplatz::before,
#ll-cart-dialog .woocommerce-mini-cart .ll-cart-ankerplatz::after {
display: none;
}
#header-outer .widget_shopping_cart .ll-cart-ankerplatz > :is(a:not(.remove), .no-permalink),
#ll-cart-dialog .woocommerce-mini-cart .ll-cart-ankerplatz > :is(a:not(.remove), .no-permalink) {
display: block;
grid-area: 1 / 1;
width: auto;
margin: 0;
}
#header-outer .widget_shopping_cart .ll-cart-ankerplatz img,
#ll-cart-dialog .woocommerce-mini-cart .ll-cart-ankerplatz img {
display: block;
box-sizing: border-box;
float: none;
width: 96px;
max-width: 100%;
height: 122px;
margin: 0;
padding: 4px;
border-radius: 4px;
background: #f6f7f9;
object-fit: contain;
}
#header-outer .widget_shopping_cart .ll-cart-ankerplatz .product-meta,
#ll-cart-dialog .woocommerce-mini-cart .ll-cart-ankerplatz .product-meta {
position: relative;
grid-area: 1 / 2;
min-width: 0;
width: auto;
padding: 0 24px 0 0;
}
.ll-cart-motif, .ll-cart-format {
display: block;
overflow-wrap: anywhere;
}
.ll-cart-motif {
color: #051d40;
font-size: 16px;
font-weight: 700;
line-height: 1.3;
}
.ll-cart-format {
margin-block: 4px 7px;
color: #536277;
font-size: 13px;
line-height: 1.45;
} #order_review .woocommerce-checkout-review-order-table .cart_item.ll-cart-ankerplatz {
display: grid;
grid-template-columns: clamp(76px, 6vw, 104px) minmax(0, 1fr);
align-items: center;
gap: 14px;
padding-block: 12px;
}
#order_review .ll-cart-ankerplatz .product-image {
width: auto;
max-width: none;
margin: 0;
}
#order_review .ll-cart-ankerplatz .product-image img {
display: block;
box-sizing: border-box;
width: 100%;
height: auto;
aspect-ratio: 4 / 5;
padding: 5px;
border-radius: 5px;
background: #fff;
object-fit: contain;
}
#order_review .ll-cart-ankerplatz .product-info {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 10px;
min-width: 0;
padding: 0;
}
#order_review .ll-cart-ankerplatz .product-info .inner {
display: flex;
align-items: flex-end;
flex-wrap: wrap;
gap: 3px 7px;
min-width: 0;
width: auto;
}
#order_review .ll-cart-ankerplatz .product-info h4 {
margin: 0;
}
#order_review .ll-cart-ankerplatz .ll-cart-motif {
font-size: 16px;
font-weight: 600;
}
#order_review .ll-cart-ankerplatz .ll-cart-format {
margin-block: 3px 5px;
}
#order_review .ll-cart-ankerplatz .product-quantity {
margin: 0;
line-height: 1.5;
}
#order_review .ll-cart-ankerplatz .lm-checkout-remove {
margin: 0;
}
#order_review .ll-cart-ankerplatz .product-info > .amount {
font-size: 15px;
font-weight: 600;
white-space: nowrap;
}
#header-outer .widget_shopping_cart .ll-cart-ankerplatz .quantity,
#ll-cart-dialog .woocommerce-mini-cart .ll-cart-ankerplatz .quantity {
display: block;
font-size: 14px;
}
#header-outer .widget_shopping_cart .woocommerce-mini-cart__buttons {
display: flex;
gap: 8px;
}
#header-outer .widget_shopping_cart .woocommerce-mini-cart__buttons a.button {
box-sizing: border-box;
display: flex;
flex: 1 1 0;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 8px 10px;
margin: 0;
line-height: 1.25;
text-align: center;
}
#header-outer .widget_shopping_cart .woocommerce-mini-cart__buttons a.button:not(.checkout) {
border: 1px solid #dce2e9;
color: #051d40;
background-color: #fff !important;
}
@media (max-width: 939px) {
.ll-cart-layout .wc-block-cart.is-large .wc-block-cart__main,
.ll-cart-layout .wc-block-cart.is-large .wc-block-cart__sidebar {
width: 100%;
}
.ll-cart-layout .wc-block-cart.is-large {
flex-direction: column;
}
}
@media (max-width: 600px) {
.ll-cart-heading {
margin-block: 4px 16px;
}
.ll-cart-layout .ll-cart-back {
padding-inline: 10px;
font-size: 12px;
}
.ll-cart-layout .wc-block-cart-items .wc-block-cart-items__row {
grid-template-columns: 84px minmax(0, 1fr);
}
.ll-cart-layout .wc-block-cart-items .wc-block-cart-items__row > .wc-block-cart-item__image {
width: auto;
}
.ll-cart-layout .wc-block-cart-item__image img {
height: 112px;
padding: 4px;
}
.ll-cart-layout .wc-block-cart-items .wc-block-cart-items__row > .wc-block-cart-item__product {
padding-inline: 12px 0;
}
.ll-cart-layout .wc-block-cart__sidebar {
padding: 16px;
}
}