/* ============================================================
   WooCommerce-Feinschliff – token-basiert & gescopet
   ------------------------------------------------------------
   Elementor/WC stylen die Hauptseiten, hier ziehen wir die
   Detail-Bereiche nach (Checkliste ANLEITUNG Abschnitt 4).
   Alles unter .woocommerce* gescopet – nichts leckt site-weit.
   ============================================================ */

/* ---------- 1) Buttons ---------- */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--rm-tap);
  padding: var(--rm-space-2) var(--rm-space-5);
  background: var(--rm-primary);
  color: #fff;
  font-family: var(--rm-font);
  font-size: var(--rm-fs-400);
  font-weight: var(--rm-weight-medium);
  line-height: 1.2;
  border: 0;
  border-radius: var(--rm-radius-btn);
  cursor: pointer;
  text-decoration: none;
  transition: background-color .15s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background: var(--rm-primary-dark);
  color: #fff;
}

.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background: var(--rm-primary);
  color: #fff;
}

.woocommerce a.button.disabled,
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled] {
  background: var(--rm-bg-soft);
  color: var(--rm-muted);
  cursor: not-allowed;
}

/* ---------- 2) Notices (kein Default-Blau) ---------- */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
  border-top: 3px solid var(--rm-primary);
  background: var(--rm-bg-soft);
  color: var(--rm-ink);
  border-radius: var(--rm-radius);
  padding: var(--rm-space-4) var(--rm-space-5) var(--rm-space-4) 3.25rem;
}

.woocommerce-message {
  border-top-color: var(--rm-success);
}

.woocommerce-message::before {
  color: var(--rm-success);
}

.woocommerce-info {
  border-top-color: var(--rm-primary);
}

.woocommerce-info::before {
  color: var(--rm-primary);
}

.woocommerce-error {
  border-top-color: var(--rm-danger);
}

.woocommerce-error::before {
  color: var(--rm-danger);
}

.woocommerce-store-notice,
p.demo_store {
  background: var(--rm-primary);
  color: #fff;
}

/* ---------- 3) Formularfelder ---------- */

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row select,
.woocommerce-page form .form-row textarea,
.woocommerce .quantity .qty {
  min-height: var(--rm-tap);
  padding: var(--rm-space-2) var(--rm-space-3);
  font-family: var(--rm-font);
  font-size: var(--rm-fs-400);
  color: var(--rm-ink);
  background: var(--rm-bg);
  border: 1px solid var(--rm-border);
  border-radius: var(--rm-radius);
  box-sizing: border-box;
}

.woocommerce form .form-row textarea {
  min-height: 7rem;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row select:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce .quantity .qty:focus {
  outline: none;
  border-color: var(--rm-primary);
  box-shadow: 0 0 0 3px var(--rm-primary-soft);
}

.woocommerce form .form-row label {
  color: var(--rm-muted);
  font-size: var(--rm-fs-300);
  font-weight: var(--rm-weight-medium);
}

/* Pflichtfeld-Sterne vereinheitlichen (Plugins bringen eigene Rottöne mit) */
.woocommerce form .form-row .required,
.woocommerce-page form .form-row .required {
  color: var(--rm-danger);
  text-decoration: none;
}

/* Select2 (Land/Bundesland-Dropdowns) angleichen */
.woocommerce .select2-container--default .select2-selection--single {
  min-height: var(--rm-tap);
  border: 1px solid var(--rm-border);
  border-radius: var(--rm-radius);
}

.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: var(--rm-tap);
  padding-left: var(--rm-space-3);
  color: var(--rm-ink);
}

.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: var(--rm-tap);
}

.select2-dropdown {
  border-color: var(--rm-border);
  border-radius: var(--rm-radius);
  font-family: var(--rm-font);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: var(--rm-primary);
}

/* ---------- 4) Produkt-Loop / Archiv ---------- */

.woocommerce ul.products li.product {
  background: var(--rm-bg);
  border: 1px solid var(--rm-border);
  border-radius: var(--rm-radius-lg);
  box-shadow: var(--rm-shadow);
  padding: var(--rm-space-4);
  transition: box-shadow .15s ease;
}

.woocommerce ul.products li.product:hover {
  box-shadow: var(--rm-shadow-lg);
}

.woocommerce ul.products li.product img {
  border-radius: var(--rm-radius);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: var(--rm-fs-500);
  font-weight: var(--rm-weight-medium);
  color: var(--rm-ink);
}

.woocommerce ul.products li.product .price {
  color: var(--rm-ink);
  font-weight: var(--rm-weight-bold);
}

.woocommerce ul.products li.product .price del {
  color: var(--rm-muted);
  font-weight: 400;
}

.woocommerce ul.products li.product .price ins {
  text-decoration: none;
}

/* Sortierung + Ergebnisanzahl */
.woocommerce .woocommerce-ordering select {
  min-height: var(--rm-tap);
  padding: var(--rm-space-2) var(--rm-space-3);
  border: 1px solid var(--rm-border);
  border-radius: var(--rm-radius);
  font-family: var(--rm-font);
  color: var(--rm-ink);
}

.woocommerce .woocommerce-result-count {
  color: var(--rm-muted);
  font-size: var(--rm-fs-300);
}

/* Breadcrumb */
.woocommerce .woocommerce-breadcrumb {
  color: var(--rm-muted);
  font-size: var(--rm-fs-300);
}

.woocommerce .woocommerce-breadcrumb a {
  color: var(--rm-muted);
}

.woocommerce .woocommerce-breadcrumb a:hover {
  color: var(--rm-primary);
}

/* Pagination */
.woocommerce nav.woocommerce-pagination ul {
  border: 0;
  gap: var(--rm-space-1);
  display: inline-flex;
}

.woocommerce nav.woocommerce-pagination ul li {
  border: 0;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  min-width: var(--rm-tap);
  min-height: var(--rm-tap);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--rm-border);
  border-radius: var(--rm-radius);
  color: var(--rm-ink);
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: var(--rm-primary-soft);
  color: var(--rm-primary);
}

.woocommerce nav.woocommerce-pagination ul li span.current {
  background: var(--rm-primary);
  border-color: var(--rm-primary);
  color: #fff;
}

/* ---------- 5) Single Product ---------- */

.woocommerce div.product .product_title {
  font-size: var(--rm-fs-700);
  font-weight: var(--rm-weight-bold);
  color: var(--rm-ink);
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--rm-ink);
  font-size: var(--rm-fs-600);
  font-weight: var(--rm-weight-bold);
}

.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
  color: var(--rm-muted);
  font-weight: 400;
}

.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
  text-decoration: none;
}

.woocommerce div.product div.images img {
  border-radius: var(--rm-radius-lg);
}

.woocommerce div.product div.images .flex-control-thumbs img {
  border-radius: var(--rm-radius);
  border: 2px solid transparent;
  cursor: pointer;
}

.woocommerce div.product div.images .flex-control-thumbs img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs img:hover {
  border-color: var(--rm-primary);
}

/* Tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding: 0;
  margin: 0 0 var(--rm-space-5);
  border-bottom: 1px solid var(--rm-border);
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
  display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background: none;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  display: inline-block;
  padding: var(--rm-space-3) var(--rm-space-4);
  color: var(--rm-muted);
  font-weight: var(--rm-weight-medium);
  border-bottom: 2px solid transparent;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: var(--rm-primary);
  border-bottom-color: var(--rm-primary);
}

/* Variations-Selects */
.woocommerce div.product form.cart .variations select {
  min-height: var(--rm-tap);
  padding: var(--rm-space-2) var(--rm-space-3);
  border: 1px solid var(--rm-border);
  border-radius: var(--rm-radius);
  font-family: var(--rm-font);
  color: var(--rm-ink);
}

.woocommerce div.product form.cart .variations label {
  color: var(--rm-muted);
  font-weight: var(--rm-weight-medium);
}

.woocommerce div.product form.cart .reset_variations {
  color: var(--rm-muted);
  font-size: var(--rm-fs-300);
}

/* Bewertungs-Sterne */
.woocommerce .star-rating span::before,
.woocommerce p.stars a {
  color: var(--rm-warning);
}

/* ---------- 6) Sale-Badge & Lagerstatus ---------- */

.woocommerce span.onsale {
  background: var(--rm-danger);
  color: #fff;
  min-width: 0;
  min-height: 0;
  line-height: 1;
  padding: var(--rm-space-2) var(--rm-space-3);
  border-radius: var(--rm-radius-pill);
  font-weight: var(--rm-weight-medium);
  font-size: var(--rm-fs-300);
}

.woocommerce .stock.in-stock {
  color: var(--rm-success);
}

.woocommerce .stock.out-of-stock {
  color: var(--rm-danger);
}

/* ---------- 7) Warenkorb ---------- */

.woocommerce table.shop_table {
  border: 1px solid var(--rm-border);
  border-radius: var(--rm-radius-lg);
  border-collapse: separate;
  border-spacing: 0;
}

.woocommerce table.shop_table th {
  color: var(--rm-muted);
  font-size: var(--rm-fs-300);
  font-weight: var(--rm-weight-medium);
  text-transform: uppercase;
  letter-spacing: .02em;
}

.woocommerce table.shop_table td {
  border-top: 1px solid var(--rm-border);
}

.woocommerce table.shop_table td.product-name a {
  color: var(--rm-ink);
  font-weight: var(--rm-weight-medium);
}

