/*
 Theme Name:   astra-child
 Template:     astra
 Version:      1.0.0
*/


/* Kleine Zeile (oben) */
body.error404 .page-title {
  font-family: "Futura PT","FuturaPT","Futura",sans-serif;
  font-size: 12px; /* ~10pt */
  text-transform: uppercase;
  font-weight: 400;
  line-height: 1.2;
  margin: 100px 0 0 0;
  margin-bottom: 5px;
  color: #202020;
}

/* Große fette Zeile (direkt darunter) */
body.error404 .page-content p:first-of-type {
  font-family: "Baskerville","Libre Baskerville","Times New Roman",serif;
  font-size: 24pt;
  font-weight: 400;
  line-height: 1.3;
  margin-top: 20px;
  margin-bottom: 50px;
  color: #202020;
}

/* Zusatztext (unter der großen Zeile) */
body.error404 .page-content p:nth-of-type(2) {
  font-family: "Futura PT","FuturaPT","Futura",sans-serif;
  font-size: 10pt;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 10px;
  margin-bottom: 15px;
  color: #202020;
  text-transform: none;
}



/* Container mittig */
body.error404 .page-content,
body.search   .page-content {
  text-align: center;
}

body.error404 .search-form,
body.search   .search-form {
  display: inline-flex;
  align-items: center;
  margin: 20px auto 32px;
  max-width: 720px; /* Suchleiste gesamt breiter */
  width: 100%;
}

/* Eingabefeld */
body.error404 .search-form .search-field,
body.search   .search-form .search-field {
  flex: 1 1 auto;
  height: 36px;                    /* flacher */
  background: transparent;
  border: 1px solid #202020;
  border-radius: 0;
  padding: 0 12px;
  font-family: "Futura PT","FuturaPT","Futura",sans-serif;
  font-size: 14px;
  color: #202020;
  outline: none;
}

/* Placeholder-Farbe */
body.error404 .search-form .search-field::placeholder,
body.search   .search-form .search-field::placeholder {
  color: #9a9a9a;
}

/* Lupe-Button ausblenden (nur Text-Button verwenden) */
body.error404 .search-form button.search-submit,
body.search   .search-form button.search-submit {
  display: none !important;
}

/* Text-Button (rechts, schwarz) */
body.error404 .search-form input.search-submit,
body.search   .search-form input.search-submit {
  height: 36px;                    /* gleiche Höhe wie Input */
  background: #000;
  border: 1px solid #000;
  border-radius: 0;
  padding: 0 20px;
  margin-left: -1px;               /* bündig an Input anschließen */
  font-family: "Futura PT","FuturaPT","Futura",sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  cursor: pointer;
  transition: background 0.2s ease;
}

/* Hover-Effekt */
body.error404 .search-form input.search-submit:hover,
body.search   .search-form input.search-submit:hover {
  background: #202020;
  border-color: #202020;
}


/* Search Title groß + edel + mit verlässlichem Top-Abstand */
body.search .lux-search-hero { padding-top: 80px; }            /* statt margin -> kollabiert nicht */
body.search h1.lux-search-title {
  font-family: "Baskerville", "Times New Roman", serif !important;
  font-size: 40px !important;                                  /* Größe erzwingen */
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.3;
  color: #202020;
  text-align: center;
  margin: 0 0 16px 0;                                          /* Unterabstand */
}

/* Mobile feiner */
@media (max-width: 720px) {
  body.search .lux-search-hero { padding-top: 50px; }
  body.search h1.lux-search-title { font-size: 28px !important; }
}

/* Tabs (damit sie unter dem Titel sauber stehen) */
body.search .lux-tabs {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin: 0 0 32px;
}
body.search .lux-tab {
  font-family: "Futura PT","FuturaPT","Futura",sans-serif;
  font-size: 14px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #7a7a7a;
  text-decoration: none;
  padding-bottom: 6px;
  border-bottom: 2px solid transparent;
}
body.search .lux-tab.is-active { color:#202020; border-color:#202020; }


/* --- SEARCH: Produkt-Sektion (lux-Grid) zentriert + Abstände --- */

/* mehr Luft vor der Produktliste */
body.search section.lux-results.products {
  margin-top: 64px !important;
}

/* Grid: 2 Spalten, mittig, größere Zeilenabstände */
body.search section.lux-results.products .lux-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(300px, 1fr)) !important;
  column-gap: 48px !important;   /* horizontaler Abstand */
  row-gap: 60px !important;      /* vertikaler Abstand zwischen Karten */
  max-width: 840px !important;   /* Breite für 2 Karten */
  margin: 0 auto !important;     /* zentriert */
  justify-content: center !important;
}

/* Karte: Inhalte zentrieren und vertikale Abstände zwischen Elementen */
body.search section.lux-results.products .lux-card.product {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}
body.search section.lux-results.products .lux-card.product > * + * {
  margin-top: 14px !important;   /* Abstand Bild → Titel → Preis → Button */
}

/* Titel & Preis: größerer Zeilenabstand */
body.search section.lux-results.products .lux-card.product .title,
body.search section.lux-results.products .lux-card.product .title a {
  line-height: 1.45 !important;
}
body.search section.lux-results.products .lux-card.product .price {
  line-height: 1.6 !important;
}

/* Button mittig halten */
body.search section.lux-results.products .lux-card.product form.add-to-cart {
  display: flex !important;
  justify-content: center !important;
  margin-top: 10px !important;
}

/* Mobile Fallback: 1 Spalte */
@media (max-width: 768px) {
  body.search section.lux-results.products .lux-grid {
    grid-template-columns: 1fr !important;
    max-width: 520px !important;
  }
}




/* SEARCH – kompakte, breite CTA-Buttons */
body.search ul.products li.product a.button,
body.search ul.products li.product button.button,
body.search .lux-card.product .lux-btn.black {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  height: auto !important;
  padding: 10px 44px !important;   /* ↑↓ weniger, ←→ breiter */
  line-height: 1 !important;

  background: #202020 !important;
  border: 1px solid #202020 !important;
  color: #fff !important;

  text-transform: uppercase;
  letter-spacing: .08em;
  font-family: "Futura PT","FuturaPT","Futura",sans-serif;
  font-size: 10px;

  border-radius: 0 !important;     /* eckig */
  margin: 10px auto 0 !important;
  margin-bottom: 300px;
  box-sizing: border-box;
  transition: opacity .2s ease;
}

body.search ul.products li.product a.button:hover,
body.search ul.products li.product button.button:hover,
body.search .lux-card.product .lux-btn.black:hover {
  opacity: .9;
}

/* Vorschlagskarten: Abstand zwischen Bild, Titel, Preis, Button kleiner */
body.search .lux-card.product > * + * {
  margin-top: 5px !important;
}

/* Suchleiste im Hero zentrieren */
body.search .lux-searchbar { text-align: center; margin: 10px auto 22px; }

/* Disabled-Optik für Tabs ohne Treffer */
body.search .lux-tab.is-disabled {
  pointer-events: none;
  opacity: .45;
  border-color: transparent;
}








/* INFO-TREFFER: Zeilenlayout */
body.search .lux-results.info .lux-rows{
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  max-width: 980px;
  margin: 0 auto 60px;
}
body.search .lux-results.info .lux-row{
  border: 1px solid #eee;
    padding: 18px 22px;
  background: #fff;
}
body.search .lux-results.info .lux-row .title a{
  font-family: "Baskerville","Times New Roman",serif;
  font-size: 20px;
  color: #202020;
  text-decoration: none;
  line-height: 1.35;
}
body.search .lux-results.info .lux-row .title a:hover{ text-decoration: underline; }

body.search .lux-results.info .lux-row .excerpt{
  margin-top: 8px;
  color: #555;
  font-size: 15px;
  line-height: 1.6;
}

body.search .lux-results.info .lux-link{
  display: inline-block;
  margin-top: 10px;
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #202020;
  font-family: "Futura PT","FuturaPT","Futura",sans-serif;
  text-decoration: none;
}
body.search .lux-results.info .lux-link:hover{ text-decoration: underline; }

/* Suchbegriff-Markierung: fett, ohne gelben Marker */
body.search mark.lux-hi{
  background: transparent;
  font-weight: 600;
  color: #202020;
}

/* Mobile etwas luftiger */
@media (max-width: 720px){
  body.search .lux-results.info .lux-row{ padding: 16px; }
  body.search .lux-results.info .lux-row .title a{ font-size: 18px; }
  body.search .lux-results.info .lux-row .excerpt{ font-size: 14px; }
}

/* INFO-Treffer: Headline in Baskerville, 20pt, ohne Hover-Effekt */
body.search .lux-results.info .lux-row .title a {
  font-family: "Baskerville","Times New Roman",serif !important;
  font-size: 20pt !important;
  font-weight: 400;
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: #202020 !important;
  text-decoration: none !important;
}

body.search .lux-results.info .lux-row .title a:hover,
body.search .lux-results.info .lux-row .title a:focus,
body.search .lux-results.info .lux-row .title a:active {
  text-decoration: none !important;
  color: #202020 !important; /* keine Farbünderung */
}

/* Suchergebnisse: "Keine Treffer..." zentrieren */
body.search .site-main section.lux-noresults {
  max-width: 980px;          /* optional: Breite begrenzen */
  margin: 0 auto 1.5rem;     /* Block selbst zentrieren */
  text-align: center;        /* Inhalt zentrieren */
}

/* Falls Elementor/Astra Paragraph-Regeln reinfunken: überstimmen */
body.search .site-main section.lux-noresults p {
  text-align: center !important;
  margin-left: auto;
  margin-right: auto;
}

.lux-noresults p {
  margin: 0 0 6px;   /* kleiner Abstand unten */
  line-height: 1.4;  /* kompaktere Zeilenhöhe */
}
.lux-noresults p:last-child {
  margin-bottom: 0;  /* kein Extra-Abstand am Ende */
}



