/* Warenkorb, Kasse und Bestellbestätigung im ETCHLAB-Look. Greift nur im Rahmen des Plugins (body.el-rahmen). */
.el-kasse{min-height:60vh;padding-bottom:clamp(60px,8vw,120px)}
.el-kasse .s-kopf{padding-bottom:clamp(24px,3vw,44px)}
.el-kasse-inhalt{padding:0 var(--rand);max-width:1320px;font-size:1rem}
.el-kasse-inhalt a{color:inherit;text-underline-offset:3px}
.el-kasse-inhalt h2,.el-kasse-inhalt h3,.el-kasse .wc-block-components-title{font-family:var(--breit);font-stretch:110%;letter-spacing:-.015em;line-height:1.15;color:var(--text)}
.el-kasse .wc-block-components-sidebar-layout{margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,4vw,64px)}
.el-kasse .wc-block-components-sidebar-layout.is-large{grid-template-columns:minmax(0,1fr) minmax(340px,420px)}
.el-kasse .wc-block-components-sidebar-layout>.wc-block-components-main,.el-kasse .wc-block-components-sidebar-layout>.wc-block-components-sidebar{width:auto;max-width:none;padding-right:0;padding-left:0;margin:0}
.el-kasse .wc-block-components-sidebar-layout>.wc-block-components-sidebar{padding:clamp(20px,2.4vw,32px)}
.el-kasse .wc-block-components-product-metadata__description{display:none}
.el-kasse ins,.el-kasse .wc-block-components-product-price__value.is-discounted{color:var(--holz);text-decoration:none;font-weight:650}

