/* ===========================
   MeinAboWein – Account (edel)
   Datei: /inc/account/mab-account.css
   =========================== */

:root{
  --mab-gold: #c6a572;
  --mab-dark: #232f37;
  --mab-beige: #f6f4ef;
  --mab-border-soft: rgba(0, 0, 0, 0.04);
}

body.woocommerce-account .entry-title{ display:none; }

body.woocommerce-account .site-main,
body.woocommerce-account .content-area{
  background: #f6f4ef;
}

body.woocommerce-account .woocommerce{
  max-width: 1200px;
  margin: 2.5rem auto 3rem;
  padding: 24px 24px 28px;
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.04);
  border: 1px solid var(--mab-border-soft);
  box-sizing: border-box;

  display: grid;
  grid-template-columns: minmax(230px, 260px) minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  grid-template-areas:
    "header header"
    "nav content";
  gap: 24px;
}

.mab-account-header{
  grid-area: header;
  display:flex;
  align-items:center;
  gap:20px;
  padding:16px 20px 10px;
  border-radius:16px;
  background: var(--mab-beige);
  box-sizing:border-box;
}

.mab-account-avatar{
  width:68px;
  height:68px;
  border-radius:999px;
  background-image: url("../../assets/img/mab-avatar-winzer.png");
  background-size: cover;
  background-position:center;
  border:2px solid #ffffff;
  box-shadow:0 8px 18px rgba(0,0,0,.15);
  flex-shrink:0;
}

.mab-account-hello{
  font-size:14px;
  font-weight:600;
  letter-spacing:.01em;
  text-transform:uppercase;
  color: var(--mab-dark);
  opacity:.7;
}
.mab-account-title{
  margin:0;
  font-size:22px;
  font-weight:700;
  color: var(--mab-dark);
}
.mab-account-sub{
  margin:0;
  font-size:13px;
  line-height:1.5;
  color:#555;
}