/* === /konto (Seite ID 3214): Hintergrund & Schatten entfernen === */
.post-3214 #user-registration,
.post-3214 #user-registration .user-registration-MyAccount-navigation,
.post-3214 #user-registration .user-registration-MyAccount-content {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Navigation: aktive/hover Links ohne Hintergrund/Schatten */
.post-3214 #user-registration.vertical
  .user-registration-MyAccount-navigation ul
  .user-registration-MyAccount-navigation-link a {
  background: transparent !important;
  box-shadow: none !important;
}

.post-3214 #user-registration.vertical
  .user-registration-MyAccount-navigation ul
  .user-registration-MyAccount-navigation-link.is-active a,
.post-3214 #user-registration.vertical
  .user-registration-MyAccount-navigation ul
  .user-registration-MyAccount-navigation-link a:hover,
.post-3214 #user-registration.vertical
  .user-registration-MyAccount-navigation ul
  .user-registration-MyAccount-navigation-link a:focus {
  background: transparent !important;
  box-shadow: none !important;
}

/* Falls die weiße Karte vom Theme kommt (Astra): */
.post-3214 .entry-content .user-registration-MyAccount,
.post-3214 .entry-content .user-registration-MyAccount > * {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}


/* Seite /konto (ID 3214): Header mittig */
.post-3214 #user-registration .user-registration-MyAccount-content__header,
.post-3214 #user-registration .user-registration-MyAccount-content__header h1 {
  text-align: center !important;
}

/* Links im My-Account-Bereich: nicht blau, sondern #202020 */
.post-3214 #user-registration a,
.post-3214 #user-registration a:visited,
.post-3214 #user-registration a:hover,
.post-3214 #user-registration a:focus,
.post-3214 #user-registration a:active {
  color: #202020 !important;
  text-decoration-color: #202020; /* falls unterstrichen, Unterstrich auch dunkel */
}

/* Optional: Tabellenlinks (Bestellnummern) ebenfalls dunkel */
.post-3214 #user-registration .woocommerce-orders-table a {
  color: #202020 !important;
  text-decoration-color: #202020;
}


/* b) feine Linie unter "Dashboard"-Überschrift */
.post-3214 #user-registration .user-registration-MyAccount-content__header {
  border: 0 !important;
  box-shadow: none !important;
}




/* ===== /konto (Seite ID 3214) – Navigation ===== */

/* Basis: alle Links uppercase, dunkel, normale Stärke */
.post-3214 #user-registration .user-registration-MyAccount-navigation ul li a {
  text-transform: uppercase !important;
  font-weight: 400 !important;
  color: #202020 !important;
  transition: transform 0.2s ease-in-out;
}

/* Hover: nur Verschiebung nach links (kein Fettdruck) */
.post-3214 #user-registration .user-registration-MyAccount-navigation ul li a:hover,
.post-3214 #user-registration .user-registration-MyAccount-navigation ul li a:focus {
  transform: translateX(-6px);
}

/* Aktiv/aktueller Menüpunkt: 600, optional leicht weiter links */
.post-3214 #user-registration .user-registration-MyAccount-navigation ul li.is-active a {
  font-weight: 600 !important;
  transform: translateX(-6px);
}


/* 2) Keine Border/Schatten/Gradienten irgendwo im Nav */
.post-3214 #user-registration .user-registration-MyAccount-navigation,
.post-3214 #user-registration .user-registration-MyAccount-navigation * {
  border: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}


/***** /konto (page id 3214) – My Account Cleanup *****/

/* 0) Grundfarbe für alle Links im Konto-Bereich */
.post-3214 #user-registration a,
.post-3214 #user-registration a:visited,
.post-3214 #user-registration a:hover,
.post-3214 #user-registration a:focus,
.post-3214 #user-registration a:active {
  color: #202020 !important;
  text-decoration-color: #202020;
}

/* 1) Boxen/Navi ohne Hintergrund, Schatten, Rahmen */
.post-3214 #user-registration,
.post-3214 #user-registration .user-registration-MyAccount-navigation,
.post-3214 #user-registration .user-registration-MyAccount-content {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* 2) Header mittig, ohne Unterstreichung/Rand */
.post-3214 #user-registration .user-registration-MyAccount-content__header,
.post-3214 #user-registration .user-registration-MyAccount-content__header h1 {
  text-align: center !important;
  border: 0 !important;
  box-shadow: none !important;
  margin-top: 0 !important;
}



/* 4) Navigation: alle Linien/Indikatoren aus */
.post-3214 #user-registration .user-registration-MyAccount-navigation *::before,
.post-3214 #user-registration .user-registration-MyAccount-navigation *::after {
  content: none !important;
  display: none !important;
}
.post-3214 #user-registration .user-registration-MyAccount-navigation,
.post-3214 #user-registration .user-registration-MyAccount-navigation * {
  border: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* 5) Navigation: Typo & States */
.post-3214 #user-registration .user-registration-MyAccount-navigation ul li a {
  text-transform: uppercase !important;   /* alle uppercase */
  font-weight: 400 !important;            /* Standardgewicht */
  color: #202020 !important;
  padding-left: 0 !important;             /* Platz vom früheren Strich entfernen */
  transition: transform .2s ease-in-out;
}
.post-3214 #user-registration .user-registration-MyAccount-navigation ul li a:hover,
.post-3214 #user-registration .user-registration-MyAccount-navigation ul li a:focus {
  transform: translateX(-6px);            /* leicht nach links beim Hover */
}
.post-3214 #user-registration .user-registration-MyAccount-navigation ul li.is-active a {
  font-weight: 600 !important;            /* nur aktiv = 600 */
  transform: translateX(-6px);
}




/* /konto – Submit-Button Styling */
.post-3214 #user-registration .ur-form-grid > p {
  display: flex;
  justify-content: center;   /* Button horizontal zentrieren */
}

.post-3214 #user-registration input.user-registration-Button.button[type="submit"],
.post-3214 #user-registration button.user-registration-Button.button[type="submit"] {
  background: #000 !important;
  color: #fff !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 12px 100px !important;   /* oben/unten 12, links/rechts 100 */
  line-height: 1 !important;
  cursor: pointer;
  transition: background .2s ease-in-out;
}

/* Hover-Effekt: leicht grau */
.post-3214 #user-registration input.user-registration-Button.button[type="submit"]:hover,
.post-3214 #user-registration button.user-registration-Button.button[type="submit"]:hover,
.post-3214 #user-registration input.user-registration-Button.button[type="submit"]:focus,
.post-3214 #user-registration button.user-registration-Button.button[type="submit"]:focus {
  background: #333 !important;
}




/* 1) Profil bearbeiten → "Save changes" (UR) */
.post-3214 #user-registration .user-registration-profile-fields
  button.user-registration-submit-Button.button {
  display: block !important;
  margin: 0 auto !important;      /* mittig */
  background: #000 !important;
  color: #fff !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 12px 100px !important;
  line-height: 1 !important;
  cursor: pointer;
  transition: background .2s ease-in-out;
}
.post-3214 #user-registration .user-registration-profile-fields
  button.user-registration-submit-Button.button:hover {
  background: #333 !important;
}

/* 2) Zahlungsmethoden leer → Link "Zahlungsmethode hinzufügen" (Woo) */
.post-3214 #user-registration a.button[href*="zahlungsmethode"] {
  display: inline-block !important;  /* nicht spaltenbreit */
  margin: 0 auto !important;         /* zentriert */
  background: #000 !important;
  color: #fff !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 12px 100px !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transition: background .2s ease-in-out;
}
.post-3214 #user-registration a.button[href*="zahlungsmethode"]:hover {
  background: #333 !important;
}

/* 3) Zahlungsmethode hinzufügen (Formular) → Submit-Button */
.post-3214 #add_payment_method button[type="submit"] {
  display: inline-block !important;  /* nicht volle Spalte */
  width: auto !important;
  margin: 24px auto 0 !important;    /* mittig unter dem Formular */
  background: #000 !important;
  color: #fff !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 12px 100px !important;
  line-height: 1 !important;
  cursor: pointer;
  transition: background .2s ease-in-out;
}
.post-3214 #add_payment_method button[type="submit"]:hover {
  background: #333 !important;
}



/* /konto – Bestellungen: Tabelle ohne Hintergrund & Linien */
.post-3214 #user-registration .woocommerce-orders-table {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-collapse: collapse !important;
}

/* Alle Zellen/Zeilen/Headers clean */
.post-3214 #user-registration .woocommerce-orders-table th,
.post-3214 #user-registration .woocommerce-orders-table td,
.post-3214 #user-registration .woocommerce-orders-table tr {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Falls Theme Linien über :before/:after zeichnet – ausschalten */
.post-3214 #user-registration .woocommerce-orders-table *::before,
.post-3214 #user-registration .woocommerce-orders-table *::after {
  content: none !important;
  box-shadow: none !important;
}

/* Optional: Header nicht fetter unterstrichen o. ä. */
.post-3214 #u




/* ----- UR/Woo: Baseline & Fokus immer grau ----- */
#user-registration input,
#user-registration select,
#user-registration textarea,
.woocommerce form .input-text {
  border: 1px solid #bfbfbf !important;
  box-shadow: none !important;
  outline: none !important;
}
#user-registration input:focus,
#user-registration select:focus,
#user-registration textarea:focus,
.woocommerce form .input-text:focus {
  border-color: #bfbfbf !important;
  box-shadow: none !important;
}

/* ----- GRÜN AUS: alle "valid"-Zustände wieder grau ----- */
#user-registration input.user-registration-valid,
#user-registration .input-text.user-registration-valid,
#user-registration [aria-invalid="false"].input-text,
#user-registration .ur-field-success input,
#user-registration .ur-field-success select,
#user-registration .ur-field-success textarea,
.woocommerce form .form-row.woocommerce-validated .input-text,
.woocommerce form .form-row.woocommerce-validated select,
.woocommerce form .form-row.woocommerce-validated textarea {
  border-color: #bfbfbf !important;
  box-shadow: none !important; /* falls Plugin einen grünen Glow nutzt */
}