.woocommerce a.remove {
  color: var(--rm-muted) !important;
  width: 28px;
  height: 28px;
  line-height: 26px;
  border-radius: var(--rm-radius-pill);
}

.woocommerce a.remove:hover {
  background: var(--rm-danger);
  color: #fff !important;
}

.woocommerce-cart table.cart img {
  border-radius: var(--rm-radius);
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
  min-height: var(--rm-tap);
  padding: var(--rm-space-2) var(--rm-space-3);
  border: 1px solid var(--rm-border);
  border-radius: var(--rm-radius);
}

/* Summen-Karte */
.woocommerce-cart .cart_totals {
  background: var(--rm-bg-soft);
  border-radius: var(--rm-radius-lg);
  padding: var(--rm-space-5);
}

.woocommerce-cart .cart_totals table.shop_table {
  border: 0;
  background: transparent;
}

.woocommerce-cart .cart_totals h2 {
  font-size: var(--rm-fs-600);
  margin-top: 0;
}

/* ---------- 8) Checkout ---------- */

.woocommerce-checkout #order_review_heading {
  font-size: var(--rm-fs-600);
}

.woocommerce-checkout #order_review {
  background: var(--rm-bg-soft);
  border-radius: var(--rm-radius-lg);
  padding: var(--rm-space-5);
}

.woocommerce-checkout #order_review table.shop_table {
  border: 0;
  background: transparent;
}

/* Zahlarten */
.woocommerce-checkout #payment {
  background: transparent;
  border-radius: var(--rm-radius);
}

.woocommerce-checkout #payment ul.payment_methods {
  border-bottom: 1px solid var(--rm-border);
  padding: 0 0 var(--rm-space-4);
}

.woocommerce-checkout #payment ul.payment_methods li {
  line-height: 1.5;
}

.woocommerce-checkout #payment div.payment_box {
  background: var(--rm-bg);
  border: 1px solid var(--rm-border);
  border-radius: var(--rm-radius);
  color: var(--rm-muted);
}

.woocommerce-checkout #payment div.payment_box::before {
  border-bottom-color: var(--rm-border);
}

/* AGB-Checkbox – inkl. Germanized-Variante (p.legal / .checkbox-legal) */
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper,
.woocommerce-checkout p.legal,
.woocommerce-checkout .checkbox-legal {
  font-size: var(--rm-fs-300);
  color: var(--rm-muted);
}

.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a,
.woocommerce-checkout p.legal a,
.woocommerce-checkout .checkbox-legal a {
  color: var(--rm-primary);
}

/* Germanized: Bild+Name im Order-Review als Flex-Zeile */
.woocommerce-gzd-checkout .wc-gzd-cart-item-name-wrapper {
  display: flex;
  align-items: center;
  gap: var(--rm-space-3);
}

/* ---------- 9) Mini-Cart / Side-Cart ---------- */

.woocommerce .widget_shopping_cart .cart_list li,
.woocommerce.widget_shopping_cart .cart_list li {
  padding-left: 2.25em;
  border-bottom: 1px solid var(--rm-border);
  padding-bottom: var(--rm-space-2);
}

.woocommerce .widget_shopping_cart .cart_list li a,
.woocommerce.widget_shopping_cart .cart_list li a {
  color: var(--rm-ink);
}

.woocommerce .widget_shopping_cart .total,
.woocommerce.widget_shopping_cart .total {
  border-top: 1px solid var(--rm-border);
  color: var(--rm-ink);
}

/* ---------- 10) Mein Konto ---------- */

.woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid var(--rm-border);
  border-radius: var(--rm-radius-lg);
  overflow: hidden;
}

.woocommerce-MyAccount-navigation li {
  border-bottom: 1px solid var(--rm-border);
}

.woocommerce-MyAccount-navigation li:last-child {
  border-bottom: 0;
}

.woocommerce-MyAccount-navigation li a {
  display: block;
  padding: var(--rm-space-3) var(--rm-space-4);
  color: var(--rm-ink);
  text-decoration: none;
}

.woocommerce-MyAccount-navigation li a:hover {
  background: var(--rm-bg-soft);
}

.woocommerce-MyAccount-navigation li.is-active a {
  background: var(--rm-primary-soft);
  color: var(--rm-primary);
  font-weight: var(--rm-weight-medium);
}

.woocommerce-MyAccount-content .woocommerce-table--order-details,
.woocommerce-account table.woocommerce-orders-table {
  font-size: var(--rm-fs-400);
}

.woocommerce-account .woocommerce-orders-table__cell-order-actions .button {
  padding: var(--rm-space-1) var(--rm-space-3);
  min-height: 0;
}

/* Adressen */
.woocommerce-account .woocommerce-Addresses .woocommerce-Address {
  background: var(--rm-bg-soft);
  border-radius: var(--rm-radius-lg);
  padding: var(--rm-space-5);
}

/* Login / Registrieren */
.woocommerce form.login,
.woocommerce form.register,
.woocommerce form.lost_reset_password {
  border: 1px solid var(--rm-border);
  border-radius: var(--rm-radius-lg);
  padding: var(--rm-space-5);
  box-shadow: var(--rm-shadow);
}

/* Passwort-Stärke */
.woocommerce form .password-input,
.woocommerce-page form .password-input {
  width: 100%;
}

.woocommerce .woocommerce-password-strength {
  font-size: var(--rm-fs-300);
  padding: var(--rm-space-1) 0;
}

.woocommerce .woocommerce-password-strength.short,
.woocommerce .woocommerce-password-strength.bad {
  color: var(--rm-danger);
}

.woocommerce .woocommerce-password-strength.good {
  color: var(--rm-warning);
}

.woocommerce .woocommerce-password-strength.strong {
  color: var(--rm-success);
}

/* ============================================================
   Shop-/Produktarchiv (archive-product.php)
   ============================================================ */
.rm-shop {
  padding-block: var(--rm-space-6);
}

.rm-shop__head {
  margin-bottom: var(--rm-space-6);
}

/* Spalten-Override des RM-Grids fürs Archiv (responsiv) */
@media (max-width: 980px) {
  .rm-shop__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 680px) {
  .rm-shop__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Infinite-Load-Sentinel */
.rm-shop__sentinel {
  min-height: 1px;
  padding: var(--rm-space-5) 0;
  text-align: center;
}

.rm-shop__loading {
  display: none;
  color: var(--rm-muted);
  font-size: var(--rm-fs-300);
}

.rm-shop__sentinel.is-loading .rm-shop__loading {
  display: inline-block;
}

.rm-shop__empty {
  padding: var(--rm-space-6) 0;
  text-align: center;
  color: var(--rm-muted);
}

/* Pagination (No-JS-Fallback) */
.rm-shop__pagination {
  margin-top: var(--rm-space-6);
  text-align: center;
}

.rm-shop__pagination .page-numbers {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--rm-space-2);
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

.rm-shop__pagination .page-numbers li a,
.rm-shop__pagination .page-numbers li span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 var(--rm-space-2);
  border: 1px solid var(--rm-border);
  border-radius: var(--rm-radius-btn);
  color: var(--rm-primary);
  text-decoration: none;
}

.rm-shop__pagination .page-numbers li .current,
.rm-shop__pagination .page-numbers li a:hover {
  background: var(--rm-primary);
  border-color: var(--rm-primary);
  color: #fff;
}

/* ============================================================
   Mein Konto
   ============================================================ */
.woocommerce-account .woocommerce,
.elementor-widget-woocommerce-my-account .woocommerce {
  display: grid;
  grid-template-columns: 240px 1fr;
  align-items: start;
  gap: var(--rm-space-6);
  width: min(100% - 2 * var(--rm-space-4), var(--rm-container));
  margin-inline: auto;
  padding-block: var(--rm-space-6);
}

/* Navigation als Beere-Pills */
.woocommerce-MyAccount-navigation ul {
  display: flex;
  flex-direction: column;
  gap: var(--rm-space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}

.woocommerce-MyAccount-navigation li a {
  display: block;
  padding: var(--rm-space-3) var(--rm-space-5);
  border-radius: var(--rm-radius-pill);
  background: var(--rm-primary-soft);
  color: var(--rm-primary);
  font-weight: var(--rm-weight-bold);
  text-decoration: none;
  transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

.woocommerce-MyAccount-navigation li a:hover {
  transform: translateX(4px);
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li.is-active a,
.elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li.is-active a {
  background: var(--rm-primary) !important;
  color: #fff !important;
}

/* Inhalt */
.woocommerce-MyAccount-content {
  min-width: 0;
}

/* Elementor-„Mein Konto"-Widget: dessen eigene CSS überschreiben,
   damit der Pill-Style sicher greift. */
.elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation ul {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--rm-space-3);
  border: 0;
}

.elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation ul li,
.elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation ul li.is-active {
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation ul li a {
  padding: var(--rm-space-3) var(--rm-space-5) !important;
  border: 0 !important;
  border-radius: var(--rm-radius-pill) !important;
  background: var(--rm-primary-soft) !important;
  color: var(--rm-primary) !important;
  font-weight: var(--rm-weight-bold) !important;
}

.elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation ul li a:hover {
  transform: translateX(4px);
}

.elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation ul li.is-active a {
  background: var(--rm-primary) !important;
  color: #fff !important;
}

/* Dashboard: Begrüßung + Aktionskarten */
.rm-account-dash__greeting {
  margin: 0 0 var(--rm-space-7) !important;
  color: var(--rm-primary);
  font-size: var(--rm-fs-600);
  font-weight: var(--rm-weight-bold);
  line-height: 1.3;
}

.rm-account-dash__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--rm-space-5);
  margin-top: var(--rm-space-5);
}

.rm-account-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--rm-space-3);
  min-height: 190px;
  padding: var(--rm-space-5);
  border-radius: var(--rm-radius-lg);
  background: var(--rm-primary);
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-weight: var(--rm-weight-bold);
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.rm-account-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--rm-shadow-lg);
  background: var(--rm-primary-deep);
  color: #fff;
}