/* Nav */
body.woocommerce-account .woocommerce-MyAccount-navigation{ grid-area: nav; overflow: visible !important; }
body.woocommerce-account .woocommerce-MyAccount-navigation ul{
  list-style:none;
  margin:0;
  padding:12px;
  background:#f9f7f2;
  border-radius:16px;
  box-sizing:border-box;
  overflow: visible !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li{
  margin:6px 0;
  border:none !important;
  overflow: visible !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation a{
  display:flex;
  align-items:center;
  min-height:46px;
  padding:12px 18px;
  border-radius:999px;
  font-size:14px;
  font-weight:500;
  text-decoration:none;
  color:#555;
  transition: background-color .18s ease, color .18s ease, transform .12s ease, box-shadow .18s ease, border-color .18s ease;
  border: 2px solid transparent !important;
  line-height:1.2;
}
body.woocommerce-account .woocommerce-MyAccount-navigation a:hover{
  background-color: rgba(0,0,0,0.03);
  color: var(--mab-dark);
  transform: translateX(1px);
}
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active > a{
  background: rgba(198,165,114,0.22);
  color: #111 !important;
  border-color: var(--mab-gold) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,0.08);
  font-weight: 700;
}

/* Content */
body.woocommerce-account .woocommerce-MyAccount-content{
  grid-area: content;
  background:#faf9f6;
  border-radius:16px;
  padding:18px 20px 20px;
  box-sizing:border-box;
  border: 1px solid rgba(0,0,0,0.02);
}
body.woocommerce-account .woocommerce-MyAccount-content h2,
body.woocommerce-account .woocommerce-MyAccount-content h3{
  color: var(--mab-dark);
  font-weight:700;
}
body.woocommerce-account .woocommerce-MyAccount-content a{ color: var(--mab-gold); }
body.woocommerce-account .woocommerce-MyAccount-content a:hover{ text-decoration: underline; }

/* Tables */
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table{
  border-radius:12px;
  overflow:hidden;
  border:none;
  background:#fff;
}
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table th{
  background:#f1ede3;
  border:none;
  font-weight:600;
}
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table td{
  border-top: 1px solid rgba(0,0,0,0.03);
}

/* =========================================================
   Bestelldetails im Kundenkonto – bessere Tabellenoptik
   ========================================================= */

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details{
  max-width: 100%;
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details table.shop_table.order_details{
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  background:#ffffff;
  border-radius: 12px;
  overflow: hidden;
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details table.shop_table.order_details th,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details table.shop_table.order_details td{
  padding: 13px 14px;
  vertical-align: middle;
  line-height: 1.55;
  border-color: rgba(35,47,55,0.08);
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details table.shop_table.order_details thead th{
  font-size: 13px;
  color: var(--mab-dark);
  background:#f1ede3;
}

/* Produktspalte deutlich breiter */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details table.shop_table.order_details th.product-name,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details table.shop_table.order_details td.product-name{
  width: 46%;
  min-width: 46%;
}

/* Einzelpreis, Menge, Summe schmaler und ruhiger */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details table.shop_table.order_details th.product-price,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details table.shop_table.order_details td.product-price{
  width: 18%;
  min-width: 18%;
  text-align: left;
  white-space: nowrap;
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details table.shop_table.order_details th.product-quantity,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details table.shop_table.order_details td.product-quantity{
  width: 12%;
  min-width: 12%;
  text-align: center;
  white-space: nowrap;
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details table.shop_table.order_details th.product-total,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details table.shop_table.order_details td.product-total{
  width: 24%;
  min-width: 24%;
  text-align: left;
  white-space: nowrap;
}

/* Produktname lesbarer */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details table.shop_table.order_details td.product-name a,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details table.shop_table.order_details td.product-name{
  font-size: 14px;
  line-height: 1.7;
  word-break: normal;
  overflow-wrap: anywhere;
  hyphens: auto;
}

/* Doppelte Einzelpreis-Zeile unter Produkt ausblenden */
body.woocommerce-account .woocommerce-MyAccount-content .mab-account-unit-price{
  display:none !important;
}

/* Summenzeilen schöner */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details table.shop_table.order_details tfoot th{
  background:#f1ede3;
  color: var(--mab-dark);
  font-weight:700;
  padding: 13px 14px;
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details table.shop_table.order_details tfoot td{
  background:#ffffff;
  padding: 13px 14px;
  color: var(--mab-dark);
  line-height: 1.6;
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details table.shop_table.order_details tfoot td small,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details table.shop_table.order_details tfoot td .shipped_via{
  display:block;
  margin-top:4px;
  font-size:11.5px;
  line-height:1.5;
  color:rgba(35,47,55,.72);
}

/* Buttons */
body.woocommerce-account .woocommerce-MyAccount-content .button{
  background-color: var(--mab-gold) !important;
  color:#fff !important;
  border:none !important;
  padding:10px 22px !important;
  border-radius:999px !important;
  font-size:14px !important;
  font-weight:600 !important;
  text-transform:none !important;
  box-shadow:0 10px 22px rgba(0,0,0,0.10);
}
body.woocommerce-account .woocommerce-MyAccount-content .button:hover{
  opacity:.92;
  transform: translateY(-1px);
}

/* Payment Intro */
.mab-account-payment-intro{
  margin-bottom:16px;
  padding:12px 14px;
  border-radius:12px;
  background:#fdf8ec;
  font-size:13px;
  line-height:1.5;
}

/* ✅ Adressen: Überschriften nicht mitten im Wort umbrechen */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-column__title,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-column-title,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses h2,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses h3{
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}

/* Adresse selbst darf normal umbrechen */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses address{
  word-break: normal;
  overflow-wrap: anywhere;
}

/* Mobile */
@media (max-width: 768px){
  body.woocommerce-account .woocommerce{
    padding: 18px 16px 22px;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas: "header" "nav" "content";
    gap: 16px;
  }

  .mab-account-header{ align-items:flex-start; }
  .mab-account-avatar{ width:60px; height:60px; }
  .mab-account-title{ font-size:19px; }

  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-column__title,
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-column-title,
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses h2,
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses h3{
    white-space: normal;
  }

  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details table.shop_table.order_details{
    table-layout: auto;
  }

  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details table.shop_table.order_details th,
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details table.shop_table.order_details td{
    padding: 11px 10px;
    font-size: 13px;
  }

  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details table.shop_table.order_details th.product-name,
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details table.shop_table.order_details td.product-name{
    width: auto;
    min-width: 0;
  }

  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details table.shop_table.order_details th.product-price,
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details table.shop_table.order_details td.product-price,
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details table.shop_table.order_details th.product-quantity,
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details table.shop_table.order_details td.product-quantity,
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details table.shop_table.order_details th.product-total,
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details table.shop_table.order_details td.product-total{
    width: auto;
    min-width: 0;
    white-space: normal;
  }
}

/* =========================================================
   Abo-Einstellungen – Boxen/Edles Layout (Overrides)
   ========================================================= */

.mab-abo-wrap{
  background: transparent;
}

.mab-abo-title{
  margin: 0 0 10px;
}

.mab-abo-hint{
  margin: 8px 0 18px;
  padding: 10px 12px;
  border-radius: 12px;
  background:#fdf8ec;
  border: 1px solid rgba(198,165,114,0.22);
  font-size:13px;
  line-height:1.5;
}

.mab-abo-section{
  margin: 18px 0 22px;
  padding: 14px 14px 16px;
  border-radius: 14px;
  background: rgba(255,255,255,0.70);
  border: 1px solid rgba(0,0,0,0.05);
}

.mab-abo-section h4{
  margin: 0 0 12px;
  font-size: 14px;
  font-weight: 800;
  color: var(--mab-dark);
}

.mab-abo-statusline{ margin-top: 4px; }
.mab-abo-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(198,165,114,0.12);
  border: 1px solid rgba(198,165,114,0.35);
  font-size: 13px;
  font-weight: 700;
  color: #1b1b1b;
}

.mab-abo-wrap input[type="radio"],
.mab-abo-wrap input[type="checkbox"]{
  accent-color: var(--mab-gold);
}

.mab-abo-hidden{
  position:absolute !important;
  opacity:0 !important;
  pointer-events:none !important;
  width:1px !important;
  height:1px !important;
  margin:0 !important;
  padding:0 !important;
}

.mab-abo-tiles{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
  margin-top: 10px;
}

.mab-abo-tile{
  display:block;
  padding: 12px 14px;
  border-radius: 14px;
  background:#fff;
  border: 1px solid rgba(0,0,0,0.08);
  box-shadow: 0 10px 18px rgba(0,0,0,0.05);
  cursor:pointer;
  transition: transform .12s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
  position: relative;
}

.mab-abo-tile strong{
  display:block;
  font-size: 14px;
  color: var(--mab-dark);
  margin-bottom: 6px;
}
.mab-abo-tile p{
  margin:0;
  font-size: 12.5px;
  line-height: 1.45;
  color:#666;
}

.mab-abo-tile:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 26px rgba(0,0,0,0.08);
}

.mab-abo-tile.is-active{
  border-color: var(--mab-gold);
  background: rgba(198,165,114,0.10);
  box-shadow: 0 16px 30px rgba(0,0,0,0.10);
}

.mab-abo-tile.is-active::after{
  content:"✓";
  position:absolute;
  right: 12px;
  top: 12px;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 900;
  color:#fff;
  background: var(--mab-gold);
  box-shadow: 0 10px 18px rgba(0,0,0,0.12);
}

.mab-abo-btnrow{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
  margin-top: 10px;
}

.mab-abo-chip{
  display:block;
  padding: 12px 14px;
  border-radius: 14px;
  background:#fff;
  border: 1px solid rgba(0,0,0,0.08);
  box-shadow: 0 10px 18px rgba(0,0,0,0.05);
  cursor:pointer;
  transition: transform .12s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
  position: relative;
  line-height: 1.3;
}

.mab-abo-chip:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 26px rgba(0,0,0,0.08);
}

.mab-abo-chip-title{
  display:block;
  font-weight: 800;
  color: var(--mab-dark);
  font-size: 14px;
  margin-bottom: 4px;
}

.mab-abo-chip-sub{
  display:block;
  font-size: 12px;
  color:#6b6b6b;
}

.mab-abo-chip.is-active{
  border-color: var(--mab-gold);
  background: rgba(198,165,114,0.10);
  box-shadow: 0 16px 30px rgba(0,0,0,0.10);
}

.mab-abo-chip.is-active::after{
  content:"✓";
  position:absolute;
  right: 12px;
  top: 12px;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 900;
  color:#fff;
  background: var(--mab-gold);
  box-shadow: 0 10px 18px rgba(0,0,0,0.12);
}

.mab-abo-pause-list{
  display:flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
}

.mab-abo-radio{
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 14px;
  background:#fff;
  border: 1px solid rgba(0,0,0,0.08);
  box-shadow: 0 10px 18px rgba(0,0,0,0.05);
}

.mab-abo-radio .left{
  display:flex;
  align-items:flex-start;
  gap: 10px;
}

.mab-abo-radio input[type="radio"]{
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  border: 2px solid rgba(0,0,0,0.20);
  margin-top: 2px;
  position: relative;
  flex: 0 0 auto;
}

.mab-abo-radio input[type="radio"]:checked{
  border-color: var(--mab-gold);
}
.mab-abo-radio input[type="radio"]:checked::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width: 8px;
  height: 8px;
  border-radius:999px;
  transform: translate(-50%,-50%);
  background: var(--mab-gold);
}

.mab-abo-radio:has(input[type="radio"]:checked){
  border-color: var(--mab-gold);
  background: rgba(198,165,114,0.10);
  box-shadow: 0 16px 30px rgba(0,0,0,0.10);
}

.mab-abo-radio .txt{
  font-weight: 700;
  color: var(--mab-dark);
  font-size: 13.5px;
}
.mab-abo-radio .hint{
  font-size: 12px;
  color:#666;
  white-space: nowrap;
}

.mab-abo-datebox{
  margin-top: 10px;
}
.mab-abo-datebox label{
  display:block;
  font-size: 12px;
  font-weight: 800;
  color: var(--mab-dark);
  margin: 0 0 6px;
}
.mab-abo-datebox input[type="date"],
.mab-abo-datebox input[type="password"]{
  width: 100%;
  box-sizing:border-box;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,0.12);
  padding: 10px 12px;
  background: #fff;
  outline: none;
}
.mab-abo-datebox input[type="date"]:focus,
.mab-abo-datebox input[type="password"]:focus{
  border-color: rgba(198,165,114,0.65);
  box-shadow: 0 0 0 4px rgba(198,165,114,0.16);
}

.mab-abo-cancel-info{
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  background:#fdf8ec;
  border: 1px solid rgba(198,165,114,0.22);
  font-size: 13px;
  line-height: 1.5;
  color:#4a4a4a;
}

.mab-abo-cancel-confirm{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin: 12px 0 0;
}

@media (max-width: 768px){
  .mab-abo-tiles,
  .mab-abo-btnrow{
    grid-template-columns: 1fr;
  }
  .mab-abo-radio{
    flex-direction: column;
    align-items: stretch;
  }
  .mab-abo-radio .hint{
    white-space: normal;
  }
}

/* =========================================================
   Konto löschen – Premium Danger UI
   ========================================================= */

.mab-account-delete-wrap{
  max-width: 780px;
}

.mab-account-delete-wrap .woocommerce-info,
.mab-account-delete-wrap .woocommerce-message,
.mab-account-delete-wrap .woocommerce-error{
  border-radius: 14px;
  padding: 12px 14px;
  margin: 14px 0;
  box-shadow: 0 12px 22px rgba(0,0,0,0.06);
  border: 1px solid rgba(0,0,0,0.06);
}

.mab-account-delete-wrap .woocommerce-error{
  background: #fff3f2;
  border-left: 4px solid #b42318;
}

.mab-account-delete-wrap .woocommerce-info{
  background: #fff7e6;
  border-left: 4px solid var(--mab-gold);
}

.mab-account-delete-wrap .woocommerce-message{
  background: #f1fff3;
  border-left: 4px solid #2e7d32;
}

.mab-account-delete-wrap input[type="password"]{
  width: 100%;
  max-width: 420px;
  box-sizing: border-box;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,0.12);
  padding: 10px 12px;
  background: #fff;
  outline: none;
}
.mab-account-delete-wrap input[type="password"]:focus{
  border-color: rgba(198,165,114,0.65);
  box-shadow: 0 0 0 4px rgba(198,165,114,0.16);
}

.mab-account-delete-wrap input[type="checkbox"]{
  accent-color: var(--mab-gold);
}

.mab-account-delete-wrap button[name="mab_delete_account_submit"].button{
  background: var(--mab-dark) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  box-shadow: 0 14px 26px rgba(0,0,0,0.14) !important;
  position: relative;
  outline: none;
}

.mab-account-delete-wrap button[name="mab_delete_account_submit"].button::after{
  content:"";
  position:absolute;
  inset: -2px;
  border-radius: 999px;
  border: 2px solid rgba(180,35,24,0.38);
  pointer-events:none;
}

.mab-account-delete-wrap button[name="mab_delete_account_submit"].button:hover{
  transform: translateY(-1px);
  opacity: 0.96;
  box-shadow: 0 18px 34px rgba(0,0,0,0.18) !important;
}
.mab-account-delete-wrap button[name="mab_delete_account_submit"].button:hover::after{
  border-color: rgba(180,35,24,0.55);
}

@media (max-width: 768px){
  .mab-account-delete-wrap button[name="mab_delete_account_submit"].button{
    width: 100%;
    text-align: center;
  }
}

/* =========================================================
   2.3.0 – Kundenkonto responsiv + Zahlungsarten
   ========================================================= */
body.woocommerce-account,
body.woocommerce-account #page,
body.woocommerce-account .site,
body.woocommerce-account .site-content,
body.woocommerce-account .content-area,
body.woocommerce-account .site-main{
  max-width:100%;
  overflow-x:hidden;
}
body.woocommerce-account .woocommerce-MyAccount-content,
body.woocommerce-account .woocommerce-MyAccount-content > *,
body.woocommerce-account .woocommerce-MyAccount-content form,
body.woocommerce-account .woocommerce-MyAccount-content fieldset{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}

.mab-payment-overview{max-width:820px;}
.mab-payment-overview > h2{margin:0 0 14px;}
.mab-payment-current{padding:16px 18px;margin:0 0 16px;border-radius:16px;border:1px solid rgba(35,47,55,.12);background:#fff;}
.mab-payment-current.is-set{border-color:rgba(34,197,94,.28);background:#f4fff6;}
.mab-payment-current.is-missing{border-color:rgba(245,158,11,.35);background:#fffbeb;}
.mab-payment-current-label{display:block;margin-bottom:5px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;}
.mab-payment-current strong{display:block;font-size:18px;color:#232f37;}
.mab-payment-current p{margin:7px 0 0;font-size:13px;line-height:1.55;color:#4b5563;}
.mab-payment-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.mab-payment-option{display:flex;flex-direction:column;align-items:flex-start;padding:17px;border:1px solid rgba(35,47,55,.10);border-radius:16px;background:#fff;}
.mab-payment-option h3{margin:0 0 7px;font-size:17px;}
.mab-payment-option p{flex:1;margin:0 0 14px;font-size:13px;line-height:1.55;color:#4b5563;}
.mab-payment-footnote{margin:14px 0 0;font-size:12px;line-height:1.5;color:#6b7280;}

/* Freundeprogramm: Eingaben und Aktionsknöpfe dürfen nie aus der Karte laufen. */
body.woocommerce-account .woocommerce-MyAccount-content input[type="text"],
body.woocommerce-account .woocommerce-MyAccount-content input[type="email"],
body.woocommerce-account .woocommerce-MyAccount-content input[type="tel"],
body.woocommerce-account .woocommerce-MyAccount-content input[type="password"],
body.woocommerce-account .woocommerce-MyAccount-content input[type="url"],
body.woocommerce-account .woocommerce-MyAccount-content select,
body.woocommerce-account .woocommerce-MyAccount-content textarea{
  max-width:100%;
  box-sizing:border-box;
}
body.woocommerce-account .woocommerce-MyAccount-content .mab-friends-actions,
body.woocommerce-account .woocommerce-MyAccount-content [class*="friend"] .button,
body.woocommerce-account .woocommerce-MyAccount-content [class*="freund"] .button{
  flex-wrap:wrap;
}

@media (max-width: 1100px){
  body.woocommerce-account .woocommerce{
    width:calc(100% - 24px);
    margin:16px auto 28px;
    padding:16px;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto auto auto;
    grid-template-areas:"header" "nav" "content";
    gap:14px;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation{
    width:100%;
    min-width:0;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation ul{
    display:flex;
    gap:8px;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:9px;
    scroll-snap-type:x proximity;
    scrollbar-width:thin;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation li{
    flex:0 0 auto;
    margin:0;
    scroll-snap-align:start;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation a{
    min-height:40px;
    padding:9px 14px;
    white-space:nowrap;
  }
  body.woocommerce-account .woocommerce-MyAccount-content{
    width:100%;
    min-width:0;
    padding:16px;
  }
  .mab-payment-options{grid-template-columns:1fr;}
}

@media (max-width: 700px){
  body.woocommerce-account .woocommerce{
    width:100%;
    margin:0;
    padding:10px;
    border-radius:0;
    box-shadow:none;
  }
  .mab-account-header{padding:12px;gap:12px;}
  .mab-account-avatar{width:52px;height:52px;}
  .mab-account-hello{font-size:11px;}
  .mab-account-title{font-size:18px;line-height:1.2;}
  .mab-account-sub{font-size:12px;}
  body.woocommerce-account .woocommerce-MyAccount-content{padding:12px;border-radius:14px;}
  body.woocommerce-account .woocommerce-MyAccount-content h2{font-size:22px;line-height:1.2;}
  body.woocommerce-account .woocommerce-MyAccount-content h3{font-size:18px;line-height:1.25;}
  body.woocommerce-account .woocommerce-MyAccount-content .button,
  body.woocommerce-account .woocommerce-MyAccount-content button.button,
  body.woocommerce-account .woocommerce-MyAccount-content a.button{
    max-width:100%;
    white-space:normal!important;
    line-height:1.25!important;
    text-align:center;
  }
  .mab-payment-option .button,
  .mab-payment-add-buttons .button,
  .mab-account-bacs-form .button{width:100%;}
  .mab-odn-item{align-items:stretch!important;}
  .mab-odn-actions,.mab-odn-pay{width:100%;text-align:center;justify-content:center;}
  body.woocommerce-account .woocommerce-MyAccount-content table.shop_table{
    display:block;
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .mab-abo-section{padding:12px;margin:14px 0;}
}


/* Zukünftige Lieferungen – schmale Displays */
.mab-lf-next-card,
.mab-lf-next-card *{box-sizing:border-box;}
@media (max-width:700px){
  .mab-lf-next-card{padding:12px!important;}
  .mab-lf-next-card > div:first-child{align-items:stretch!important;}
  .mab-lf-next-card [style*="min-width:240px"]{
    min-width:0!important;
    width:100%!important;
    text-align:left!important;
  }
  .mab-lf-next-card [style*="max-width:520px"]{max-width:100%!important;margin-left:0!important;}
  .mab-lf-next-card .mab-lf-items-grid{grid-template-columns:minmax(0,1fr)!important;}
  .mab-lf-next-card .mab-lf-item-card{width:100%;min-width:0;}
  .mab-lf-next-card .mab-lf-item-card a{overflow-wrap:anywhere;word-break:normal;}
}

/* 2.3.0 – letzte mobile Korrekturen */
@media (max-width:768px){
  body.woocommerce-account .woocommerce-MyAccount-navigation ul{
    display:block!important;
    overflow:visible!important;
    padding:8px!important;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation li{
    width:100%!important;
    margin:4px 0!important;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation a{
    width:100%!important;
    white-space:normal!important;
    box-sizing:border-box!important;
  }
  body.woocommerce-account .woocommerce-MyAccount-content p,
  body.woocommerce-account .woocommerce-MyAccount-content li,
  body.woocommerce-account .woocommerce-MyAccount-content label{
    overflow-wrap:anywhere;
  }
  body.woocommerce-account .woocommerce-MyAccount-content input[readonly],
  body.woocommerce-account .woocommerce-MyAccount-content input[type="text"],
  body.woocommerce-account .woocommerce-MyAccount-content input[type="url"]{
    width:100%!important;
  }
  body.woocommerce-account .woocommerce-MyAccount-content .button + .button,
  body.woocommerce-account .woocommerce-MyAccount-content button + button,
  body.woocommerce-account .woocommerce-MyAccount-content a.button + a.button{
    margin-left:0!important;
  }
  .mab-lf-editor-actions,
  .mab-lf-early-start-row,
  .mab-lf-early-confirm label{
    align-items:stretch!important;
  }
  .mab-lf-editor-actions .button,
  .mab-lf-early-start-row .button,
  .mab-lf-early-confirm .button{
    width:100%!important;
  }
}


/* =========================================================
   Abo pausieren – verständliche Lieferauswahl (v2.3.1)
   ========================================================= */
.mab-abo-status-detail{
  color:#5f6670;
  font-size:13px;
  line-height:1.5;
  max-width:620px;
}

.mab-abo-pause-section{
  overflow:visible;
}

.mab-abo-pause-intro{
  display:grid;
  gap:5px;
  margin:0 0 14px;
  padding:13px 14px;
  border:1px solid rgba(198,165,114,.34);
  border-radius:14px;
  background:#fffaf0;
  color:#4f4639;
  font-size:13px;
  line-height:1.55;
}

.mab-abo-pause-intro strong{
  color:var(--mab-dark);
  font-size:13.5px;
}

.mab-abo-pause-list{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-top:0;
}

.mab-abo-pause-card{
  position:relative;
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  align-items:start;
  gap:11px;
  width:100%;
  box-sizing:border-box;
  margin:0;
  padding:14px;
  border:1px solid rgba(35,47,55,.12);
  border-radius:15px;
  background:#fff;
  color:var(--mab-dark);
  cursor:pointer;
  box-shadow:0 8px 20px rgba(35,47,55,.045);
  transition:border-color .16s ease, box-shadow .16s ease, background .16s ease, transform .16s ease;
}

.mab-abo-pause-card:hover{
  border-color:rgba(198,165,114,.62);
  box-shadow:0 12px 26px rgba(35,47,55,.075);
  transform:translateY(-1px);
}

.mab-abo-pause-card.is-selected{
  border-color:var(--mab-gold);
  background:linear-gradient(180deg, rgba(198,165,114,.13), rgba(255,255,255,.98));
  box-shadow:0 14px 30px rgba(35,47,55,.09);
}

.mab-abo-pause-control{
  position:absolute !important;
  inline-size:1px !important;
  block-size:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}

.mab-abo-pause-marker{
  position:relative;
  display:block;
  width:19px;
  height:19px;
  margin-top:1px;
  border:2px solid rgba(35,47,55,.30);
  border-radius:50%;
  background:#fff;
  box-sizing:border-box;
}

.mab-abo-pause-card.is-selected .mab-abo-pause-marker{
  border-color:var(--mab-gold);
}

.mab-abo-pause-card.is-selected .mab-abo-pause-marker::after{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:50%;
  background:var(--mab-gold);
}

.mab-abo-pause-content{
  min-width:0;
  display:grid;
  gap:5px;
}

.mab-abo-pause-title{
  display:block;
  font-size:14px;
  line-height:1.35;
  font-weight:800;
  color:var(--mab-dark);
}

.mab-abo-pause-description{
  display:block;
  font-size:12.75px;
  line-height:1.55;
  color:#5f6670;
}

.mab-abo-pause-skipped,
.mab-abo-pause-resume,
.mab-abo-pause-warning{
  display:block;
  margin-top:3px;
  padding:8px 10px;
  border-radius:10px;
  font-size:12.5px;
  line-height:1.45;
}

.mab-abo-pause-skipped{
  background:#fff4f2;
  border:1px solid rgba(185,28,28,.12);
  color:#7f1d1d;
}

.mab-abo-pause-resume{
  background:#f0faf4;
  border:1px solid rgba(22,101,52,.14);
  color:#166534;
}

.mab-abo-pause-warning{
  background:#f7f4ed;
  border:1px solid rgba(198,165,114,.30);
  color:#6b5127;
}

.mab-abo-pause-card--date{
  display:block;
  cursor:default;
}

.mab-abo-pause-card-main{
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  align-items:start;
  gap:11px;
  cursor:pointer;
  margin:0;
}

.mab-abo-pause-datebox{
  margin:12px 0 0 33px !important;
  padding:12px !important;
  border-style:solid !important;
  background:rgba(246,244,239,.88) !important;
  transition:opacity .16s ease;
}

.mab-abo-pause-card--date:not(.is-selected) .mab-abo-pause-datebox{
  opacity:.62;
}

.mab-abo-pause-datebox input[type="date"]{
  width:100% !important;
  max-width:340px !important;
  min-height:44px;
  box-sizing:border-box;
}

.mab-abo-pause-date-help{
  display:block;
  margin-top:7px;
  color:#6b7280;
  font-size:11.75px;
  line-height:1.45;
}

.mab-abo-pause-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  margin-top:14px;
}

.mab-abo-action-note{
  color:#6b7280;
  font-size:13px;
  line-height:1.45;
}

@media (max-width: 768px){
  .mab-abo-pause-intro{
    padding:12px;
  }

  .mab-abo-pause-card{
    grid-template-columns:20px minmax(0,1fr);
    gap:9px;
    padding:12px;
    border-radius:14px;
  }

  .mab-abo-pause-card-main{
    grid-template-columns:20px minmax(0,1fr);
    gap:9px;
  }

  .mab-abo-pause-title{
    font-size:13.5px;
  }

  .mab-abo-pause-description,
  .mab-abo-pause-skipped,
  .mab-abo-pause-resume,
  .mab-abo-pause-warning{
    font-size:12px;
  }

  .mab-abo-pause-datebox{
    margin-left:29px !important;
  }

  .mab-abo-pause-actions{
    align-items:stretch;
  }

  .mab-abo-pause-actions .button{
    width:100%;
    text-align:center;
    justify-content:center;
  }
}

@media (max-width: 420px){
  .mab-abo-pause-card{
    padding:11px;
  }

  .mab-abo-pause-datebox{
    margin-left:0 !important;
  }
}