/* ----- FEHLER: schwarz ----- */
#user-registration .ur-field-error input,
#user-registration .ur-field-error select,
#user-registration .ur-field-error textarea,
.woocommerce form .form-row.woocommerce-invalid .input-text {
  border-color: #000 !important;
  box-shadow: none !important;
}

/* ----- Pflichtsterne: schwarz ----- */
#user-registration .required,
#user-registration abbr.required,
#user-registration .ur-required,
.woocommerce form .required,
.woocommerce form abbr.required {
  color: #000 !important;
  text-decoration: none !important;
  border: 0 !important;
}


/* /konto → Bestellungen: Kartenlayout ohne Tabellenkopf/-linien */
.post-3214 #user-registration .my-orders-list {
  display: grid;
  gap: 28px;
  margin-top: 12px;
}

.post-3214 #user-registration .my-order-card {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}

/* Zeile 1: Überschrift in Futura, uppercase, 600 */
.post-3214 #user-registration .my-order-line1 {
  font-family: "Futura", "Futura PT", -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, "Helvetica Neue", Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: .02em;
}

/* Zeile 2: Datum | Summe */
.post-3214 #user-registration .my-order-line2 {
  margin-top: 4px;
  opacity: .9;
}

/* Zeile 3: Links */
.post-3214 #user-registration .my-order-line4 {
  margin-top: 10px;
}
.post-3214 #user-registration .my-order-line4 a {
  text-decoration: underline;
  color: #202020;
}

/* Trenner-Pipe */
.post-3214 #user-registration .my-order-line2 .sep,
.post-3214 #user-registration .my-order-line4 .sep {
  margin: 0 10px;
  opacity: .5;
}



/* /konto → Bestellungen: Text LINKS ausrichten */
.post-3214 #user-registration .user-registration-MyAccount-content__body .my-order-card,
.post-3214 #user-registration .user-registration-MyAccount-content__body .my-order-card > *,
.post-3214 #user-registration .user-registration-MyAccount-content__body .my-order-line1,
.post-3214 #user-registration .user-registration-MyAccount-content__body .my-order-line2,
.post-3214 #user-registration .user-registration-MyAccount-content__body .my-order-line4 {
  text-align: left !important;
}

/* Container darf mittig bleiben; nur Inhalt links */
.post-3214 #user-registration .user-registration-MyAccount-content__body .my-orders-list {
  max-width: 760px;
  margin: 0 auto;           /* Liste zentriert */
  gap: 46px;
}


/* /konto → Bestellungen: Produktfotos kleiner */
.post-3214 #user-registration .my-order-thumbs { gap: 8px !important; }

.post-3214 #user-registration .my-order-thumbs .thumb img {
  width: 80px !important;
  height: 80px !important;
  border-radius: 4px !important;
  border: 1px solid #e0e0e0 !important;
  object-fit: cover !important;
  margin-bottom: 40px;
}


/* /konto → Bestellungen: NUR den Titel-Link ohne Unterstreichung/Linie */
.post-3214 #user-registration .my-orders-list .my-order-line1 .my-order-title-link {
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* selbst bei Hover/Focus weiterhin ohne Linie */
.post-3214 #user-registration .my-orders-list .my-order-line1 .my-order-title-link:hover,
.post-3214 #user-registration .my-orders-list .my-order-line1 .my-order-title-link:focus {
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: none !important;
}






/* ===========================
   /konto → Bestelldetails (Woo view-order)
   Harte Overrides für Astra + Woo
   =========================== */

/* 0) Astra setzt viele Linien über diese Variable → auf transparent setzen */
body.post-3214.woocommerce-view-order .entry-content {
  --ast-border-color: transparent !important;
}

/* 1) Tabelle & alle Nachfahren: kein Hintergrund, keine Ränder, keine Schatten */
body.post-3214.woocommerce-view-order
table.woocommerce-table--order-details.shop_table.order_details,
body.post-3214.woocommerce-view-order
table.woocommerce-table--order-details.shop_table.order_details * {
  background: transparent !important;
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* Extra: Woo/Astra setzen oft noch Border am Wrapper/Zeilen/Zellen */
body.post-3214.woocommerce-view-order
table.shop_table.order_details,
body.post-3214.woocommerce-view-order
table.shop_table.order_details thead,
body.post-3214.woocommerce-view-order
table.shop_table.order_details tfoot,
body.post-3214.woocommerce-view-order
table.shop_table.order_details tbody tr,
body.post-3214.woocommerce-view-order
table.shop_table.order_details th,
body.post-3214.woocommerce-view-order
table.shop_table.order_details td {
  border: 0 !important;
  border-color: transparent !important;
}

/* 2) Spalten-Ausrichtung: Produkt links, Gesamtsumme rechts */
body.post-3214.woocommerce-view-order
table.shop_table.order_details thead th:first-child,
body.post-3214.woocommerce-view-order
table.shop_table.order_details tbody td:first-child { text-align: left !important; }

body.post-3214.woocommerce-view-order
table.shop_table.order_details thead th:last-child,
body.post-3214.woocommerce-view-order
table.shop_table.order_details tbody td:last-child { text-align: right !important; }

/* 3) Header: uppercase, 10pt, 600 */
body.post-3214.woocommerce-view-order
table.shop_table.order_details thead th {
  text-transform: uppercase !important;
  font-size: 10pt !important;   /* ≈ 13.3px */
  font-weight: 600 !important;
  letter-spacing: .02em !important;
}

/* 4) Titelabstand „Bestelldetails“ oben: 40pt (~53px) */
body.post-3214.woocommerce-view-order
.woocommerce-order-details__title { margin-top: 40pt !important; }








/* 1) Produktspalte & Analyse-Bereich konsequent links */
table.woocommerce-table--order-details.shop_table.order_details
  td.woocommerce-table__product-name,
table.woocommerce-table--order-details.shop_table.order_details
  th.woocommerce-table__product-name{
  text-align: left !important;
  vertical-align: top !important;
}

/* Alle Inhalte darin nicht zentrieren */
table.woocommerce-table--order-details.shop_table.order_details
  td.woocommerce-table__product-name *{
  text-align: left !important;
  margin-left: 0 !important;
}

/* Bilder links „einrasten“ */
table.woocommerce-table--order-details.shop_table.order_details
  td.woocommerce-table__product-name img{
  display: block !important;
  margin: 0pt 0 0 0 !important; /* oben etwas Luft, sonst 0 */
}

/* Typische WordPress-Zentrierungen neutralisieren */
table.woocommerce-table--order-details.shop_table.order_details
  td.woocommerce-table__product-name .wp-caption,
table.woocommerce-table--order-details.shop_table.order_details
  td.woocommerce-table__product-name figure{
  margin-left: 0 !important;
}
table.woocommerce-table--order-details.shop_table.order_details
  td.woocommerce-table__product-name .wp-caption-text{
  text-align: left !important;
}

/* 2) "Rechnung" vorerst ausblenden (gesamte Zeile mit Link) */
table.woocommerce-table--order-details.shop_table.order_details
  tfoot tr:has(td a){
  display: none !important;
}





/* Adressboxen: 1 Rahmen, kein BG, linksbündig */
.woocommerce-customer-details .woocommerce-columns--addresses .woocommerce-column{
  border: 1pt solid currentColor !important;
  background: transparent !important;
  padding: 16px 20px !important;
  box-shadow: none !important;
  /* Rahmenfarbe 202020 */
  color: #202020; /* (optional) Textfarbe angleichen */
}


/* Header in der Box – kein eigener Hintergrund/Rahmen */
.woocommerce-customer-details .woocommerce-columns--addresses .woocommerce-column h2.woocommerce-column__title{
  margin: 0 0 12px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  text-align: left !important;
  font-weight: 600; /* optional */
}

/* Inhalt ohne Extra-Rahmen/BG und konsequent links */
.woocommerce-customer-details .woocommerce-columns--addresses .woocommerce-column address{
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  text-align: left !important;
}
.woocommerce-customer-details .woocommerce-columns--addresses .woocommerce-column *{
  text-align: left !important;
}

/* Abstand zwischen den zwei Spalten */
.woocommerce-customer-details .woocommerce-columns--addresses{
  gap: 24px !important; /* falls Grid/Flex im Theme */
}

/* Mobile: volle Breite & saubere Abstände */
@media (max-width: 782px){
  .woocommerce-customer-details .woocommerce-columns--addresses .woocommerce-column{
    width: 100% !important;
  }
}






/* Linie ÜBER der Gesamtsumme – border-sicher via inset shadow */
table.woocommerce-table--order-details.shop_table.order_details tfoot:last-of-type tr:last-child th,
table.woocommerce-table--order-details.shop_table.order_details tfoot:last-of-type tr:last-child td{
  box-shadow: inset 0 0.5pt 0 0 #202020 !important; /* "Border"-Look */
}

/* "Gesamt" fett – Label + Betrag (inkl. Währung) */
table.woocommerce-table--order-details.shop_table.order_details
  tfoot:last-of-type tr:last-child th,
table.woocommerce-table--order-details.shop_table.order_details
  tfoot:last-of-type tr:last-child td,
table.woocommerce-table--order-details.shop_table.order_details
  tfoot:last-of-type tr:last-child td strong,
table.woocommerce-table--order-details.shop_table.order_details
  tfoot:last-of-type tr:last-child td .woocommerce-Price-amount,
table.woocommerce-table--order-details.shop_table.order_details
  tfoot:last-of-type tr:last-child td .woocommerce-Price-amount .woocommerce-Price-currencySymbol{
  font-weight: 600 !important;
}



/* Rahmen um den gesamten Bereich "Bestelldetails" */
section.woocommerce-order-details{
  border: 1pt solid #202020 !important;     /* Rahmen */
  background: transparent !important;       /* kein BG */
  padding: 24px !important;                 /* Innenabstand */
  border-radius: 2px;                        /* optional minimal rund */
}





/* ===== REGISTRATION (UR) – gezielt auf das Formular ===== */
/* Scope */
#user-registration-form-3211,
.user-registration.ur-frontend-form { --mar-black:#202020; --mar-grey:#cfcfcf; }

/* Überschrift vor dem Formular einblenden */
#user-registration-form-3211::before {
  content: "Kundenkonto anlegen";
  display: block;
  text-align: center;
  margin: 0 0 22px;
  font-family: "Baskerville","Times New Roman",serif;
  font-size: 28px;
  line-height: 1.35;
  font-weight: 400;
  letter-spacing: .02em;
  color: var(--mar-black);
}

/* * (Pflicht) in schwarz */
#user-registration-form-3211 .required,
#user-registration-form-3211 label .required { color: var(--mar-black) !important; }

/* Feldlinien: grau, eckig, ohne Schatten */
#user-registration-form-3211 input[type="text"],
#user-registration-form-3211 input[type="email"],
#user-registration-form-3211 input[type="password"],
#user-registration-form-3211 input[type="tel"],
#user-registration-form-3211 input[type="date"],
#user-registration-form-3211 select,
#user-registration-form-3211 textarea {
  border: 1px solid var(--mar-grey) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: #fff;
  color: var(--mar-black);
  outline: 0 !important;
}