.rm-account-card__icon {
  display: inline-flex;
  transition: transform .2s ease;
}

.rm-account-card:hover .rm-account-card__icon {
  transform: scale(1.08);
}

.rm-account-card__label {
  font-size: var(--rm-fs-500);
}

@media (max-width: 768px) {
  .woocommerce-account .woocommerce,
  .elementor-widget-woocommerce-my-account .woocommerce {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .rm-account-dash__cards {
    grid-template-columns: 1fr;
  }
}

/* ---- Mein Konto: Unterseiten im Theme-Look ---- */

/* Dashboard-Karten: Text/Icon immer weiß (blaue Link-Farbe überschreiben) */
.rm-account-card,
.rm-account-card:hover,
.rm-account-card .rm-account-card__label {
  color: #fff !important;
}

/* Links im Konto in Beere statt Standard-Blau (Dashboard-Karten ausgenommen).
   WICHTIG: Beere – NICHT weiß. Die aktive Navi-Pille (Beere-Hintergrund) holt
   sich ihre weiße Schrift über die spezifischere .is-active-Regel weiter oben. */
.woocommerce-account .woocommerce a:not(.button):not(.rm-account-card),
.elementor-widget-woocommerce-my-account a:not(.button):not(.rm-account-card) {
  color: var(--rm-primary) !important;
}

.woocommerce-account .woocommerce a:not(.button):not(.rm-account-card):hover,
.elementor-widget-woocommerce-my-account a:not(.button):not(.rm-account-card):hover {
  color: var(--rm-primary-deep) !important;
}

/* Überschriften & Formular-Legenden der Unterseiten in Beere */
.woocommerce-account .woocommerce h2,
.woocommerce-account .woocommerce h3,
.woocommerce-account .woocommerce legend,
.elementor-widget-woocommerce-my-account h2,
.elementor-widget-woocommerce-my-account h3,
.elementor-widget-woocommerce-my-account legend {
  color: var(--rm-primary) !important;
  font-weight: var(--rm-weight-bold);
}

/* Formular-Labels & Eingabetext */
.woocommerce-account .woocommerce label,
.elementor-widget-woocommerce-my-account label {
  color: var(--rm-primary) !important;
  font-weight: var(--rm-weight-medium);
}

.woocommerce-account .woocommerce input,
.woocommerce-account .woocommerce select,
.woocommerce-account .woocommerce textarea,
.elementor-widget-woocommerce-my-account input,
.elementor-widget-woocommerce-my-account select,
.elementor-widget-woocommerce-my-account textarea {
  color: var(--rm-ink) !important;
}

/* Buttons im Konto = Beere-Pill mit weißem Text */
.woocommerce-account .woocommerce .button,
.woocommerce-account .woocommerce button[type="submit"],
.elementor-widget-woocommerce-my-account .button,
.elementor-widget-woocommerce-my-account button[type="submit"] {
  display: flex;
  padding: var(--rm-space-2) var(--rm-space-5) !important;
  border: 0 !important;
  border-radius: var(--rm-radius-btn) !important;
  background: var(--rm-primary) !important;
  color: #fff !important;
  font-size: var(--rm-fs-300);
  font-weight: var(--rm-weight-bold) !important;
  cursor: pointer;
  transition: background-color .15s ease;
}

.woocommerce-account .woocommerce .button:hover,
.woocommerce-account .woocommerce button[type="submit"]:hover,
.elementor-widget-woocommerce-my-account .button:hover,
.elementor-widget-woocommerce-my-account button[type="submit"]:hover {
  background: var(--rm-primary-deep) !important;
  color: #fff !important;
}

/* Formularfelder */
.woocommerce-account .woocommerce input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.woocommerce-account .woocommerce select,
.woocommerce-account .woocommerce textarea,
.elementor-widget-woocommerce-my-account input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.elementor-widget-woocommerce-my-account select,
.elementor-widget-woocommerce-my-account textarea {
  width: 100%;
  padding: var(--rm-space-3) var(--rm-space-4);
  border: 1px solid var(--rm-border);
  border-radius: var(--rm-radius);
  background: #fff;
  color: var(--rm-ink);
}

.woocommerce-account .woocommerce input:focus,
.woocommerce-account .woocommerce select:focus,
.woocommerce-account .woocommerce textarea:focus,
.elementor-widget-woocommerce-my-account input:focus,
.elementor-widget-woocommerce-my-account select:focus,
.elementor-widget-woocommerce-my-account textarea:focus {
  outline: 0;
  border-color: var(--rm-primary);
  box-shadow: 0 0 0 3px var(--rm-primary-soft);
}

/* Hinweis-/Infoboxen */
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-message,
.elementor-widget-woocommerce-my-account .woocommerce-info,
.elementor-widget-woocommerce-my-account .woocommerce-message {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--rm-space-4);
  padding: var(--rm-space-4) var(--rm-space-5);
  border: 0;
  border-left: 4px solid var(--rm-primary);
  border-radius: var(--rm-radius);
  background: var(--rm-bg-soft);
  color: var(--rm-ink);
}

.woocommerce-account .woocommerce-info::before,
.woocommerce-account .woocommerce-message::before,
.elementor-widget-woocommerce-my-account .woocommerce-info::before,
.elementor-widget-woocommerce-my-account .woocommerce-message::before {
  content: none;
}

/* Adressen-Karten */
.woocommerce-account .woocommerce-Address,
.elementor-widget-woocommerce-my-account .woocommerce-Address {
  padding: var(--rm-space-5);
  background: var(--rm-bg-soft);
  border-radius: var(--rm-radius-lg);
}

/* ============================================================
   Single Product (single-product.php)
   ============================================================ */
.rm-single {
  padding-block: var(--rm-space-6);
}

/* Breadcrumb */
.rm-single__breadcrumb {
  margin-bottom: var(--rm-space-5);
  font-size: var(--rm-fs-300);
  color: var(--rm-muted);
}

.rm-single__breadcrumb a {
  color: var(--rm-primary);
  text-decoration: none;
}

.rm-single__breadcrumb a:hover {
  text-decoration: underline;
}

/* Bild + Zusammenfassung */
.rm-single__top {
  display: grid;
  grid-template-columns: minmax(0, 480px) 1fr;
  align-items: start;
  gap: var(--rm-space-7);
  margin-bottom: var(--rm-space-7);
}

.rm-single__media .woocommerce-product-gallery {
  width: 100% !important;
  margin: 0;
}

.rm-single__media .woocommerce-product-gallery__image img {
  border-radius: var(--rm-radius-lg);
}

/* Zoom-Lupe (Vergrößern-Icon) oben am Produktbild ausblenden */
.rm-single__media .woocommerce-product-gallery__trigger,
.woocommerce-product-gallery__trigger {
  display: none !important;
}

.rm-single__summary {
  display: flex;
  flex-direction: column;
  gap: var(--rm-space-4);
}

.rm-single__title {
  margin: 0;
  color: var(--rm-primary);
  font-weight: 800;
  font-size: clamp(1.5rem, 2.4vw, 2rem);
  line-height: 1.2;
}

/* Preise: UVP & regulär durchgestrichen, Aktionspreis hervorgehoben */
.rm-single__prices {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--rm-space-3);
  margin: 0;
  font-size: 1.5rem;
  font-weight: 800;
}

.rm-single__uvp,
.rm-single__price del {
  color: var(--rm-primary-dark);
  font-size: .8em;            /* kleiner als der echte Preis → klare Hierarchie */
  font-weight: 700;
  text-decoration: line-through;
}

.rm-single__uvp p {
  display: inline;
  margin: 0;
}

.rm-single__price del {
  margin-right: var(--rm-space-2);
}

.rm-single__price ins {
  color: var(--rm-primary);
  font-weight: 900;
  text-decoration: underline;
}

.rm-single__price {
  color: var(--rm-primary);
}

/* Attribute als saubere 2-Spalten-Zeilen (Label links fixiert, Wert rechts).
   Als Flex erzwungen (!important), damit ein Elementor/Kit-Table-Reset die
   Werte nicht aus der Zeile schiebt. */
.rm-single__attributes table,
.rm-single__attributes tbody {
  display: block !important;
  width: 100%;
  margin: 0;
  border: 0;
}

.rm-single__attributes tr {
  display: flex !important;
  align-items: baseline;
  gap: var(--rm-space-4);
  width: 100%;
  margin: 0;
  padding: var(--rm-space-2) 0;
  border: 0;
  border-bottom: 1px solid var(--rm-border);
}

.rm-single__attributes tr:last-child {
  border-bottom: 0;
}