/* Artikelliste */
.el-kasse table.wc-block-cart-items{border:0;margin:0}
.el-kasse .wc-block-cart-items th{font-size:.78rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);border:0;padding-bottom:12px}
.el-kasse .wc-block-cart-items td,.el-kasse .wc-block-cart-items .wc-block-cart-items__row{border-color:#2219151f}
.el-kasse .wc-block-cart-item__image img{border-radius:10px;background:var(--sand-2)}
.el-kasse .wc-block-components-product-name{font-weight:700;font-size:1.0625rem;color:var(--text);text-decoration:none}
.el-kasse .wc-block-components-product-name:hover{color:var(--holz)}
.el-kasse .wc-block-components-product-metadata,.el-kasse .wc-block-components-product-details{font-size:.9rem;color:var(--text-2);line-height:1.5}
.el-kasse .wc-block-components-product-details__name{font-weight:600}
.el-kasse .wc-block-components-product-price__regular,.el-kasse del{color:var(--text-2);opacity:.75}
.el-kasse .wc-block-components-sale-badge,.el-kasse .wc-block-components-product-badge{background:var(--holz);color:var(--hell);border:0;border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:650;letter-spacing:.04em}
.el-kasse .wc-block-cart-item__remove-link{color:var(--text-2)!important;font-size:.85rem}
.el-kasse .wc-block-cart-item__remove-link:hover{color:var(--holz)!important}
.el-kasse .wc-block-components-quantity-selector{border-radius:999px;background:#fff8;border:1.5px solid #22191533}
.el-kasse .wc-block-components-quantity-selector::after{border:0}
.el-kasse .wc-block-components-quantity-selector input,.el-kasse .wc-block-components-quantity-selector button{color:var(--text);font-family:inherit;background:none}

/* Summe */
.el-kasse .wc-block-components-sidebar{background:var(--tinte);color:var(--hell);border-radius:18px;padding:clamp(20px,2.4vw,32px);align-self:start}
.el-kasse .wc-block-components-sidebar *{border-color:#ffffff22!important}
.el-kasse .wc-block-components-sidebar h2,.el-kasse .wc-block-components-sidebar .wc-block-components-title,.el-kasse .wc-block-cart__totals-title{color:var(--hell);font-size:.78rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase}
.el-kasse .wc-block-components-sidebar .wc-block-components-totals-item__description,.el-kasse .wc-block-components-sidebar .wc-block-components-product-metadata,.el-kasse .wc-block-components-sidebar .wc-block-components-product-details,.el-kasse .wc-block-components-sidebar small{color:var(--hell-2)}
.el-kasse .wc-block-components-sidebar .wc-block-components-product-name,.el-kasse .wc-block-components-sidebar .wc-block-components-panel__button{color:var(--hell)}
.el-kasse .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,.el-kasse .wc-block-components-totals-footer-item .wc-block-components-totals-item__value{font-size:1.35rem;font-weight:700;color:var(--gravur-hell)}
/* WooCommerce hängt hinter die Gesamtsumme nochmals «CHF» als losen Text. Der Betrag trägt die Währung schon, darum den losen Text ausblenden. */
.el-kasse .wc-block-components-totals-footer-item .wc-block-components-totals-item__value{font-size:0}
.el-kasse .wc-block-components-totals-footer-item .wc-block-components-totals-item__value>*{font-size:1.35rem}
.el-kasse .wc-block-components-sidebar .wc-block-components-order-summary-item__quantity{background:var(--gravur);color:var(--tinte);border:0;box-shadow:none}

/* Knöpfe */
.el-kasse .wc-block-components-button:not(.is-link),.el-kasse .button,.el-kasse button[type=submit]{background:var(--gravur);color:var(--tinte);border:0;border-radius:999px;padding:16px 26px;font-family:inherit;font-weight:650;font-size:1rem;min-height:0;text-decoration:none;box-shadow:none;transition:background .25s,transform .5s var(--aus)}
.el-kasse .wc-block-components-button:not(.is-link):hover,.el-kasse .button:hover{background:var(--gravur-hell);color:var(--tinte)}
.el-kasse .wc-block-components-button:not(.is-link):active{transform:scale(.97)}
.el-kasse .wc-block-components-main .wc-block-components-button:not(.is-link){background:var(--tinte);color:var(--hell)}
.el-kasse .wc-block-components-main .wc-block-components-button:not(.is-link):hover{background:var(--holz)}
.el-kasse .wc-block-components-button:focus-visible,.el-kasse input:focus-visible{outline:2px solid var(--holz);outline-offset:2px}
.el-kasse .wc-block-components-sidebar :focus-visible{outline-color:var(--gravur)}

/* Felder */
.el-kasse .wc-block-components-text-input input,.el-kasse .wc-block-components-text-input textarea,.el-kasse .wc-blocks-components-select__select,.el-kasse .wc-block-components-textarea,.el-kasse .wc-block-components-combobox-control input{background:#fffaf4;border:1.5px solid #22191540;border-radius:10px;color:var(--text);font-family:inherit;box-shadow:none}
.el-kasse .wc-block-components-text-input input:focus,.el-kasse .wc-blocks-components-select__select:focus,.el-kasse .wc-block-components-textarea:focus{border-color:var(--holz);box-shadow:0 0 0 1px var(--holz)}
.el-kasse .wc-block-components-text-input label,.el-kasse .wc-blocks-components-select__label{color:var(--text-2)}
.el-kasse .wc-block-components-sidebar .wc-block-components-text-input input{background:#ffffff12;border-color:#ffffff44!important;color:var(--hell)}
.el-kasse .wc-block-components-sidebar .wc-block-components-text-input label{color:var(--hell-2)}
.el-kasse .wc-block-components-radio-control__option,.el-kasse .wc-block-components-radio-control-accordion-option{border-radius:12px}
.el-kasse .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__option--checked-option-highlighted,.el-kasse .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted{box-shadow:inset 0 0 0 2px var(--holz)}
.el-kasse .wc-block-components-radio-control__input:checked{border-color:var(--holz)}
.el-kasse .wc-block-components-radio-control__input:checked::before{background:var(--holz)}
.el-kasse .wc-block-components-checkbox__input[type=checkbox]:checked{background:var(--holz);border-color:var(--holz)}
.el-kasse .wc-block-components-checkout-step__heading{margin-bottom:14px}
.el-kasse .wc-block-components-checkout-step__title{font-size:1.25rem;font-weight:700}
.el-kasse .wc-block-components-checkout-step__description{color:var(--text-2)}

/* Hinweise und leerer Warenkorb */
.el-kasse .wc-block-components-notice-banner{border-radius:12px;background:#fffaf4;border-color:#22191533;color:var(--text)}
.el-kasse .wc-block-components-notice-banner.is-error{border-color:#a5331f}
.el-kasse .wc-block-cart__empty-cart__title{font-family:var(--breit);font-weight:700;font-stretch:125%;letter-spacing:-.02em}
.el-kasse .wp-block-woocommerce-empty-cart-block .wc-block-grid,.el-kasse .wp-block-woocommerce-empty-cart-block hr,.el-kasse .wp-block-woocommerce-empty-cart-block h2:not(.wc-block-cart__empty-cart__title){display:none}

@media (max-width:700px){
  .el-kasse .wc-block-components-sidebar{margin-top:28px}
  .el-kasse .wc-block-cart__submit-container--sticky{background:var(--tinte);border-radius:16px 16px 0 0}
}

/* Kasse: Formular links, Bestellübersicht rechts, ohne Rahmen im Rahmen */
.el-kasse .wc-block-components-sidebar-layout.is-large>.wc-block-components-main{grid-column:1;grid-row:1}
.el-kasse .wc-block-components-sidebar-layout.is-large>.wc-block-components-sidebar{grid-column:2;grid-row:1}
.el-kasse .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block,.el-kasse .wc-block-components-sidebar .wc-block-components-order-summary{border:0!important;padding-left:0;padding-right:0}
.el-kasse .wc-block-components-sidebar .wc-block-components-totals-wrapper{padding-left:0;padding-right:0}
.el-kasse .wc-block-components-sidebar ins,.el-kasse .wc-block-components-sidebar .wc-block-components-product-price__value.is-discounted{color:var(--gravur)}
.el-kasse .wc-block-components-sidebar .wc-block-components-product-price__regular,.el-kasse .wc-block-components-sidebar del{color:var(--hell-2)}
.el-kasse .wc-block-checkout__shipping-method-option{border-radius:12px}

/* Eigenes Gravurbild im Warenkorb grösser zeigen */
.el-kasse .wc-block-cart-items .wc-block-cart-item__image{width:132px;padding-right:18px}
.el-kasse .wc-block-cart-item__image img{width:100%;aspect-ratio:4/3;object-fit:cover}
/* Schmale Ansicht: Bild, Angaben, Preis in drei Spalten, nichts läuft über den Rand */
.el-kasse table.wc-block-cart-items{width:100%}
.el-kasse :is(.is-mobile,.is-small,.is-medium) .wc-block-cart-items .wc-block-cart-items__row{grid-template-columns:76px minmax(0,1fr) auto;column-gap:12px}
.el-kasse :is(.is-mobile,.is-small,.is-medium) .wc-block-cart-items .wc-block-cart-item__image{width:auto;padding-right:0;grid-column:1 / 2!important}
.el-kasse :is(.is-mobile,.is-small,.is-medium) .wc-block-cart-items .wc-block-cart-item__product{grid-column:2 / 3!important;min-width:0}
.el-kasse :is(.is-mobile,.is-small,.is-medium) .wc-block-cart-items .wc-block-cart-item__total{grid-column:3 / 4!important}
.el-kasse :is(.is-mobile,.is-small,.is-medium) .wc-block-cart-item__total .wc-block-components-sale-badge{display:none}
.el-kasse .wc-block-components-checkout-order-summary__title{border:0!important;padding-top:0;padding-bottom:0;margin:0}
.el-kasse .wc-block-components-product-name{hyphens:auto;overflow-wrap:break-word}
/* Tablet: WooCommerce meldet schon «gross», der Platz reicht aber nicht für zwei Spalten. Summe kommt unter die Liste. */
@media (max-width:1020px){
  .el-kasse .wc-block-components-sidebar-layout.is-large{grid-template-columns:minmax(0,1fr)}
  .el-kasse .wc-block-components-sidebar-layout.is-large>.wc-block-components-main,.el-kasse .wc-block-components-sidebar-layout.is-large>.wc-block-components-sidebar{grid-column:1;grid-row:auto}
}
.el-kasse :is(.is-mobile,.is-small) .wc-block-components-product-name{font-size:1rem;line-height:1.3}