/* Fehler: Linie schwarz */
#user-registration-form-3211 .ur-field-error input,
#user-registration-form-3211 .ur-field-error select,
#user-registration-form-3211 .ur-field-error textarea,
#user-registration-form-3211 input:invalid,
#user-registration-form-3211 select:invalid,
#user-registration-form-3211 textarea:invalid {
  border-color: var(--mar-black) !important;
}

/* Button mittig */
#user-registration-form-3211 .ur-button-container { text-align: center !important; }

/* CTA-Button wie gewünscht */
#user-registration-form-3211 .ur-button-container input[type="submit"],
#user-registration-form-3211 .ur-button-container button[type="submit"]{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  height: auto !important;
  padding: 10px 44px !important;
  line-height: 1 !important;

  background: #202020 !important;
  border: 1px solid #202020 !important;
  color: #fff !important;

  text-transform: uppercase;
  letter-spacing: .08em;
  font-family: "Futura PT","FuturaPT","Futura",sans-serif;
  font-size: 10px;

  border-radius: 0 !important;
  margin: 10px auto 0 !important;
  box-sizing: border-box;
  transition: opacity .2s ease;
  cursor: pointer;
}
#user-registration-form-3211 .ur-button-container input[type="submit"]:hover,
#user-registration-form-3211 .ur-button-container button[type="submit"]:hover{
  opacity: .9;
}




/* Vollbreite Button-Zeile + zentriert */
#user-registration-form-3211 .ur-button-container{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  width:100% !important;
  max-width:100% !important;
  flex:0 0 100% !important;
  text-align:center !important;
  float:none !important;
  margin:16px 0 0 !important;
}

/* CTA-Button: breiter, eckig, Style */
#user-registration-form-3211 .ur-button-container .ur-submit-button,
#user-registration-form-3211 .ur-button-container .btn.button,
#user-registration-form-3211 .ur-button-container button[type="submit"],
#user-registration-form-3211 .ur-button-container input[type="submit"]{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  padding:12px 120px !important;      /* ←→ breiter */
  line-height:1 !important;

  background:#202020 !important;
  border:1px solid #202020 !important;
  color:#fff !important;

  text-transform:uppercase;
  letter-spacing:.08em;
  font-family:"Futura PT","FuturaPT","Futura",sans-serif;
  font-size:10px;

  border-radius:0 !important;          /* eckig */
  box-shadow:none !important;
  outline:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
  cursor:pointer;
}

#user-registration-form-3211 .ur-button-container .ur-submit-button:hover,
#user-registration-form-3211 .ur-button-container .btn.button:hover,
#user-registration-form-3211 .ur-button-container button[type="submit"]:hover,
#user-registration-form-3211 .ur-button-container input[type="submit"]:hover{
  opacity:.9;
}



/* ===== LOST PASSWORD (User Registration) – Marillys Style ===== */
#user-registration .ur-frontend-form.login,
#user-registration .ur-lost-password-content-container {
  --mar-black: #202020;
  --mar-grey:  #cfcfcf;
}

/* Überschrift ersetzen: "Passwort zurücksetzen" in Baskerville */
#user-registration .ur-frontend-form.login .ur-lost-password-title{
  position: relative;
  color: transparent !important; /* Originaltext verbergen */
  margin: 0 0 10px;
}
#user-registration .ur-frontend-form.login .ur-lost-password-title::after{
  content: "Passwort zurücksetzen";
  display: block;
  text-align: center;
  font-family: "Baskerville","Times New Roman",serif;
  font-size: 28px;
  line-height: 1.35;
  font-weight: 400;
  letter-spacing: .02em;
  color: var(--mar-black);
}

/* Required-Sternchen schwarz */
#user-registration .ur-frontend-form.login .required,
#user-registration .ur-frontend-form.login label .required{
  color: var(--mar-black) !important;
}

/* Eingabefelder: graue Linie, eckig, ohne Schatten */
#user-registration .ur-frontend-form.login input[type="text"],
#user-registration .ur-frontend-form.login input[type="email"],
#user-registration .ur-frontend-form.login input[type="password"],
#user-registration .ur-frontend-form.login input[type="tel"],
#user-registration .ur-frontend-form.login input[type="search"],
#user-registration .ur-frontend-form.login select,
#user-registration .ur-frontend-form.login textarea{
  border: 1px solid var(--mar-grey) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: #fff;
  color: var(--mar-black);
  outline: 0 !important;
}

/* Fehlerzustand: Linie schwarz */
#user-registration .ur-frontend-form.login .ur-field-error input,
#user-registration .ur-frontend-form.login .ur-field-error select,
#user-registration .ur-frontend-form.login .ur-field-error textarea,
#user-registration .ur-frontend-form.login input:invalid,
#user-registration .ur-frontend-form.login select:invalid,
#user-registration .ur-frontend-form.login textarea:invalid{
  border-color: var(--mar-black) !important;
}

/* LOST PASSWORD – Button-Row zentrieren */
#user-registration .ur-frontend-form.login .user-registration-form-row.form-row input.ur-reset-password-btn[type="submit"],
#user-registration .ur-frontend-form.login input.ur-reset-password-btn[type="submit"]{
  /* Button wirklich mittig */
  display: block !important;
  margin: 18px auto 0 !important;

  /* CTA-Style */
  padding: 12px 120px !important; /* breiter links/rechts */
  line-height: 2 !important;
  background: #202020 !important;
  border: 1px solid #202020 !important;
  color: #fff !important;

  text-transform: uppercase;
  letter-spacing: .08em;
  font-family: "Futura PT","FuturaPT","Futura",sans-serif;
  font-size: 10px !important;

  border-radius: 0 !important;          /* eckig */
  -webkit-appearance: none !important;
  appearance: none !important;
  box-shadow: none !important;
  outline: none !important;
  cursor: pointer;
}

#user-registration .ur-frontend-form.login input.ur-reset-password-btn[type="submit"]:hover{
  opacity: .9;
}

/* Felder-Linien & Fehler wie bei Registrierung (falls noch nicht drin) */
#user-registration .ur-frontend-form.login input[type="text"],
#user-registration .ur-frontend-form.login input[type="email"]{
  border: 1px solid #cfcfcf !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  color: #202020;
  background: #fff;
}
#user-registration .ur-frontend-form.login .ur-field-error input,
#user-registration .ur-frontend-form.login input:invalid{
  border-color: #202020 !important;
}





/* ========= UR LOST PASSWORD – Layout-Fixes ========= */

/* Oberer Freiraum kleiner, Titel & Unterzeile zentriert */
#user-registration .ur-lost-password-content-container{
  padding-top: 10px !important;
}
#user-registration .ur-lost-password-title{
  margin-top: 0 !important;
  margin-bottom: 10px !important;
  text-align: center !important;
}
#user-registration .ur-lost-password-message{
  text-align: center !important;
  margin: 6px auto 18px !important;
  max-width: 60ch !important;
}

/* Button: mittig, einzeilig (kein Umbruch) */
#user-registration .ur-frontend-form.login input.ur-reset-password-btn[type="submit"]{
  display: block !important;
  margin: 18px auto 0 !important;
  padding: 12px 110px !important;
  white-space: nowrap !important; /* verhindert den Absatz im Button */
}

/* Fehlerfelder: schwarzer Rand */
#user-registration .ur-frontend-form.login .ur-form-row.ur-field-error input,
#user-registration .ur-frontend-form.login .ur-form-row.ur-field-error select,
#user-registration .ur-frontend-form.login .ur-form-row.ur-field-error textarea,
#user-registration .ur-frontend-form.login .ur-form-row input[aria-invalid="true"],
#user-registration .ur-frontend-form.login .ur-form-row select[aria-invalid="true"],
#user-registration .ur-frontend-form.login .ur-form-row textarea[aria-invalid="true"]{
  border-color:#202020 !important;
  box-shadow:none !important;
}

/* ========= UR HINWEIS-/ERFOLGS-/FEHLER-BOXEN – Typo & Farbe =========
   (Diese Box sitzt oft außerhalb des Formulars – daher direkt unter #user-registration) */
#user-registration .user-registration-message-container,
#user-registration .user-registration-message,
#user-registration .user-registration-error,
#user-registration .ur-message,
#user-registration .ur-success-message,
#user-registration .ur-error-message,
#user-registration .ur-notice-wrapper,
#user-registration .ur-front-message{
  /* Typo / Look */
  font-family: "Futura PT","FuturaPT","Futura","Avenir Next",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
  text-transform: uppercase !important;
  font-size: 10pt !important;
  letter-spacing: .08em !important;
  font-weight: 600 !important;

  color:#202020 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 6px 0 !important;
  margin: 8px 0 12px !important;
  opacity: 1 !important;
}