.rm-single__attributes th,
.rm-single__attributes td {
  display: block;
  padding: 0;
  border: 0;
  background: none;
  text-align: left;
  font-size: var(--rm-fs-400);
  line-height: 1.4;
}

.rm-single__attributes th {
  flex: 0 0 40%;
  max-width: 190px;
  color: var(--rm-primary);
  font-weight: var(--rm-weight-bold);
}

.rm-single__attributes th::after {
  content: ":";
}

.rm-single__attributes td {
  flex: 1 1 auto;
  min-width: 0;
  color: var(--rm-ink);
}

.rm-single__stock {
  color: var(--rm-muted);
  font-weight: var(--rm-weight-medium);
}

/* Add-to-Cart */
.rm-single__cart .quantity {
  display: none;
}

.rm-single__cart .button,
.rm-single__cart button[type="submit"] {
  display: inline-block;
  padding: var(--rm-space-3) var(--rm-space-5);
  border: 0;
  border-radius: 10px;
  background: var(--rm-primary);
  color: #fff;
  font-weight: var(--rm-weight-bold);
  cursor: pointer;
  transition: background-color .15s ease;
}

.rm-single__cart .button:hover,
.rm-single__cart button[type="submit"]:hover {
  background: var(--rm-primary-deep);
  color: #fff;
}

/* Produktbeschreibung */
.rm-single__description {
  margin-bottom: var(--rm-space-6);
}

.rm-single__desc-body {
  margin-top: var(--rm-space-5);
  color: var(--rm-primary);
  font-size: 17px;
  line-height: 1.7;
}

.rm-single__desc-body p {
  margin: 0 0 var(--rm-space-4);
}

.rm-single__bware {
  margin: 0 0 var(--rm-space-7);
  color: var(--rm-primary);
  font-style: italic;
  font-size: var(--rm-fs-300);
}

/* Ähnliche Produkte */
.rm-single__related {
  margin-bottom: var(--rm-space-7);
}

.rm-single__related-grid {
  grid-template-columns: repeat(3, 1fr);
  margin-top: var(--rm-space-5);
}

@media (max-width: 860px) {
  .rm-single__top {
    grid-template-columns: 1fr;
    gap: var(--rm-space-5);
  }
}

@media (max-width: 680px) {
  .rm-single__related-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .rm-single__related-grid {
    grid-template-columns: 1fr;
  }
}

/* ============================================================
   WooCommerce-Benachrichtigungen (Notices)
   ============================================================ */
.woocommerce-notices-wrapper {
  margin-bottom: var(--rm-space-4);
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--rm-space-2) var(--rm-space-4);
  margin: 0 0 var(--rm-space-4);
  padding: var(--rm-space-4) var(--rm-space-5);
  border: 1px solid var(--rm-border);
  border-left: 4px solid var(--rm-primary);
  border-radius: var(--rm-radius-lg);
  background: var(--rm-bg-soft);
  color: var(--rm-ink);
  font-size: var(--rm-fs-400);
  list-style: none;
  box-shadow: var(--rm-shadow);
}

/* Button immer in eigene Zeile unter den Text (volle Breite, zentriert) */
.woocommerce-message > .button,
.woocommerce-info > .button,
.woocommerce-error > .button {
  flex: 1 0 100%;
  margin-left: 0;
  order: 1;
}

/* Icon links (per Typ) */
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
  content: "";
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

/* Erfolg – grün, Haken */
.woocommerce-message {
  border-left-color: var(--rm-success);
}

.woocommerce-message::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3E%3Ccircle%20cx='12'%20cy='12'%20r='12'%20fill='%231c871e'/%3E%3Cpath%20d='M7%2012.5l3%203%207-7'%20fill='none'%20stroke='white'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Info – Beere, „i" */
.woocommerce-info {
  border-left-color: var(--rm-primary);
}

.woocommerce-info::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3E%3Ccircle%20cx='12'%20cy='12'%20r='12'%20fill='%2379394f'/%3E%3Ccircle%20cx='12'%20cy='7.5'%20r='1.5'%20fill='white'/%3E%3Crect%20x='10.8'%20y='10.5'%20width='2.4'%20height='7.5'%20rx='1.2'%20fill='white'/%3E%3C/svg%3E");
}

/* Fehler – rot, „!" */
.woocommerce-error {
  border-left-color: var(--rm-danger);
  background: #fcebeb;
}

.woocommerce-error::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3E%3Ccircle%20cx='12'%20cy='12'%20r='12'%20fill='%23b90000'/%3E%3Crect%20x='10.8'%20y='5.5'%20width='2.4'%20height='8'%20rx='1.2'%20fill='white'/%3E%3Ccircle%20cx='12'%20cy='17'%20r='1.5'%20fill='white'/%3E%3C/svg%3E");
}

/* Fehlerliste ohne Aufzählungszeichen */
.woocommerce-error li {
  list-style: none;
  margin: 0;
}

/* Button innerhalb eines Notice */
.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: var(--rm-space-2) var(--rm-space-4);
  border: 0;
  border-radius: var(--rm-radius-btn);
  background: var(--rm-primary);
  color: #fff;
  font-size: var(--rm-fs-300);
  font-weight: var(--rm-weight-bold);
  text-align: center;
  text-decoration: none;
  transition: background-color .15s ease;
}

.woocommerce-message .button:hover,
.woocommerce-info .button:hover,
.woocommerce-error .button:hover {
  background: var(--rm-primary-deep);
  color: #fff;
}

/* ============================================================
   Moderne Toast-Benachrichtigungen (per JS aus Notices erzeugt)
   ============================================================ */
.rm-toasts {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 1200;
  display: flex;
  flex-direction: column;
  gap: var(--rm-space-3);
  width: calc(100% - 48px);
  max-width: 380px;
  pointer-events: none;
}

.rm-toast {
  display: flex;
  align-items: flex-start;
  gap: var(--rm-space-3);
  padding: var(--rm-space-4);
  border-radius: var(--rm-radius-lg);
  background: #fff;
  color: var(--rm-ink);
  box-shadow: var(--rm-shadow-lg);
  border-left: 4px solid var(--rm-primary);
  pointer-events: auto;
  transform: translateX(120%);
  opacity: 0;
  transition: transform .35s cubic-bezier(.2, .8, .2, 1), opacity .35s ease;
}

.rm-toast.is-visible {
  transform: translateX(0);
  opacity: 1;
}

.rm-toast.is-leaving {
  transform: translateX(120%);
  opacity: 0;
}

/* Icon je Typ */
.rm-toast::before {
  content: "";
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  margin-top: 1px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.rm-toast--success {
  border-left-color: var(--rm-success);
}

.rm-toast--success::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3E%3Ccircle%20cx='12'%20cy='12'%20r='12'%20fill='%231c871e'/%3E%3Cpath%20d='M7%2012.5l3%203%207-7'%20fill='none'%20stroke='white'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");
}

.rm-toast--info {
  border-left-color: var(--rm-primary);
}

.rm-toast--info::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3E%3Ccircle%20cx='12'%20cy='12'%20r='12'%20fill='%2379394f'/%3E%3Ccircle%20cx='12'%20cy='7.5'%20r='1.5'%20fill='white'/%3E%3Crect%20x='10.8'%20y='10.5'%20width='2.4'%20height='7.5'%20rx='1.2'%20fill='white'/%3E%3C/svg%3E");
}

.rm-toast--error {
  border-left-color: var(--rm-danger);
}

.rm-toast--error::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3E%3Ccircle%20cx='12'%20cy='12'%20r='12'%20fill='%23b90000'/%3E%3Crect%20x='10.8'%20y='5.5'%20width='2.4'%20height='8'%20rx='1.2'%20fill='white'/%3E%3Ccircle%20cx='12'%20cy='17'%20r='1.5'%20fill='white'/%3E%3C/svg%3E");
}

.rm-toast__body {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--rm-space-3);
  font-size: var(--rm-fs-300);
  line-height: 1.45;
}

/* Button immer unter den Text, volle Breite, Beschriftung zentriert */
.rm-toast__body a.button {
  order: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0;
  padding: var(--rm-space-2) var(--rm-space-4);
  border-radius: var(--rm-radius-btn);
  background: var(--rm-primary);
  color: #fff;
  font-size: var(--rm-fs-300);
  font-weight: var(--rm-weight-bold);
  text-align: center;
  text-decoration: none;
  transition: background-color .15s ease;
}

.rm-toast__body a.button:hover {
  background: var(--rm-primary-deep);
  color: #fff;
}

.rm-toast__close {
  flex: 0 0 auto;
  margin: -2px -2px 0 0;
  padding: 0 4px;
  border: 0;
  background: transparent;
  color: var(--rm-muted);
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}

.rm-toast__close:hover {
  color: var(--rm-primary);
}

@media (max-width: 480px) {
  .rm-toasts {
    bottom: 12px;
    right: 12px;
    left: 12px;
    width: auto;
    max-width: none;
  }
}

/* ============================================================
   Warenkorb – modernes, sauberes Layout (Cart-Seite)
   ------------------------------------------------------------
   2 Spalten: Artikel links, Summen-Karte rechts (sticky).
   Greift auf der Cart-Seite (Body .woocommerce-cart) – also
   sowohl beim [woocommerce_cart]-Shortcode als auch beim
   Elementor-Cart-Widget.
   ============================================================ */