/* Links in der Box ebenfalls schwarz */
#user-registration .user-registration-message-container a,
#user-registration .ur-success-message a,
#user-registration .ur-error-message a{
  color:#202020 !important;
  text-decoration: underline;
}

/* Eventuelle Icons/Badges in den Boxen ausblenden */
#user-registration .user-registration-message-container i,
#user-registration .user-registration-message-container svg,
#user-registration .user-registration-message-container [class*="icon"],
#user-registration .ur-success-message i,
#user-registration .ur-error-message i,
#user-registration .ur-success-message svg,
#user-registration .ur-error-message svg{
  display:none !important;
}



/* User Registration – alle Hinweis-/Fehler-Icons entfernen */
#user-registration .user-registration-message-container::before,
#user-registration .user-registration-message::before,
#user-registration .user-registration-error::before,
#user-registration .ur-message::before,
#user-registration .ur-success-message::before,
#user-registration .ur-error-message::before,
#user-registration .ur-notice-wrapper::before,
#user-registration .ur-front-message::before {
  content: none !important;
  display: none !important;
}

/* alle Icon-Elemente in den UR-Boxen ausblenden */
#user-registration .user-registration-message-container i,
#user-registration .user-registration-message-container svg,
#user-registration .user-registration-message-container [class*="icon"],
#user-registration .user-registration-message-container .dashicons,
#user-registration .user-registration-message-container [class^="fa"],
#user-registration .user-registration-message-container [class*=" fa-"],
#user-registration .ur-message i,
#user-registration .ur-message svg,
#user-registration .ur-message .dashicons,
#user-registration .ur-success-message i,
#user-registration .ur-success-message svg,
#user-registration .ur-error-message i,
#user-registration .ur-error-message svg {
  display: none !important;
}

/* evtl. durch Icon reservierten Einzug/Abstand entfernen */
#user-registration .user-registration-message-container,
#user-registration .ur-message,
#user-registration .ur-success-message,
#user-registration .ur-error-message,
#user-registration .ur-notice-wrapper,
#user-registration .ur-front-message {
  padding-left: 0 !important;
  background: none !important;
}








/* LOGIN – Titel kompakt machen */

/* Originaltext verstecken, eigenen Text einsetzen (wie zuvor) */
#user-registration .ur-frontend-form.login .user-registration-login-title{
  position: relative;
  color: transparent !important;
  margin: 0 !important;            /* kein Außenabstand */
  line-height: 1;
}
#user-registration .ur-frontend-form.login .user-registration-login-title::after{
  content: "Herzlich Willkommen bei Marillys!";
  display: block;
  text-align: center;
  font-family: "Baskerville","Times New Roman",serif;
  font-size: clamp(24px, 3vw, 36px);
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: .01em;
  color: var(--mar-black, #000);
  margin: 0;                       /* kein extra Abstand */
}

/* ➊ Das <br> direkt nach dem Titel entfernen */
#user-registration .ur-frontend-form.login [data-field="login-title"] br{
  display: none !important;
}

/* ➋ Abstände der ersten Row/Grids rund um den Titel entfernen */
#user-registration .ur-frontend-form.login [data-field="login-title"],
#user-registration .ur-frontend-form.login [data-field="login-title"] .ur-form-grid{
  margin: 0 !important;
  padding: 0 !important;
}
#user-registration .ur-frontend-form.login .ur-form-row:first-child{
  margin: 0 !important;
  padding: 0 !important;
}

/* (optional) Beschreibung unter dem Titel ausblenden, falls leer/unnötig */
#user-registration .ur-frontend-form.login .user-registration-login-description{ display: none !important; }




/* LOGIN – Titel kompakt, Originalzeile nimmt keinen Platz mehr ein */
#user-registration .ur-frontend-form.login .user-registration-login-title{
  font-size: 0 !important;     /* Originaltext nimmt KEINEN Platz ein */
  line-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: transparent !important; /* optional */
}

/* Sichtbarer, eigener Titel */
#user-registration .ur-frontend-form.login .user-registration-login-title::after{
  content: "Herzlich Willkommen bei Marillys!";
  display: block;
  text-align: center;
  font-family: "Baskerville","Times New Roman",serif;
  font-size: clamp(24px, 3vw, 36px);
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: .01em;
  color: var(--mar-black, #000);
  margin: 0;
}

/* <br> nach dem Titel ausblenden (falls noch da) */
#user-registration .ur-frontend-form.login [data-field="login-title"] br{
  display: none !important;
}

/* Sicherheit: Container um den Titel ohne Außen-/Innenabstand */
#user-registration .ur-frontend-form.login [data-field="login-title"]{
  margin: 0 !important;
  padding: 0 !important;
}










/* Gleiches Typo-Setup für beide */
#user-registration .ur-frontend-form.login .login-meta .remember-me span,
#user-registration .ur-frontend-form.login .login-meta .lost_password a{
  font-family: "Futura PT","Futura","Avenir Next","Avenir",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size: 10.667px; /* 8pt */
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .12em;
  line-height: 1.1;
  color: inherit;           /* Link nicht blau */
  text-decoration: none;    /* Unterstreichung weg */
}

/* Hover/Focus: dezente Unterstreichung, gleiche Farbe */
#user-registration .ur-frontend-form.login .login-meta .lost_password a:hover,
#user-registration .ur-frontend-form.login .login-meta .lost_password a:focus{
  text-decoration: underline;
  color: inherit;
}

/* Layout glätten: beide sauber in einer Zeile */
#user-registration .ur-frontend-form.login .login-meta{
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* lost_password (p) Standard-Margins killen und nach rechts schieben */
#user-registration .ur-frontend-form.login .login-meta .lost_password{
  margin: 0 0 0 auto; /* nach rechts */
  padding: 0;
}

/* Checkbox + Label kompakt */
#user-registration .ur-frontend-form.login .remember-me{
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  margin: 0;
}

/* Falls das * im Label verrutscht */
#user-registration .ur-frontend-form.login label .required{
  margin-left: .25em;
  line-height: 1;
}


/* ✓ Checkbox-Häkchen schwarz (moderne Browser) */
#user-registration .ur-frontend-form.login input[type="checkbox"],
#user-registration .ur-frontend-form.login .user-registration-form__input-checkbox{
  accent-color:#000; /* macht Box + Haken schwarz */
}

/* Fallback für Browser ohne accent-color */
@supports not (accent-color: #000){
  #user-registration .ur-frontend-form.login .remember-me input[type="checkbox"]{
    appearance:none; -webkit-appearance:none; -moz-appearance:none;
    width:14px; height:14px; border:2px solid #000; border-radius:2px;
    display:inline-block; position:relative; background:#fff; margin:0;
  }
  #user-registration .ur-frontend-form.login .remember-me input[type="checkbox"]:checked::after{
    content:""; position:absolute; inset:2px; background:#000; border-radius:1px;
  }
}

/* ↕ Abstand UNTER dem reCAPTCHA */
#user-registration .ur-frontend-form.login [data-field="recaptcha"],
#user-registration .ur-frontend-form.login #ur-recaptcha-node{
  margin-bottom: 20px;   /* oder 1.25rem */
}

/* (optional) etwas Luft ÜBER der Meta-Zeile Remember/Lost */
#user-registration .ur-frontend-form.login .login-meta{
  margin-top: 8px;
}






/* ===== Titel – unverändert, nur der Vollständigkeit ===== */
#ur-frontend-form .user-registration-login-title{
  position: relative;
  color: transparent !important;
  margin: 0 !important;
  line-height: 1;
  font-size: 0 !important; /* Originaltext nimmt keinen Platz ein */
}
#ur-frontend-form .user-registration-login-title::after{
  content: "Herzlich Willkommen bei Marillys!";
  display: block;
  text-align: center;
  font-family: "Baskerville","Times New Roman",serif;
  font-size: clamp(24px, 3vw, 36px);
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: .01em;
  color: var(--mar-black, #000);
  margin: 0;
}
#ur-frontend-form [data-field="login-title"] br{ display:none !important; }
#ur-frontend-form [data-field="login-title"]{ margin:0 !important; padding:0 !important; }
#ur-frontend-form .ur-form-row:first-child{ margin:0 !important; padding:0 !important; }
#ur-frontend-form .user-registration-login-description{ display:none !important; }

/* ===== Typo-Variablen ===== */
:root{
  --mar-font:"Futura PT","Futura","Avenir Next","Avenir",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --pt10: 13.333px;  /* 10 pt */
  --pt09: 12px;      /*  9 pt */
  --pt08: 10.667px;  /*  8 pt */
  --w400: 400;
}

/* ===== Unterüberschriften/Labels – BEIDE exakt gleich (9 pt) ===== */
#ur-frontend-form [data-field="username"] > label,
#ur-frontend-form [data-field="password"] > label{
  display:inline-flex; align-items:baseline; gap:.25em; margin:0;
  font-family:var(--mar-font) !important;
  font-size:var(--pt09) !important;        /* <-- gleich groß für beide */
  font-weight:var(--w400) !important;
  text-transform:uppercase !important;
  letter-spacing:.1em !important;
  line-height:1.1;
}
/* Stern in gleicher Größe mitziehen */
#ur-frontend-form [data-field="username"] > label .required,
#ur-frontend-form [data-field="password"] > label .required{
  font-size:inherit !important;
  margin:0; padding:0; line-height:1;
}

/* ===== Remember + Lost identisch (8 pt) ===== */
#ur-frontend-form .login-meta .remember-me span,
#ur-frontend-form .login-meta .lost_password a{
  font-family:var(--mar-font);
  font-size:var(--pt08);
  font-weight:var(--w400);
  text-transform:uppercase;
  letter-spacing:.12em;
  line-height:1.1;
  color:inherit;
  text-decoration:none;
}
#ur-frontend-form .login-meta{ display:flex; align-items:center; gap:1rem; margin-top:8px; }
#ur-frontend-form .remember-me{ display:inline-flex; align-items:center; gap:.5rem; margin:0; }
#ur-frontend-form .login-meta .lost_password{ margin:0 0 0 auto; padding:0; }
#ur-frontend-form .login-meta .lost_password a:hover,
#ur-frontend-form .login-meta .lost_password a:focus{ text-decoration:underline; }

/* ===== Checkbox-Haken schwarz ===== */
#ur-frontend-form input[type="checkbox"],
#ur-frontend-form .user-registration-form__input-checkbox{ accent-color:#000; }
@supports not (accent-color: #000){
  #ur-frontend-form .remember-me input[type="checkbox"]{
    appearance:none; -webkit-appearance:none; -moz-appearance:none;
    width:14px; height:14px; border:2px solid #000; border-radius:2px;
    display:inline-block; position:relative; background:#fff; margin:0;
  }
  #ur-frontend-form .remember-me input[type="checkbox"]:checked::after{
    content:""; position:absolute; inset:2px; background:#000; border-radius:1px;
  }
}

/* ===== Abstand unter reCAPTCHA ===== */
#ur-frontend-form [data-field="recaptcha"],
#ur-frontend-form #ur-recaptcha-node{ margin-bottom:30px; }


/* Abstand NACH der Überschrift */
#ur-frontend-form [data-field="login-title"]{
  margin-bottom: 30px !important;  /* Wert nach Bedarf anpassen */
}

/* Falls du den Abstand direkt am sichtbaren Titel setzen willst: */
#ur-frontend-form .user-registration-login-title::after{
  margin-bottom: 40px !important;
}





/* Header-Titel: deutlich mehr Letter-Spacing */
#ur-frontend-form .user-registration-login-title::after{
  letter-spacing: .08em !important;   /* mobil & default */
}
@media (min-width: 992px){
  #ur-frontend-form .user-registration-login-title::after{
    letter-spacing: .12em !important; /* Desktop noch mehr */
  }
}

/* Mobile: „Noch kein Mitglied? Jetzt registrieren.“ mittig */
@media (max-width: 640px){
  #ur-frontend-form [data-field="registration-setting"],
  #ur-frontend-form .user-registration-register.register{
    text-align: center !important;
  }
  #ur-frontend-form [data-field="registration-setting"] a{
    display: inline-block; /* sauberer Centering-Flow */
  }
}

/* Login-Box: nur seitliche Abstände leicht reduzieren */
#user-registration #ur-frontend-form.ur-frontend-form.login{
  padding-left: 12px !important;   /* vorher größer – nach Wunsch anpassen */
  padding-right: 12px !important;
}


@media (max-width: 640px){
  #ur-frontend-form .login-meta{
    display:flex; flex-wrap:wrap; gap:.75rem;
  }
  #ur-frontend-form .login-meta .remember-me{
    order:1; width:100%;   /* eigene Zeile */
  }
  /* robust: greift für beide möglichen Markups */
  #ur-frontend-form .login-meta .lost_password,
  #ur-frontend-form .login-meta [data-field="lost-password"]{
    order:2; width:100%; margin-top:6px; text-align:left;
  }
}




/* 2) "Noch kein Mitglied? Jetzt registrieren." – echte Unterstreichung (kein Rahmen) */
#ur-frontend-form [data-field="registration-setting"] a{
  display:inline;                         /* wichtig: kein inline-block */
  border: 0 !important;                   /* Rahmenlinie sicher weg */
  text-decoration: underline !important;  /* echtes Underline */
  text-decoration-thickness: from-font;   /* oder z.B. 1px */
  text-underline-offset: 0.08em;          /* dezenter Abstand zur Schrift */
  text-decoration-skip-ink: auto;
  color: inherit;
}

/* Stelle sicher, dass es in allen States unterstrichen bleibt */
#ur-frontend-form [data-field="registration-setting"] a:link,
#ur-frontend-form [data-field="registration-setting"] a:visited,
#ur-frontend-form [data-field="registration-setting"] a:hover,
#ur-frontend-form [data-field="registration-setting"] a:focus,
#ur-frontend-form [data-field="registration-setting"] a:active{
  text-decoration: underline !important;
}





/* Abstand VOR dem Login-Button */
#ur-frontend-form [data-field="login-button"]{
  margin-top: 30px !important;
  margin-bottom: 20px;
}

/* Optional: am Desktop etwas mehr Luft */
@media (min-width: 992px){
  #ur-frontend-form [data-field="login-button"]{
    margin-top: 5px !important;
  }
}


/* reCAPTCHA mittig + Abstand oben/unten */
#ur-frontend-form #ur-recaptcha-node{
  display: flex !important;
  justify-content: center !important;
  align-items: center;
  text-align: center;
  margin: 40px 0 !important;   /* oben & unten */
}


/* Astra: Suche auf 330px NUR auf dem Handy */
@media (max-width: 767.98px) {
  /* Haupt-Container der Suchergebnisse schmal + zentriert */
  body.search .site-content .ast-container,
  body.search .ast-row,
  body.search .ast-archive-description,
  body.search .ast-pagination {
    max-width: 330px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Seitliche Innenabstände auf der Seite reduzieren */
  body.search .site-content,
  body.search .entry-content,
  body.search .ast-archive-entry-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Karten/Artikel innerhalb der schmalen Spalte korrekt einpassen */
  body.search .ast-article-post,
  body.search .ast-article-post .entry-header,
  body.search .ast-article-post .entry-content,
  body.search .post-thumb,
  body.search .post-thumb img {
    max-width: 100% !important;
    width: 100% !important;
  }

  /* Falls WooCommerce-Suche genutzt wird */
  body.search .woocommerce,
  body.search .woocommerce .ast-container {
    max-width: 330px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}









/* UR + Woo: Adressboxen schlicht, linksbündig, feine Kontur */
#user-registration .woocommerce-Addresses .woocommerce-Address {
  background: transparent !important;
  border: 0.5pt solid #202020;     /* fein: ~0.66px; bei Bedarf auf 1px ändern */
  box-shadow: none;
  text-align: left;                /* gesamte Box linksbündig */
}

/* Überschriften der Boxen linksbündig, ohne Extra-Deko */
#user-registration .woocommerce-Addresses .woocommerce-Address-title,
#user-registration .woocommerce-Addresses .woocommerce-Address-title h2 {
  background: transparent !important;
  text-align: left;
  margin: 0 0 12px 0;
  padding: 0;
  border: 0;
  box-shadow: none;
}

/* Inhalt (Adresse) linksbündig und etwas Luft nach innen */
#user-registration .woocommerce-Addresses .woocommerce-Address address {
  text-align: left;
  margin: 0;
  padding: 12px 16px;
}

/* Links im Titel dezent */
#user-registration .woocommerce-Addresses .woocommerce-Address .edit,
#user-registration .woocommerce-Addresses .woocommerce-Address a {
  text-decoration: underline;
}

/* Optional: gleiche Innenabstände für die gesamte Box */
#user-registration .woocommerce-Addresses .woocommerce-Address {
  padding: 16px;
}

/* 1) Innenrahmen im Adress-Block entfernen */
#user-registration .woocommerce-Addresses .woocommerce-Address address{
  border: 0 !important;
  padding: 12px 16px;   /* gern anpassen oder entfernen */
}

/* 2) Linie + Abstand oberhalb beider Adress-Boxen */
#user-registration .woocommerce-Addresses.col2-set.addresses{

  margin-top: 28px;                  /* Abstand zur Überschrift */
  padding-top: 24px;                 /* Luft zwischen Linie und Boxen */
}

/* (Optional) Deine äußeren Boxen: feine Kontur, linksbündig */
#user-registration .woocommerce-Addresses .woocommerce-Address{
  background: transparent !important;
  border: 0.5pt solid #202020;
  box-shadow: none;
  padding: 16px;
  text-align: left;
}



/* Adress-Header-Link als "Button" stylen (ohne etwas zu verschieben) */
#user-registration .woocommerce-Addresses .woocommerce-Address-title a.edit {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  background: #202020 !important;
  border: 1px solid #202020 !important;
  color: #fff !important;

  text-transform: uppercase;
  letter-spacing: .08em;
  font-family: "Futura PT","FuturaPT","Futura",sans-serif;
  font-size: 10px;
  line-height: 1;

  padding: 10px 44px !important;     /* wie deine CTA-Größe */
  margin-top: 10px;                  /* etwas Abstand unter der Überschrift */
  border-radius: 0 !important;
  box-shadow: none;
  text-decoration: underline;        /* ausdrücklich unterstrichen gewünscht */
  transition: opacity .2s ease;
}

#user-registration .woocommerce-Addresses .woocommerce-Address-title a.edit:hover,
#user-registration .woocommerce-Addresses .woocommerce-Address-title a.edit:focus {
  opacity: .9;
  text-decoration: underline;
}
/* Überschrift links lassen */
#user-registration .woocommerce-Addresses .woocommerce-Address-title h2{
  text-align: left;
}



/* Header bleibt Spalte, aber Button links ausrichten */
#user-registration .woocommerce-Addresses .woocommerce-Address-title{
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Button linksbündig (statt zentriert) */
#user-registration .woocommerce-Addresses .woocommerce-Address-title a.edit{
  align-self: flex-start !important;  /* ← links */
  margin: 10px 0 0 !important;        /* Abstand nach oben, kein auto */
  text-decoration: none !important;    /* weiterhin ohne Unterstrich */
}


/* Adresse exakt linksbündig unter dem Titel ausrichten */
#user-registration .woocommerce-Addresses .woocommerce-Address address{
  padding-left: 0 !important;      /* links kein Extra-Padding */
  padding-right: 0;                /* optional: rechts auch bündig */
  padding-top: 12px;               /* etwas Luft nach oben */
  padding-bottom: 0;
  margin-left: 0 !important;
  text-align: left;
}