.woocommerce-cart .woocommerce {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  align-items: start;
  gap: var(--rm-space-6);
  width: min(100% - 2 * var(--rm-space-4), var(--rm-container));
  margin-inline: auto;
  padding-block: var(--rm-space-6);
}

.woocommerce-cart .woocommerce > .woocommerce-notices-wrapper {
  grid-column: 1 / -1;
}

.woocommerce-cart .woocommerce form.woocommerce-cart-form {
  grid-column: 1;
  min-width: 0;
}

.woocommerce-cart .woocommerce .cart-collaterals {
  grid-column: 2;
  width: auto;
  float: none;
}

.woocommerce-cart .woocommerce .cart-collaterals .cross-sells {
  width: auto;
  float: none;
}

/* Artikel-Tabelle */
.woocommerce-cart table.cart {
  width: 100%;
  margin: 0;
  border: 1px solid var(--rm-border);
  border-radius: var(--rm-radius-lg);
  overflow: hidden;
  background: var(--rm-bg);
}

.woocommerce-cart table.cart thead th {
  padding: var(--rm-space-4);
  background: var(--rm-bg-soft);
  color: var(--rm-muted);
  font-size: var(--rm-fs-300);
  font-weight: var(--rm-weight-bold);
  text-transform: uppercase;
  letter-spacing: .03em;
  text-align: left;
}

.woocommerce-cart table.cart td {
  padding: var(--rm-space-4);
  vertical-align: middle;
}

.woocommerce-cart table.cart td.product-thumbnail img {
  width: 72px;
  height: 72px;
  object-fit: cover;
  border-radius: var(--rm-radius);
  border: 1px solid var(--rm-border);
}

.woocommerce-cart table.cart td.product-name a {
  color: var(--rm-primary);
  font-weight: var(--rm-weight-bold);
  text-decoration: none;
}

.woocommerce-cart table.cart td.product-name a:hover {
  color: var(--rm-primary-deep);
}

.woocommerce-cart table.cart .product-price,
.woocommerce-cart table.cart .product-subtotal {
  color: var(--rm-ink);
  font-weight: var(--rm-weight-bold);
}

/* Mengen-Stepper */
.woocommerce-cart table.cart .quantity .qty {
  width: 76px;
  text-align: center;
}

/* Gutschein- & Aktualisieren-Zeile */
.woocommerce-cart table.cart td.actions {
  padding: var(--rm-space-4);
  background: var(--rm-bg-soft);
}

.woocommerce-cart table.cart td.actions .coupon {
  display: flex;
  gap: var(--rm-space-2);
  align-items: stretch;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
  width: auto;
  min-width: 0;
  flex: 1 1 auto;
  max-width: 220px;
}

/* Summen-Karte (sticky) */
.woocommerce-cart .cart_totals {
  position: sticky;
  top: 110px;
  background: var(--rm-bg-soft);
  border: 1px solid var(--rm-border);
  border-radius: var(--rm-radius-lg);
  padding: var(--rm-space-5);
}

.woocommerce-cart .cart_totals h2 {
  margin: 0 0 var(--rm-space-4);
  color: var(--rm-primary);
  font-size: var(--rm-fs-600);
  font-weight: var(--rm-weight-bold);
}

.woocommerce-cart .cart_totals table {
  margin: 0 0 var(--rm-space-4);
  border: 0;
}

.woocommerce-cart .cart_totals table th,
.woocommerce-cart .cart_totals table td {
  padding: var(--rm-space-2) 0;
  border: 0;
  border-bottom: 1px solid var(--rm-border);
  background: transparent;
}

.woocommerce-cart .cart_totals table tr:last-child th,
.woocommerce-cart .cart_totals table tr:last-child td {
  border-bottom: 0;
}

.woocommerce-cart .cart_totals .order-total .amount {
  color: var(--rm-primary);
  font-size: var(--rm-fs-500);
}

/* „Weiter zur Kasse"-Button volle Breite */
.woocommerce-cart .wc-proceed-to-checkout {
  padding: 0;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  display: block;
  width: 100%;
  text-align: center;
}

/* Responsive: stapeln + Tabelle als Karten (Smallscreen-CSS ist deaktiviert) */
@media (max-width: 900px) {
  .woocommerce-cart .woocommerce {
    grid-template-columns: 1fr;
  }
  .woocommerce-cart .woocommerce .cart-collaterals {
    grid-column: 1;
  }
  .woocommerce-cart .cart_totals {
    position: static;
  }
}

@media (max-width: 600px) {
  .woocommerce-cart table.cart thead {
    display: none;
  }
  .woocommerce-cart table.cart tr {
    display: block;
    padding: var(--rm-space-3);
    border-bottom: 1px solid var(--rm-border);
  }
  .woocommerce-cart table.cart td {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--rm-space-4);
    padding: var(--rm-space-2) 0;
    border: 0;
    text-align: right;
  }
  .woocommerce-cart table.cart td::before {
    content: attr(data-title);
    color: var(--rm-muted);
    font-size: var(--rm-fs-300);
    font-weight: var(--rm-weight-bold);
    text-transform: uppercase;
  }
  .woocommerce-cart table.cart td.product-remove,
  .woocommerce-cart table.cart td.product-thumbnail {
    justify-content: flex-end;
  }
  .woocommerce-cart table.cart td.product-thumbnail::before,
  .woocommerce-cart table.cart td.product-remove::before {
    content: "";
  }
  .woocommerce-cart table.cart td.actions {
    display: block;
  }
  .woocommerce-cart table.cart td.actions::before {
    content: "";
  }
}

/* ============================================================
   Elementor-Warenkorb-Widget an das Theme angleichen
   ------------------------------------------------------------
   Das Widget bringt eigene (blaue) Styles mit höherer Spezifität –
   daher hier gezielt mit !important auf Beere ziehen.
   ============================================================ */

/* Produktname & Links in Beere statt Blau */
.elementor-widget-woocommerce-cart a:not(.button):not(.checkout-button) {
  color: var(--rm-primary) !important;
}

.elementor-widget-woocommerce-cart td.product-name a {
  font-weight: var(--rm-weight-bold) !important;
}

.elementor-widget-woocommerce-cart a:not(.button):not(.checkout-button):hover {
  color: var(--rm-primary-deep) !important;
}

/* Alle Buttons (Zur Kasse, Warenkorb aktualisieren, Gutschein anwenden) */
.elementor-widget-woocommerce-cart .button,
.elementor-widget-woocommerce-cart button.button,
.elementor-widget-woocommerce-cart input.button,
.elementor-widget-woocommerce-cart a.checkout-button,
.elementor-widget-woocommerce-cart button[name="update_cart"],
.elementor-widget-woocommerce-cart button[name="apply_coupon"],
.elementor-widget-woocommerce-cart input[name="apply_coupon"] {
  background-color: var(--rm-primary) !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: var(--rm-radius-btn) !important;
  color: #fff !important;
  font-weight: var(--rm-weight-bold) !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

.elementor-widget-woocommerce-cart .button:hover,
.elementor-widget-woocommerce-cart button.button:hover,
.elementor-widget-woocommerce-cart input.button:hover,
.elementor-widget-woocommerce-cart a.checkout-button:hover,
.elementor-widget-woocommerce-cart button[name="update_cart"]:hover,
.elementor-widget-woocommerce-cart button[name="apply_coupon"]:hover,
.elementor-widget-woocommerce-cart input[name="apply_coupon"]:hover {
  background-color: var(--rm-primary-deep) !important;
  color: #fff !important;
}

/* Summen-Karte: Überschrift & Gesamtsumme in Beere */
.elementor-widget-woocommerce-cart .cart_totals h2,
.elementor-widget-woocommerce-cart .cart-totals-title,
.elementor-widget-woocommerce-cart .order-total .amount,
.elementor-widget-woocommerce-cart .order-total th {
  color: var(--rm-primary) !important;
}

.elementor-widget-woocommerce-cart .order-total .amount {
  font-weight: var(--rm-weight-bold) !important;
}

/* Mengenfeld & Gutschein-Feld vereinheitlichen */
.elementor-widget-woocommerce-cart .quantity .qty,
.elementor-widget-woocommerce-cart input.input-text {
  border: 1px solid var(--rm-border) !important;
  border-radius: var(--rm-radius) !important;
  color: var(--rm-ink) !important;
}

.elementor-widget-woocommerce-cart .quantity .qty:focus,
.elementor-widget-woocommerce-cart input.input-text:focus {
  border-color: var(--rm-primary) !important;
  box-shadow: 0 0 0 3px var(--rm-primary-soft) !important;
  outline: none !important;
}

/* Entfernen-× in Beere */
.elementor-widget-woocommerce-cart a.remove {
  color: var(--rm-primary) !important;
}

.elementor-widget-woocommerce-cart a.remove:hover {
  background: var(--rm-primary) !important;
  color: #fff !important;
}

/* Auf Inhaltsbreite zentrieren */
.elementor-widget-woocommerce-cart > .elementor-widget-container {
  max-width: var(--rm-container);
  margin-inline: auto;
}

/* Produktbild sichtbar machen */
.elementor-widget-woocommerce-cart td.product-thumbnail {
  display: table-cell !important;
  width: 90px;
}

.elementor-widget-woocommerce-cart td.product-thumbnail img {
  display: block !important;
  width: 64px !important;
  height: 64px !important;
  max-width: none !important;
  object-fit: cover;
  border-radius: var(--rm-radius);
  border: 1px solid var(--rm-border);
}

/* Grauen Hintergrund hinter „Warenkorb aktualisieren" entfernen */
.elementor-widget-woocommerce-cart td.actions,
.elementor-widget-woocommerce-cart tr.cart-actions,
.elementor-widget-woocommerce-cart .actions {
  background: transparent !important;
  border-top: 1px solid var(--rm-border);
  padding-top: var(--rm-space-4) !important;
}

/* Summen-Zeilen: Label links, Betrag rechts, mit Abstand */
.elementor-widget-woocommerce-cart .cart_totals table tr {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--rm-space-4);
  padding: var(--rm-space-3) 0;
  border-bottom: 1px solid var(--rm-border);
}