/* Woo Address-Form: Labels linksbündig + Typo nach Vorgabe */
#user-registration form .woocommerce-address-fields .form-row label,
#user-registration form .woocommerce-billing-fields .form-row label,
#user-registration form .woocommerce-shipping-fields .form-row label,
#user-registration form .form-row label{
  display: block;
  text-align: left;

  font-family: "Futura PT","FuturaPT","Futura",sans-serif;
  font-size: 12px;               /* 10pt ≈ 13.3px → 14px wirkt sauberer */
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #202020;

 
  margin: 0 0 6px 0;             /* etwas Luft zum Feld */
  border-bottom: 2px solid transparent;
  font-weight: 400;               /* nicht fett */
}

/* required-Sternchen neutral, ohne Unterstreichungen */
#user-registration form .form-row label abbr[title],
#user-registration form .form-row label .required{
  color: #7a7a7a;
  text-decoration: none;
  border: 0;
}

/* optional: gleiche Typo über allen Input-Elementen für harmonisches Bild */
#user-registration form .woocommerce-address-fields input.input-text,
#user-registration form .woocommerce-address-fields select,
#user-registration form .woocommerce-address-fields textarea{
  font-family: "Futura PT","FuturaPT","Futura",sans-serif;
}


/* Woo Address-Form – Submit als schwarzer, zentrierter CTA (mit 2px Rundung) */
#user-registration form button.button[name="save_address"],
#user-registration form .woocommerce-address-fields button.button{
  display: block !important;
  background: #202020 !important;
  border: 1px solid #202020 !important;
  color: #fff !important;

  text-transform: uppercase;
  letter-spacing: .08em;
  font-family: "Futura PT","FuturaPT","Futura",sans-serif;
  font-size: 10px;
  line-height: 1;

  padding: 10px 44px !important;
  margin: 14px auto 0 !important;
  border-radius: 4px !important;   /* <- hier lag’s: px fehlt */
  box-shadow: none !important;
  text-decoration: none !important;
  transition: opacity .2s ease;
}


#user-registration form button.button[name="save_address"]:hover,
#user-registration form .woocommerce-address-fields button.button:hover{
  opacity: .9;
}

/* falls Woo den Button in <p> wrappt: sicherheitshalber zentrieren */
#user-registration .woocommerce-address-fields p{
  text-align: center !important;
}




/* Woo-Adressformular: H2 schwarz, 10pt, uppercase, 600, LINKS */
#user-registration .user-registration-MyAccount-content__body form h2,
#user-registration .user-registration-MyAccount-content form h2,
#user-registration form.woocommerce-EditAccountForm h2,
#user-registration form h2{
  font-family: "Futura PT","FuturaPT","Futura",sans-serif !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  font-size: 13.333px !important;  /* ≈10pt */
  line-height: 1.2 !important;
  letter-spacing: .12em !important;
  color: #000 !important;
  text-align: left !important;      /* ← linksbündig */
  margin-bottom: 10px !important;
}


/* Woo-Adressformular: H2 schwarz, 10pt, uppercase, 600, LINKS */
#user-registration .user-registration-MyAccount-content__body form h2,
#user-registration .user-registration-MyAccount-content form h2,
#user-registration form.woocommerce-EditAccountForm h2,
#user-registration form h2{
  font-family: "Futura PT","FuturaPT","Futura",sans-serif !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  font-size: 13.333px !important;  /* ≈10pt */
  line-height: 1.2 !important;
  letter-spacing: .12em !important;
  color: #000 !important;
  text-align: left !important;      /* ← linksbündig */
  margin-bottom: 10px !important;
}








/* einfache Variante: Abstand oben + Text zentriert */
.user-registration .ur-message-container {
  margin-top: 150px;
}
.user-registration .ur-message-content {
  text-align: center;
  max-width: 720px; /* optional, Zeilenlänge begrenzen */
  margin-left: auto;
  margin-right: auto;
  display: block;
}


.wpforms-confirmation-container-full p {
    text-transform: uppercase;   /* Alles in Großbuchstaben */
    font-family: 'Futura', sans-serif; /* Schriftart Futura */
    font-size: 10pt;             /* Schriftgröße 10pt */
    font-weight: 600px;
    color: #000000;              /* Schwarz */
    background-color: transparent; /* Kein Hintergrund */
    text-align: center;          /* Zentriert */
    margin: 0;                   /* Optional: Abstand entfernen */
    padding: 0;                  /* Optional: Innenabstand entfernen */
}


.wpforms-container-full .wpforms-confirmation-container-full,
div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background-color: transparent !important; /* entfernt den grünen Hintergrund */
    border: none !important;                 /* entfernt die Umrandung */
    box-sizing: border-box;
    color: inherit;                          /* optional: Schriftfarbe übernehmen */
}







/* Monat- und Jahr-Dropdowns im Flatpickr-Kopf */
.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-calendar .flatpickr-current-month .cur-year-select {
  text-transform: uppercase !important;           /* Alles groß */
  font-family: 'Futura', sans-serif !important;   /* Futura */
  font-size: 10pt !important;                     /* 10 pt */
  font-weight: 600 !important;                    /* (ohne px) */
  color: #000 !important;                         /* Schwarz */
  background-color: transparent !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 18px 0 8px !important;

  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  border: none !important;
  outline: none !important;
}

/* kleiner Pfeil für beide Selects */
.flatpickr-calendar .flatpickr-current-month .cur-year-select-wrap,
.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months {
  position: relative;
}
.flatpickr-calendar .flatpickr-current-month .cur-year-select-wrap::after,
.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months::after {
  content: "";
  position: absolute;
  right: 6px;
  top: 50%;
  margin-top: -3px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #000;   /* Pfeil schwarz */
  pointer-events: none;
}

/* Dropdown-Optionen (Achtung: systembedingt nicht in allen Browsern voll stylbar) */
.flatpickr-calendar .flatpickr-current-month .cur-year-select option,
.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months option {
  text-transform: uppercase;
  font-family: 'Futura', sans-serif;
  font-size: 10pt;
  color: #fff;
  background: #000;
}

/* ausgewählter Tag im Kalender (schwarz/weiß) */
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected:hover,
.flatpickr-day.selected:focus {
  background: #000 !important;
  border-color: #000 !important;
  color: #fff !important;
}


/* Desktop: rechten Checkout-Block tiefer setzen, damit links oben beginnt */
@media (min-width: 922px){
  .woocommerce-checkout form.checkout #order_review_heading,
  .woocommerce-checkout form.checkout #order_review{
    margin-top: 24px !important;    /* gleichen Wert wie oben wählen */
  }
}












/* ================= DESKTOP – unverändert ================= */
#user-registration-form-3211 .ur-button-container { 
  text-align: center !important; 
}

#user-registration-form-3211 .ur-button-container input[type="submit"],
#user-registration-form-3211 .ur-button-container button[type="submit"]{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  height: auto !important;
  padding: 10px 44px !important;
  line-height: 1 !important;

  background: #202020 !important;
  border: 1px solid #202020 !important;
  color: #fff !important;

  text-transform: uppercase;
  letter-spacing: .08em;
  font-family: "Futura PT","FuturaPT","Futura",sans-serif;
  font-size: 10px;

  border-radius: 0 !important;
  margin: 10px auto 0 !important;
  box-sizing: border-box;
  transition: opacity .2s ease;
  cursor: pointer;
}
#user-registration-form-3211 .ur-button-container input[type="submit"]:hover,
#user-registration-form-3211 .ur-button-container button[type="submit"]:hover{
  opacity: .9;
}

/* ================= MOBILE FIX (≤480px) ================= */
/* Variante A: Breite automatisch, sauber zentriert (wie Desktop, nur ohne Bugs) */
@media (max-width: 480px) {
  /* Eltern notfalls zu Mitte zwingen */
  #user-registration-form-3211 .ur-button-container{
    display:flex !important;
    justify-content:center !important;
  }

  /* Der eigentliche Submit (greift auch für class="user-registration-Button button") */
  #user-registration-form-3211 .ur-button-container input[type="submit"],
  #user-registration-form-3211 .ur-button-container button[type="submit"],
  #user-registration-form-3211 .ur-button-container .user-registration-Button.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    /* BUGFIX gegen "Buchstaben untereinander" */
    white-space: nowrap !important;
    word-break: normal !important;

    /* Fingerfreundlich & mittig */
    min-height: 44px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 12px 24px !important;
    text-align: center !important;
  }
}

/* ======= OPTIONAL: Variante B statt A → exakt 330px Breite in Mobile ======= */
/* Aktiviere das hier NUR, wenn du fix 330 px möchtest – dann A oben löschen/auskommentieren */
@media (max-width: 480px) {
  /* Eltern mittig */
  #user-registration-form-3211 .ur-button-container{
    display:flex !important;
    justify-content:center !important;
  }
  /* Button exakt 330 px und mittig */
  #user-registration-form-3211 .ur-button-container input[type="submit"],
  #user-registration-form-3211 .ur-button-container button[type="submit"],
  #user-registration-form-3211 .ur-button-container .user-registration-Button.button {
    display: block !important;
    width: 330px !important;
    max-width: 330px !important;
    margin-left: auto !important;
    margin-right: auto !important;

    white-space: normal !important;   /* darf bei 330 px umbrechen, aber … */
    word-break: break-word !important;/* … keine Buchstabenleiter */
    text-align: center !important;
    min-height: 44px;
    padding: 12px 16px !important;
    box-sizing: border-box;
    float: none !important;
  }
}







/* Konto > Downloads: "Keine Downloads verfügbar" gezielt stylen */
body .user-registration-MyAccount-content__body .my-downloads-empty > h2 {
  text-align: center !important;
  font-family: "Futura PT", "FuturaPT", "Futura", sans-serif !important;
  font-size: 12px !important;      /* kleiner */
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: #202020 !important;
  margin: 0 0 6px 0 !important;
  border-bottom: 2px solid transparent !important;
  font-weight: 400 !important;
}