.elementor-widget-woocommerce-cart .cart_totals table tr:last-child {
  border-bottom: 0;
}

.elementor-widget-woocommerce-cart .cart_totals table th,
.elementor-widget-woocommerce-cart .cart_totals table td {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  text-align: right;
}

.elementor-widget-woocommerce-cart .cart_totals table th {
  color: var(--rm-muted) !important;
  font-weight: var(--rm-weight-medium) !important;
  text-align: left;
}

.elementor-widget-woocommerce-cart .cart_totals .order-total th {
  color: var(--rm-primary) !important;
  font-weight: var(--rm-weight-bold) !important;
}

/* ============================================================
   RM Warenkorb-Widget – modernes Karten-Layout (.rm-cart2)
   ============================================================ */
.rm-cart2 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  align-items: start;
  gap: var(--rm-space-6);
  width: min(100% - 2 * var(--rm-space-4), var(--rm-container));
  margin-inline: auto;
  padding-block: var(--rm-space-6);
}

.rm-cart2 > .woocommerce-notices-wrapper {
  grid-column: 1 / -1;
}

/* Artikel-Liste */
.rm-cart2__items {
  grid-column: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--rm-space-3);
  margin: 0;
}

.rm-cart2__head,
.rm-cart2__item {
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr) 132px 110px 40px;
  align-items: center;
  gap: var(--rm-space-4);
}

.rm-cart2__head {
  padding: 0 var(--rm-space-4);
  color: var(--rm-muted);
  font-size: var(--rm-fs-300);
  font-weight: var(--rm-weight-bold);
  text-transform: uppercase;
  letter-spacing: .03em;
}

.rm-cart2__head-qty {
  text-align: center;
}

.rm-cart2__head-total {
  text-align: right;
}

.rm-cart2__item {
  padding: var(--rm-space-4);
  background: var(--rm-bg);
  border: 1px solid var(--rm-border);
  border-radius: var(--rm-radius-lg);
  box-shadow: var(--rm-shadow);
}

.rm-cart2__thumb {
  display: block;
}

.rm-cart2__thumb img {
  display: block;
  width: 84px;
  height: 84px;
  object-fit: cover;
  border-radius: var(--rm-radius);
}

.rm-cart2__info {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.rm-cart2__name {
  color: var(--rm-primary);
  font-size: var(--rm-fs-500);
  font-weight: var(--rm-weight-bold);
  text-decoration: none;
  line-height: 1.25;
}

.rm-cart2__name:hover {
  color: var(--rm-primary-deep);
}

.rm-cart2__meta,
.rm-cart2__price {
  font-size: var(--rm-fs-300);
  color: var(--rm-muted);
}

.rm-cart2__line {
  justify-self: end;
  color: var(--rm-primary);
  font-weight: var(--rm-weight-bold);
  white-space: nowrap;
  text-align: right;
}

.rm-cart2__remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: var(--rm-radius-pill);
  background: var(--rm-primary-soft);
  color: var(--rm-primary);
  font-size: 18px;
  line-height: 1;
  text-decoration: none;
}

.rm-cart2__remove:hover {
  background: var(--rm-danger);
  color: #fff;
}

/* Mengen-Stepper */
.rm-cart2__qty {
  display: inline-flex;
  align-items: center;
  justify-self: center;
  border: 1px solid var(--rm-border);
  border-radius: var(--rm-radius-btn);
  overflow: hidden;
  background: #fff;
}

.rm-cart2__qty .quantity {
  margin: 0;
  display: flex;
}

.rm-cart2__qty .qty {
  width: 48px;
  height: 40px;
  padding: 0;
  text-align: center;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent;
  color: var(--rm-ink);
  font-weight: var(--rm-weight-bold);
  -moz-appearance: textfield;
  appearance: textfield;
}

.rm-cart2__qty .qty::-webkit-outer-spin-button,
.rm-cart2__qty .qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.rm-qty-btn {
  width: 36px;
  height: 40px;
  border: 0;
  background: var(--rm-primary-soft);
  color: var(--rm-primary);
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: background-color .15s ease, color .15s ease;
}

.rm-qty-btn:hover {
  background: var(--rm-primary);
  color: #fff;
}

/* Gutschein + Aktualisieren */
.rm-cart2__bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--rm-space-3);
  margin-top: var(--rm-space-2);
}

.rm-cart2__coupon {
  display: flex;
  gap: var(--rm-space-2);
  flex: 1 1 280px;
  max-width: 400px;
}

.rm-cart2__coupon-input {
  flex: 1 1 auto;
  min-width: 0;
  padding: var(--rm-space-2) var(--rm-space-4);
  border: 1px solid var(--rm-border);
  border-radius: var(--rm-radius-btn);
  font: inherit;
  color: var(--rm-ink);
}

.rm-cart2__coupon-input:focus {
  outline: none;
  border-color: var(--rm-primary);
  box-shadow: 0 0 0 3px var(--rm-primary-soft);
}

.rm-cart2__coupon-btn {
  padding: var(--rm-space-2) var(--rm-space-4);
  border: 0;
  border-radius: var(--rm-radius-btn);
  background: var(--rm-primary);
  color: #fff;
  font-weight: var(--rm-weight-bold);
  white-space: nowrap;
  cursor: pointer;
  transition: background-color .15s ease;
}

.rm-cart2__coupon-btn:hover {
  background: var(--rm-primary-deep);
}

.rm-cart2__update {
  padding: calc(var(--rm-space-2) - 2px) var(--rm-space-5);
  border: 2px solid var(--rm-primary);
  border-radius: var(--rm-radius-btn);
  background: transparent;
  color: var(--rm-primary);
  font-weight: var(--rm-weight-bold);
  cursor: pointer;
  transition: background-color .15s ease, color .15s ease;
}

.rm-cart2__update:hover {
  background: var(--rm-primary);
  color: #fff;
}

/* Summen-Karte (sticky) */
.rm-cart2__summary {
  grid-column: 2;
  position: sticky;
  top: 110px;
}

.rm-cart2__summary .cart_totals {
  background: var(--rm-bg-soft);
  border: 1px solid var(--rm-border);
  border-radius: var(--rm-radius-lg);
  padding: var(--rm-space-5);
}

.rm-cart2__summary .cart_totals h2 {
  margin: 0 0 var(--rm-space-4);
  color: var(--rm-primary);
  font-size: var(--rm-fs-600);
  font-weight: var(--rm-weight-bold);
}

.rm-cart2__summary .cart_totals table {
  width: 100%;
  margin: 0 0 var(--rm-space-4);
  border: 0;
}

.rm-cart2__summary .cart_totals table tr {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--rm-space-3);
  padding: var(--rm-space-3) 0;
  border-bottom: 1px solid var(--rm-border);
}

.rm-cart2__summary .cart_totals table tr:last-child {
  border-bottom: 0;
}

.rm-cart2__summary .cart_totals th,
.rm-cart2__summary .cart_totals td {
  padding: 0;
  border: 0;
  background: transparent;
  text-align: right;
}

.rm-cart2__summary .cart_totals th {
  text-align: left;
  color: var(--rm-muted);
  font-weight: var(--rm-weight-medium);
}

.rm-cart2__summary .cart_totals .order-total th {
  color: var(--rm-primary);
  font-weight: var(--rm-weight-bold);
}

.rm-cart2__summary .cart_totals .order-total .amount {
  color: var(--rm-primary);
  font-size: var(--rm-fs-500);
}

.rm-cart2__summary .wc-proceed-to-checkout {
  padding: 0;
  margin-top: var(--rm-space-2);
}

.rm-cart2__summary .wc-proceed-to-checkout a.checkout-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: var(--rm-space-3) var(--rm-space-5);
  border-radius: var(--rm-radius-btn);
  background: var(--rm-primary);
  color: #fff;
  font-weight: var(--rm-weight-bold);
  text-align: center;
  text-decoration: none;
  transition: background-color .15s ease;
}

.rm-cart2__summary .wc-proceed-to-checkout a.checkout-button:hover {
  background: var(--rm-primary-deep);
  color: #fff;
}

/* Leerer Warenkorb */
.rm-cart2--empty {
  width: min(100% - 2 * var(--rm-space-4), var(--rm-container));
  margin-inline: auto;
  padding-block: var(--rm-space-6);
}

.rm-cart2__empty-box {
  padding: var(--rm-space-7);
  text-align: center;
  background: var(--rm-bg-soft);
  border-radius: var(--rm-radius-lg);
}

.rm-cart2__empty-text {
  margin: 0 0 var(--rm-space-4);
  color: var(--rm-ink);
  font-size: var(--rm-fs-500);
}

.rm-cart2__empty-btn {
  display: inline-block;
  padding: var(--rm-space-2) var(--rm-space-5);
  border-radius: var(--rm-radius-btn);
  background: var(--rm-primary);
  color: #fff;
  font-weight: var(--rm-weight-bold);
  text-decoration: none;
}

.rm-cart2__empty-btn:hover {
  background: var(--rm-primary-deep);
}

/* Responsive */
@media (max-width: 900px) {
  .rm-cart2 {
    grid-template-columns: 1fr;
  }
  .rm-cart2__summary {
    grid-column: 1;
    position: static;
  }
}

@media (max-width: 560px) {
  .rm-cart2__head {
    display: none;
  }
  .rm-cart2__item {
    grid-template-columns: 64px minmax(0, 1fr) auto;
    grid-template-areas:
      "thumb info remove"
      "thumb qty line";
    gap: var(--rm-space-2) var(--rm-space-3);
  }
  .rm-cart2__thumb {
    grid-area: thumb;
    align-self: start;
  }
  .rm-cart2__thumb img {
    width: 64px;
    height: 64px;
  }
  .rm-cart2__info {
    grid-area: info;
  }
  .rm-cart2__qty {
    grid-area: qty;
  }
  .rm-cart2__line {
    grid-area: line;
    align-self: center;
    text-align: right;
  }
  .rm-cart2__remove {
    grid-area: remove;
    justify-self: end;
  }
}

/* ============================================================
   RM Kasse-Widget – modernes, mobile-first Checkout (.rm-checkout2)
   ============================================================ */
.rm-checkout2 {
  width: min(100% - 2 * var(--rm-space-4), var(--rm-container));
  margin-inline: auto;
  padding-block: var(--rm-space-6);
}

/* Abschnittstitel in Beere */
.rm-checkout2 h3,
.rm-checkout2 #order_review_heading,
.rm-checkout2 #payment .payment_box,
.rm-checkout2 .woocommerce-account-fields label {
  color: var(--rm-primary);
}

.rm-checkout2 h3,
.rm-checkout2 #order_review_heading {
  font-weight: var(--rm-weight-bold);
}

/* Login-/Gutschein-Hinweise */
.rm-checkout2 .woocommerce-form-login-toggle,
.rm-checkout2 .woocommerce-form-coupon-toggle {
  margin-bottom: var(--rm-space-4);
}

/* WooCommerce-Innenspalten aufheben – wir layouten selbst
   (verhindert das 3-Spalten-Chaos: Billing & Notizen standen nebeneinander) */
.rm-checkout2 .col2-set,
.rm-checkout2 .col2-set .col-1,
.rm-checkout2 .col2-set .col-2 {
  width: 100%;
  max-width: none;
  float: none;
  margin: 0;
  padding: 0;
}

.rm-checkout2 .col2-set .col-2 {
  margin-top: var(--rm-space-5);
}

/* Leere Versand-Box ausblenden */
.rm-checkout2 .woocommerce-shipping-fields:empty {
  display: none;
}

/* Feld-Gruppen als dezente Karten (Billing + Zusatzinfos) */
.rm-checkout2 .woocommerce-billing-fields,
.rm-checkout2 .woocommerce-additional-fields {
  margin-bottom: var(--rm-space-5);
  padding: var(--rm-space-5);
  background: #fff;
  border: 1px solid var(--rm-border);
  border-radius: var(--rm-radius-lg);
}

.rm-checkout2 .woocommerce-shipping-fields:not(:empty) {
  margin-bottom: var(--rm-space-5);
}

/* Versand-Feldgruppe (falls befüllt) ebenfalls als abgerundete Karte */
.rm-checkout2 .woocommerce-shipping-fields .shipping_address {
  padding: var(--rm-space-5);
  background: #fff;
  border: 1px solid var(--rm-border);
  border-radius: var(--rm-radius-lg);
}

/* Formularfelder modern, gut tippbar */
.rm-checkout2 .form-row {
  margin: 0 0 var(--rm-space-4);
}

.rm-checkout2 .form-row label {
  display: block;
  margin-bottom: 6px;
  color: var(--rm-ink);
  font-size: var(--rm-fs-300);
  font-weight: var(--rm-weight-medium);
}

.rm-checkout2 input.input-text,
.rm-checkout2 textarea,
.rm-checkout2 select,
.rm-checkout2 .select2-container .select2-selection {
  width: 100%;
  min-height: 50px;
  padding: var(--rm-space-2) var(--rm-space-4);
  border: 1px solid var(--rm-border);
  border-radius: var(--rm-radius-btn);
  background: #fff;
  color: var(--rm-ink);
  font: inherit;
}

.rm-checkout2 input.input-text:focus,
.rm-checkout2 textarea:focus,
.rm-checkout2 select:focus {
  outline: none;
  border-color: var(--rm-primary);
  box-shadow: 0 0 0 3px var(--rm-primary-soft);
}

/* Bestellübersicht als Karte */
.rm-checkout2 #order_review {
  padding: var(--rm-space-5);
  background: var(--rm-bg-soft);
  border: 1px solid var(--rm-border);
  border-radius: var(--rm-radius-lg);
}

/* Bestellübersicht: robuste Flex-Zeilen (Name/Label links, Betrag rechts),
   volle Breite. Ein Elementor/Kit-Table-Reset kollabiert sonst die Zellen
   (Name & Preis überlappen, rechts bleibt Leerraum). */
.rm-checkout2 .woocommerce-checkout-review-order-table,
.rm-checkout2 .woocommerce-checkout-review-order-table thead,
.rm-checkout2 .woocommerce-checkout-review-order-table tbody,
.rm-checkout2 .woocommerce-checkout-review-order-table tfoot {
  display: block;
  width: 100%;
  margin: 0;
  border: 0;
}

.rm-checkout2 .woocommerce-checkout-review-order-table {
  margin: 0 0 var(--rm-space-4);
}

.rm-checkout2 .woocommerce-checkout-review-order-table tr {
  display: flex !important;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--rm-space-4);
  width: 100%;
  padding: var(--rm-space-2) 0;
  border-bottom: 1px solid var(--rm-border);
}

.rm-checkout2 .woocommerce-checkout-review-order-table th,
.rm-checkout2 .woocommerce-checkout-review-order-table td {
  display: block;
  padding: 0;
  border: 0;
  background: transparent;
}

/* Linke Spalte: Label/Produktname, flexibel, umbrechbar */
.rm-checkout2 .woocommerce-checkout-review-order-table th,
.rm-checkout2 .woocommerce-checkout-review-order-table td.product-name,
.rm-checkout2 .woocommerce-checkout-review-order-table td:first-child {
  flex: 1 1 auto;
  min-width: 0;
  text-align: left;
  color: var(--rm-ink);
  font-weight: var(--rm-weight-medium);
}

.rm-checkout2 .woocommerce-checkout-review-order-table th {
  color: var(--rm-muted);
}

/* Rechte Spalte: Betrag, rechtsbündig */
.rm-checkout2 .woocommerce-checkout-review-order-table td.product-total,
.rm-checkout2 .woocommerce-checkout-review-order-table td:last-child {
  flex: 0 0 auto;
  text-align: right;
  color: var(--rm-ink);
}

.rm-checkout2 .woocommerce-checkout-review-order-table .product-name img {
  width: 44px;
  height: 44px;
  object-fit: cover;
  border-radius: var(--rm-radius);
  margin-right: var(--rm-space-2);
}

.rm-checkout2 .woocommerce-checkout-review-order-table .order-total {
  border-bottom: 0;
}

.rm-checkout2 .woocommerce-checkout-review-order-table .order-total th,
.rm-checkout2 .woocommerce-checkout-review-order-table .order-total td {
  color: var(--rm-primary);
  font-weight: var(--rm-weight-bold);
}

.rm-checkout2 .woocommerce-checkout-review-order-table .order-total .amount {
  font-size: var(--rm-fs-500);
}

/* Zahlarten als Karten */
.rm-checkout2 #payment {
  background: transparent;
}

.rm-checkout2 #payment ul.payment_methods {
  margin: 0 0 var(--rm-space-4);
  padding: 0;
  border: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--rm-space-2);
}

.rm-checkout2 #payment ul.payment_methods li {
  padding: var(--rm-space-3) var(--rm-space-4);
  background: #fff;
  border: 1px solid var(--rm-border);
  border-radius: var(--rm-radius);
}

.rm-checkout2 #payment div.payment_box {
  margin-top: var(--rm-space-2);
  padding: var(--rm-space-3) var(--rm-space-4);
  background: var(--rm-bg-soft);
  border-radius: var(--rm-radius);
}

.rm-checkout2 #payment div.payment_box::before {
  display: none;
}

/* Bestellen-Button volle Breite */
.rm-checkout2 #place_order {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 52px;
  padding: var(--rm-space-3) var(--rm-space-5);
  border: 0;
  border-radius: var(--rm-radius-btn);
  background: var(--rm-primary);
  color: #fff;
  font-weight: var(--rm-weight-bold);
  cursor: pointer;
  transition: background-color .15s ease;
}

.rm-checkout2 #place_order:hover {
  background: var(--rm-primary-deep);
  color: #fff;
}