/* Mein Konto > Passwort ändern: Feld-Labels in 12px */
body .user-registration .ur-form-grid fieldset p.user-registration-form-row label,
body .user-registration-MyAccount-content__body .ur-form-grid fieldset p.user-registration-form-row label {
  font-size: 12px !important;
  font-family: "Futura PT", "FuturaPT", "Futura", sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #202020;
  font-weight: 400;
}
















/* ===== Tablet & Mobile (≤1024px) – Buttons sauber mittig & bis 330px ===== */
@media (max-width: 1024px) {

  /* 1) Konto-Content darf volle Breite nutzen, keine seitlichen Verschiebungen */
  body.woocommerce-account .user-registration-MyAccount-content,
  body.woocommerce-account .woocommerce-MyAccount-content {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
  }

  /* 2) Eltern der Buttons: in die Mitte, keine Gaps, kein text-align:left */
  .user-registration-MyAccount-content .ur-button-container,
  .user-registration-MyAccount-content .ur-frontend-form .ur-form-row,
  .woocommerce-MyAccount-content .ur-button-container,
  .woocommerce-MyAccount-content .ur-frontend-form .ur-form-row,
  .woocommerce-MyAccount-content p:has(.button),
  .user-registration-MyAccount-content p:has(.button) {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  /* 3) DIE Buttons: mittig, bis an Container-Rand, max. 330px */
  .user-registration-MyAccount-content a.button,
  .user-registration-MyAccount-content button,
  .user-registration-MyAccount-content input[type="submit"],
  .woocommerce-MyAccount-content a.button,
  .woocommerce-MyAccount-content button.button,
  .woocommerce-MyAccount-content input.button,
  .woocommerce-Addresses .woocommerce-Address .edit {
    /* Breite */
    width: 100% !important;           /* füllt den verfügbaren Platz */
    max-width: 330px !important;      /* „arbeitet“ auf 330px */
    margin-left: auto !important;     /* zentriert */
    margin-right: auto !important;
    padding: 12px 16px !important;
    box-sizing: border-box;
    float: none !important;
    display: block !important;        /* für margin:auto */

    /* Text sauber horizontal */
    text-align: center !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    writing-mode: horizontal-tb !important;
    transform: none !important;
    line-height: 1.25 !important;
  }

  /* 4) Speziell für deine Form-ID 3211 (User Registration) */
  #user-registration-form-3211 .ur-button-container input[type="submit"],
  #user-registration-form-3211 .ur-button-container button[type="submit"],
  #user-registration-form-3211 .ur-button-container .user-registration-Button.button {
    width: 100% !important;
    max-width: 330px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Tablet & Mobile: Buttons passen sich dem Text an (keine Ellipsis) */
@media (max-width: 1024px) {
  .user-registration-MyAccount-content a.button,
  .user-registration-MyAccount-content button,
  .woocommerce-MyAccount-content a.button,
  .woocommerce-MyAccount-content button.button,
  .woocommerce-Addresses .woocommerce-Address .edit,
  #user-registration-form-3211 .ur-button-container .user-registration-Button.button,
  .user-registration-MyAccount-content input[type="submit"],
  .woocommerce-MyAccount-content input.button,
  #user-registration-form-3211 .ur-button-container input[type="submit"] {
    display: inline-flex !important;   /* Breite = Inhalt */
    width: auto !important;
    max-width: 100% !important;
    white-space: nowrap !important;    /* eine Zeile */
    word-break: normal !important;
    overflow: visible !important;      /* nichts abschneiden */
    text-overflow: clip !important;    /* keine … */
    padding: 10px 16px !important;     /* angenehme Seitenränder */
    box-sizing: border-box;
  }
}

/* Tablet & Mobile: Button zentriert + Text zentriert + Breite = Inhalt */
@media (max-width: 1024px) {
  .user-registration-MyAccount-content a.button,
  .user-registration-MyAccount-content button,
  .user-registration-MyAccount-content input[type="submit"],
  .woocommerce-MyAccount-content a.button,
  .woocommerce-MyAccount-content button.button,
  .woocommerce-MyAccount-content input.button,
  .woocommerce-Addresses .woocommerce-Address .edit,
  #user-registration-form-3211 .ur-button-container .user-registration-Button.button,
  #user-registration-form-3211 .ur-button-container input[type="submit"] {
    /* Button selbst mittig ausrichten – funktioniert in Block, Flex & Grid */
    display: flex !important;
    justify-content: center !important;   /* Text im Button zentriert */
    align-items: center !important;
    width: max-content !important;        /* Breite = Inhalt */
    max-width: 100% !important;           /* aber nie breiter als Container */
    margin-left: auto !important;         /* Button zentriert */
    margin-right: auto !important;
    padding: 10px 16px !important;
    box-sizing: border-box;
    text-align: center !important;

    /* kein komisches Umbruchverhalten */
    white-space: nowrap !important;       
    word-break: normal !important;
    overflow: visible !important;
  }

  /* Speziell für die Adress-Header (Titel + Edit-Link): untereinander & zentriert */
  .woocommerce-Addresses .woocommerce-Address-title {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;       /* Titel + Button mittig */
    gap: 12px;
  }
}

/* Woo Mein Konto → Adressen: Edit-Buttons gleich lang (Tablet & Mobile) */
@media (max-width: 1024px) {
  .woocommerce-account .woocommerce-Addresses .woocommerce-Address-title a.edit {
    display: block !important;        /* statt inline/flex */
    width: 100% !important;           /* volle Kartenbreite, wie bei Rechnung */
    box-sizing: border-box !important;
    text-align: center !important;
    margin: 12px 0 0 !important;
    padding: 10px 16px !important;
  }
}


/* ===== Mobile/Tablet: Zahlungsarten-Button zentrieren ===== */
@media (max-width: 1024px) {
  /* Variante auf der Profil-/Konto-Seite (post-3214, laut Screenshot) */
  .post-3214 #user-registration a.button[href*="zahlungsmethode"] {
    display: flex !important;              /* Text mittig möglich */
    justify-content: center !important;    /* Text mittig */
    align-items: center !important;
    text-align: center !important;
    width: max-content !important;         /* Breite = Inhalt */
    max-width: 100% !important;
    margin-left: auto !important;          /* Button mittig */
    margin-right: auto !important;
    white-space: nowrap !important;
  }

  /* Fallback: wenn deine Mein-Konto-Seite die ID 134 hat */
  .post-134 .woocommerce-MyAccount-content a.button[href*="zahlungsmethode"],
  .post-134 #user-registration a.button[href*="zahlungsmethode"] {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: max-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    white-space: nowrap !important;
  }
}

/* Mobile & Tablet – Add Payment Method: Button & Text zentrieren */
@media (max-width: 1024px) {
  /* Container nicht rechts ausrichten */
  .woocommerce-account #add_payment_method .form-row {
    text-align: center !important;
  }

  /* eigentlicher Button */
  .woocommerce-account #add_payment_method #payment #place_order,
  .woocommerce-page   #add_payment_method #payment #place_order {
    float: none !important;                 /* Woo-Default überschreiben */
    display: flex !important;               /* Text mittig */
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;

    width: max-content !important;          /* Breite = Inhalt */
    max-width: 100% !important;
    margin: 12px auto !important;           /* Button selbst mittig */
    white-space: nowrap !important;         /* keine 2. Zeile */
  }
}




























/* ==== PROFIL (post-3214) – Wrapper zurück auf Block & links ==== */
.post-3214 #user-registration .user-registration-profile-fields .user-registration-profile-fields__field-wrapper,
.post-3214 #user-registration .user-registration-profile-fields .ur-form-row,
.post-3214 #user-registration .user-registration-profile-fields p {
  display: block !important;
  text-align: left !important;
  width: 100% !important;
}

/* Nur der Absatz/Container MIT dem Submit-Button wird zentriert */
.post-3214 #user-registration .user-registration-profile-fields p:has(button.user-registration-submit-Button.button),
.post-3214 #user-registration .user-registration-profile-fields .ur-button-container {
  text-align: center !important;
}

/* Der Submit-Button selbst: Text mittig, Button mittig */
.post-3214 #user-registration .user-registration-profile-fields
button.user-registration-submit-Button.button {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 12px auto 0 !important;  /* zentriert */
  float: none !important;
  white-space: nowrap !important;
  text-align: center !important;
}

/* ==== MOBILE (≤768px): 1 Spalte + Checkboxen links ==== */
@media (max-width: 768px) {

  /* Grid wirklich einspaltig */
  .post-3214 #user-registration .ur-frontend-form .ur-form-grid,
  .post-3214 #user-registration .user-registration-profile-fields .ur-form-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .post-3214 #user-registration .ur-frontend-form .ur-form-row,
  .post-3214 #user-registration .ur-frontend-form .form-row {
    width: 100% !important;
    float: none !important;
    display: block !important;
  }

  /* Checkbox-Group linksbündig, Checkbox links vom Label */
  .post-3214 #user-registration .ur-frontend-form .ur-field-checkbox,
  .post-3214 #user-registration .ur-frontend-form .ur-input-type-checkbox,
  .post-3214 #user-registration .ur-frontend-form .ur-checkbox-list {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    text-align: left !important;
  }
  .post-3214 #user-registration .ur-frontend-form input[type="checkbox"] {
    margin: 0 8px 0 0 !important;
    flex: 0 0 auto !important;
    vertical-align: middle !important;
  }
  .post-3214 #user-registration .ur-frontend-form .ur-field-checkbox label,
  .post-3214 #user-registration .ur-frontend-form .ur-input-type-checkbox label {
    margin: 0 !important;
    white-space: normal !important;
    word-break: break-word !important;
    text-align: left !important;
  }
}