/* AGB-Box */
.rm-checkout2 .woocommerce-terms-and-conditions-wrapper {
  margin-bottom: var(--rm-space-4);
}

/* Select2-Dropdowns (Land/Bundesland) vertikal zentrieren */
.rm-checkout2 .select2-container--default .select2-selection--single {
  display: flex;
  align-items: center;
  min-height: 50px;
  padding: 0 var(--rm-space-4);
  border: 1px solid var(--rm-border);
  border-radius: var(--rm-radius-btn);
}

.rm-checkout2 .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0;
  line-height: 1.4;
  color: var(--rm-ink);
}

.rm-checkout2 .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 0;
  right: 10px;
  height: 100%;
}

.rm-checkout2 select {
  line-height: 1.4;
}

/* Desktop: 2 Spalten (Grid mit min-content-Reihen – kein Loch, kein Float-Bruch) */
@media (min-width: 901px) {
  .rm-checkout2 form.checkout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 400px;
    grid-auto-rows: min-content;
    column-gap: var(--rm-space-6);
    align-items: start;
  }
  .rm-checkout2 #customer_details {
    grid-column: 1;
    grid-row: 1 / span 2;
    min-width: 0;
  }
  .rm-checkout2 #order_review_heading {
    grid-column: 2;
    grid-row: 1;
    margin: 0 0 var(--rm-space-3);
  }
  .rm-checkout2 #order_review {
    grid-column: 2;
    grid-row: 2;
    min-width: 0;
  }
}

/* ============================================================
   Elementor-Kassen-Widget an das Theme angleichen
   ------------------------------------------------------------
   Das Widget bringt eigene Styles mit hoher Spezifität – daher
   gezielt mit !important auf das Marken-Design ziehen.
   ============================================================ */

/* Auf Inhaltsbreite zentrieren – mit seitlichem Abstand wie der Warenkorb
   (verhindert randloses Layout auf dem Handy). */
.elementor-widget-woocommerce-checkout-page > .elementor-widget-container {
  width: min(100% - 2 * var(--rm-space-4), var(--rm-container));
  margin-inline: auto;
}

/* Links in Beere statt Blau */
.elementor-widget-woocommerce-checkout-page a:not(.button):not(.checkout-button) {
  color: var(--rm-primary) !important;
}

.elementor-widget-woocommerce-checkout-page a:not(.button):not(.checkout-button):hover {
  color: var(--rm-primary-deep) !important;
}

/* Abschnittstitel */
.elementor-widget-woocommerce-checkout-page h3,
.elementor-widget-woocommerce-checkout-page #order_review_heading,
.elementor-widget-woocommerce-checkout-page .woocommerce-billing-fields > h3,
.elementor-widget-woocommerce-checkout-page .woocommerce-shipping-fields > h3,
.elementor-widget-woocommerce-checkout-page .woocommerce-additional-fields > h3 {
  color: var(--rm-primary) !important;
  font-weight: var(--rm-weight-bold) !important;
}

/* Formularfelder */
.elementor-widget-woocommerce-checkout-page input.input-text,
.elementor-widget-woocommerce-checkout-page textarea,
.elementor-widget-woocommerce-checkout-page select,
.elementor-widget-woocommerce-checkout-page .select2-container .select2-selection {
  min-height: 50px !important;
  padding: var(--rm-space-2) var(--rm-space-4) !important;
  border: 1px solid var(--rm-border) !important;
  border-radius: var(--rm-radius-btn) !important;
  background: #fff !important;
  color: var(--rm-ink) !important;
}

.elementor-widget-woocommerce-checkout-page input.input-text:focus,
.elementor-widget-woocommerce-checkout-page textarea:focus,
.elementor-widget-woocommerce-checkout-page select:focus {
  outline: none !important;
  border-color: var(--rm-primary) !important;
  box-shadow: 0 0 0 3px var(--rm-primary-soft) !important;
}

/* Select2 (Land/Bundesland) vertikal zentrieren */
.elementor-widget-woocommerce-checkout-page .select2-container--default .select2-selection--single {
  display: flex !important;
  align-items: center !important;
  padding: 0 var(--rm-space-4) !important;
}

.elementor-widget-woocommerce-checkout-page .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0 !important;
  line-height: 1.4 !important;
  color: var(--rm-ink) !important;
}

.elementor-widget-woocommerce-checkout-page .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 0 !important;
  right: 10px !important;
  height: 100% !important;
}

/* Buttons */
.elementor-widget-woocommerce-checkout-page #place_order,
.elementor-widget-woocommerce-checkout-page .checkout-button,
.elementor-widget-woocommerce-checkout-page .button {
  background-color: var(--rm-primary) !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: var(--rm-radius-btn) !important;
  color: #fff !important;
  font-weight: var(--rm-weight-bold) !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

.elementor-widget-woocommerce-checkout-page #place_order {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  min-height: 52px;
}

.elementor-widget-woocommerce-checkout-page #place_order:hover,
.elementor-widget-woocommerce-checkout-page .checkout-button:hover,
.elementor-widget-woocommerce-checkout-page .button:hover {
  background-color: var(--rm-primary-deep) !important;
  color: #fff !important;
}

/* Bestellübersicht */
.elementor-widget-woocommerce-checkout-page .woocommerce-checkout-review-order-table .order-total th,
.elementor-widget-woocommerce-checkout-page .woocommerce-checkout-review-order-table .order-total td,
.elementor-widget-woocommerce-checkout-page .order-total .amount {
  color: var(--rm-primary) !important;
  font-weight: var(--rm-weight-bold) !important;
}

/* Zahlarten als Karten */
.elementor-widget-woocommerce-checkout-page ul.payment_methods {
  margin: 0 0 var(--rm-space-4) !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  list-style: none !important;
}

.elementor-widget-woocommerce-checkout-page ul.payment_methods li {
  margin-bottom: var(--rm-space-2) !important;
  padding: var(--rm-space-3) var(--rm-space-4) !important;
  background: #fff !important;
  border: 1px solid var(--rm-border) !important;
  border-radius: var(--rm-radius) !important;
}

.elementor-widget-woocommerce-checkout-page div.payment_box {
  margin-top: var(--rm-space-2) !important;
  background: var(--rm-bg-soft) !important;
  border-radius: var(--rm-radius) !important;
}

.elementor-widget-woocommerce-checkout-page div.payment_box::before {
  display: none !important;
}

/* ---- Kasse: Überschriften gleich groß + Beere-Bestellübersicht ---- */
.elementor-widget-woocommerce-checkout-page h3,
.elementor-widget-woocommerce-checkout-page #order_review_heading,
.elementor-widget-woocommerce-checkout-page .woocommerce-billing-fields > h3,
.elementor-widget-woocommerce-checkout-page .woocommerce-shipping-fields > h3,
.elementor-widget-woocommerce-checkout-page .woocommerce-additional-fields > h3 {
  font-size: var(--rm-fs-500) !important;
  font-weight: var(--rm-weight-bold) !important;
  line-height: 1.3 !important;
}

/* Die tatsächlichen Box-Elemente des Elementor-Checkouts abrunden (10px).
   Nur Radius – keine zweite Box, damit kein „Kasten im Kasten" entsteht. */
.elementor-widget-woocommerce-checkout-page .woocommerce #customer_details .col-1,
.elementor-widget-woocommerce-checkout-page .woocommerce .e-checkout__order_review,
.elementor-widget-woocommerce-checkout-page .woocommerce .e-coupon-box,
.elementor-widget-woocommerce-checkout-page .woocommerce .e-woocommerce-login-section,
.elementor-widget-woocommerce-checkout-page .woocommerce .shipping_address,
.elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-additional-fields,
.elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout #payment {
  border-radius: var(--rm-radius-btn) !important; /* 10px */
}

/* Bestellübersicht: Beere-Karte mit hellen Schriften */
.elementor-widget-woocommerce-checkout-page #order_review {
  padding: var(--rm-space-5) !important;
  background: var(--rm-primary) !important;
  border: 0 !important;
  border-radius: var(--rm-radius-lg) !important;
}

.elementor-widget-woocommerce-checkout-page #order_review table,
.elementor-widget-woocommerce-checkout-page #order_review th,
.elementor-widget-woocommerce-checkout-page #order_review td,
.elementor-widget-woocommerce-checkout-page #order_review .amount,
.elementor-widget-woocommerce-checkout-page #order_review .order-total th,
.elementor-widget-woocommerce-checkout-page #order_review .order-total td,
.elementor-widget-woocommerce-checkout-page #order_review .order-total .amount,
.elementor-widget-woocommerce-checkout-page #order_review a {
  color: #fff !important;
}

.elementor-widget-woocommerce-checkout-page #order_review th,
.elementor-widget-woocommerce-checkout-page #order_review td {
  border-color: rgba(255, 255, 255, .2) !important;
}

/* Zahlungen + Bestellen-Button in weißem Innen-Panel (Button bleibt sichtbar) */
.elementor-widget-woocommerce-checkout-page #payment {
  margin-top: var(--rm-space-4) !important;
  padding: var(--rm-space-4) !important;
  background: #fff !important;
  border-radius: var(--rm-radius) !important;
}

/* Select2: hervorgehobene/ausgewählte Option mit weißem Text auf Beere */
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted,
.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: var(--rm-primary) !important;
  color: #fff !important;
}