.elementor-2936 .elementor-element.elementor-element-760ee71{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;}.elementor-2936 .elementor-element.elementor-element-760ee71:not(.elementor-motion-effects-element-type-background), .elementor-2936 .elementor-element.elementor-element-760ee71 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://byamanda.ch/wp-content/uploads/2026/01/byamanda-highclass-escort-7-scaled.webp");background-position:center center;background-repeat:repeat;}.elementor-2936 .elementor-element.elementor-element-760ee71::before, .elementor-2936 .elementor-element.elementor-element-760ee71 > .elementor-background-video-container::before, .elementor-2936 .elementor-element.elementor-element-760ee71 > .e-con-inner > .elementor-background-video-container::before, .elementor-2936 .elementor-element.elementor-element-760ee71 > .elementor-background-slideshow::before, .elementor-2936 .elementor-element.elementor-element-760ee71 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2936 .elementor-element.elementor-element-760ee71 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-2936 .elementor-element.elementor-element-4be474d{--display:flex;--overlay-opacity:0.5;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2936 .elementor-element.elementor-element-4be474d::before, .elementor-2936 .elementor-element.elementor-element-4be474d > .elementor-background-video-container::before, .elementor-2936 .elementor-element.elementor-element-4be474d > .e-con-inner > .elementor-background-video-container::before, .elementor-2936 .elementor-element.elementor-element-4be474d > .elementor-background-slideshow::before, .elementor-2936 .elementor-element.elementor-element-4be474d > .e-con-inner > .elementor-background-slideshow::before, .elementor-2936 .elementor-element.elementor-element-4be474d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-2936 .elementor-element.elementor-element-68577e9{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:30px;--padding-right:0px;}.elementor-2936 .elementor-element.elementor-element-2353a27 p{margin-block-end:0px;}.elementor-2936 .elementor-element.elementor-element-16fa594{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2936 .elementor-element.elementor-element-4be474d{--width:100%;}}@media(max-width:1024px){.elementor-2936 .elementor-element.elementor-element-760ee71{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2936 .elementor-element.elementor-element-4be474d{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2936 .elementor-element.elementor-element-68577e9{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-2936 .elementor-element.elementor-element-760ee71:not(.elementor-motion-effects-element-type-background), .elementor-2936 .elementor-element.elementor-element-760ee71 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://byamanda.ch/wp-content/uploads/2026/01/byamanda-highclass-escort-weihnachten-1-scaled.webp");background-repeat:no-repeat;}.elementor-2936 .elementor-element.elementor-element-4be474d{--width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-4be474d *//* ======================================================
   0. GLOBAL VARS (Farben zentral ändern)
   ====================================================== */
:root{
  --wc-white: #fff;
  --wc-black: #000;

  --wc-btn-bg: rgba(255,255,255,0.12);
  --wc-btn-bg-hover: rgba(255,255,255,0.2);
  --wc-btn-border: rgba(255,255,255,0.18);

  --wc-box-bg: rgba(0,0,0,0.35);
  --wc-box-border: rgba(255,255,255,0.12);

  --wc-input-bg: rgba(0,0,0,0.55);
  --wc-input-border: rgba(255,255,255,0.18);
  --wc-placeholder: rgba(255,255,255,0.55);

  --wc-table-border: rgba(255,255,255,0.15);

  --wc-nav-hover-bg: #2a2a2a;
  --wc-nav-hover-text: #ddd;
  --wc-nav-active-bg: #333;

  --wc-notice-text: #000000; /* Erfolg/Info/Fehler Text */
}

/* ======================================================
   1. BASIS & SCOPE (ALLGEMEIN)
   ====================================================== */

.woocommerce-account h2{
  font-size: 20px;
  line-height: 1.3;
}

.woocommerce-account .site-main,
.woocommerce-account .content-area,
.woocommerce-account .woocommerce{
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Grundsätzlich weißer Text für den gesamten Account-Bereich */
.woocommerce-account,
.woocommerce-account *{
  color: var(--wc-white);
}

/* Buttons Standard-Look */
.woocommerce-account .button{
  background: var(--wc-btn-bg);
  border: 1px solid var(--wc-btn-border);
  color: var(--wc-white);
  border-radius: 10px;
  padding: 12px 18px;
  transition: all 0.2s ease;
}
.woocommerce-account .button:hover{
  background: var(--wc-btn-bg-hover);
}

/* ======================================================
   2. LOGIN / REGISTRIERUNG (NICHT EINGELOGGT)
   ====================================================== */

.woocommerce-account:not(.logged-in) .woocommerce{
  max-width: 980px !important;
  margin: 0 auto !important;
  padding: 0 16px !important;
}

/* Layout Spalten */
.woocommerce-account:not(.logged-in) .u-columns{
  display: flex;
  gap: 40px;
  align-items: stretch;
}

.woocommerce-account:not(.logged-in) .u-column1,
.woocommerce-account:not(.logged-in) .u-column2{
  flex: 1;
  display: flex;
  flex-direction: column;
}

.woocommerce-account:not(.logged-in) h2{
  text-align: center;
  width: 100%;
  margin-bottom: 2px;
  font-size: 26px;
}

/* Formulare im Login-Bereich */
.woocommerce-account:not(.logged-in) .woocommerce form{
  background: var(--wc-box-bg);
  border: 1px solid var(--wc-box-border);
  border-radius: 16px;
  margin-top: 0 !important;
  padding: 20px;
  flex: 1;
}

.woocommerce-account:not(.logged-in) .woocommerce form input.input-text{
  background: var(--wc-input-bg);
  color: var(--wc-white);
  border: 1px solid var(--wc-input-border);
  border-radius: 12px;
  padding: 16px 18px;
}

.woocommerce-account:not(.logged-in) .woocommerce form input::placeholder{
  color: var(--wc-placeholder);
}

/* ======================================================
   3. MEIN KONTO (EINGELOGGT) - NAVIGATION & LAYOUT
   ====================================================== */

/* Sidebar Navigation */
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation{
  background: var(--wc-box-bg);
  border-radius: 16px;
  padding: 24px;
}

.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul{
  list-style: none;
  padding: 0;
}

.woocommerce-account.logged-in .woocommerce-MyAccount-navigation a{
  display: block;
  padding: 14px 16px;
  border-radius: 10px;
  transition: background 0.2s ease;
}

.woocommerce-account.logged-in .woocommerce-MyAccount-navigation a:hover{
  background: var(--wc-nav-hover-bg);
  color: var(--wc-nav-hover-text);
}

.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li.is-active > a{
  background: var(--wc-nav-active-bg);
  font-weight: 600;
}

/* Content Box */
.woocommerce-account.logged-in .woocommerce-MyAccount-content{
  background: var(--wc-box-bg);
  border-radius: 16px;
  padding: 32px;
}

/* Tabellen (Bestellungen / Downloads) */
.woocommerce-account.logged-in table{
  width: 100%;
  border-collapse: collapse;
}

.woocommerce-account.logged-in table th,
.woocommerce-account.logged-in table td{
  padding: 14px;
  border-bottom: 1px solid var(--wc-table-border);
  text-align: left;
}

/* ======================================================
   4. SPEZIFISCHE SEITEN-LOGIK (FARBEN & DISPLAY)
   ====================================================== */

/* A. KONTODETAILS - Schwarzer Text auf weißem Grund */
.woocommerce-account.logged-in .woocommerce-MyAccount-content form.edit-account input:not([type="submit"]),
.woocommerce-account.logged-in .woocommerce-MyAccount-content form.edit-account textarea,
.woocommerce-account.logged-in .woocommerce-MyAccount-content form.edit-account select{
  color: var(--wc-black) !important;
  background: var(--wc-white) !important;
}

/* B. BESTELLUNGEN, DOWNLOADS, ADRESSEN - Inhalts-Texte schwarz (wie im Original gewünscht) */
.woocommerce-orders .woocommerce-MyAccount-content,
.woocommerce-orders .woocommerce-MyAccount-content *:not(.button),
.woocommerce-downloads .woocommerce-MyAccount-content,
.woocommerce-downloads .woocommerce-MyAccount-content *:not(.button),
.woocommerce-edit-address .woocommerce-MyAccount-content:not(form){
  color: var(--wc-black) !important;
}

/* C. ADRESSEN ÜBERSICHT - Transparentes Layout */
.woocommerce-account.logged-in .woocommerce-Addresses,
.woocommerce-account.logged-in .woocommerce-Addresses .woocommerce-Address,
.woocommerce-account.logged-in .woocommerce-Addresses .woocommerce-Address address{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  color: var(--wc-white) !important; /* Adressen Text wieder weiß */
}

/* Adressen-Formular (beim Bearbeiten) wieder als Box */
.woocommerce-account.logged-in .woocommerce-address-fields{
  background: var(--wc-box-bg) !important;
  padding: 32px !important;
  border-radius: 16px;
}

/* Spezialwunsch: Adress-Überschrift Schwarz */
body.woocommerce-account.logged-in .woocommerce-MyAccount-content header.woocommerce-Address-title.title > h2{
  color: var(--wc-black) !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Address-title p a.edit{
  color: var(--wc-black) !important;
  display: inline-block;
}

/* Nur den Preis und das Währungssymbol weiß machen */
.woocommerce-Price-amount.amount .woocommerce-Price-currencySymbol{
  color: var(--wc-white) !important;
}

/* Erhöhte Spezifität für alle Tabellen-Inhalte (Bestellnummer, Datum, Status, Preis) */
.woocommerce-account table.shop_table th.woocommerce-orders-table__cell-order-number p a,
.woocommerce-account table.shop_table td.woocommerce-orders-table__cell p,
.woocommerce-account table.shop_table td.woocommerce-orders-table__cell p time,
.woocommerce-account table.shop_table td.woocommerce-orders-table__cell p span.amount,
.woocommerce-account table.shop_table td.woocommerce-orders-table__cell p span.woocommerce-Price-currencySymbol{
  color: var(--wc-white) !important;
}

/* Speziell für die Spalte Gesamtsumme (Preis & Text daneben) */
.woocommerce-account table.shop_table td.woocommerce-orders-table__cell-order-total p{
  color: var(--wc-white) !important;
}

/* Speziell für die Spalte Datum */
.woocommerce-account table.shop_table td.woocommerce-orders-table__cell-order-date p time{
  color: var(--wc-white) !important;
}

/* Speziell für die Bestellnummer (Link weiß machen) */
.woocommerce-account table.shop_table th.woocommerce-orders-table__cell-order-number p a{
  color: var(--wc-white) !important;
  text-decoration: none;
}

/* NUR Überschriften der Order-Details-Tabelle */
.woocommerce-account table.shop_table.order_details > thead > tr > th{
  color: var(--wc-black) !important;
}

.woocommerce-account .woocommerce-customer-details h2{
  color: var(--wc-black) !important;
  font-size: 20px;
}

/* ======================================================
   5. Adminbuttons (FINAL – ohne Dopplungen, alles sauber)
   ====================================================== */

/* Box um das Tool */
.woocommerce-account .sr-abo-admin-tools{
  margin: 14px 0;
  padding: 12px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 12px;
}

/* Hinweisbox */
.woocommerce-account .sr-abo-note{
  margin: 10px 0;
  padding: 10px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 10px;
}

/* Scroll-Wrapper: verhindert abgeschnittenen Rahmen */
.woocommerce-account .sr-abo-table-wrap{
  overflow: auto;
  padding: 1px;
}

/* TABLE: EIN Rahmen + EIN Liniensystem (keine Doppelränder) */
.woocommerce-account .sr-abo-table{
  width: 100%;
  min-width: 920px;
  border: 1px solid rgba(255,255,255,.22);
  border-collapse: collapse !important;
}

/* Zellen */
.woocommerce-account .sr-abo-table th,
.woocommerce-account .sr-abo-table td{
  padding: 10px;
  vertical-align: middle !important;
  border: none !important;
}

/* Kopfzeile */
.woocommerce-account .sr-abo-table thead tr{
  border-bottom: 1px solid rgba(255,255,255,.22);
}
.woocommerce-account .sr-abo-table th{
  text-align: left;
}

/* Zeilen-Trenner */
.woocommerce-account .sr-abo-table tbody tr{
  border-bottom: 1px solid rgba(255,255,255,.10);
}
.woocommerce-account .sr-abo-table tbody tr:last-child{
  border-bottom: none;
}

/* User-Zelle Typo */
.woocommerce-account .sr-usercell .sr-username{ font-weight: 600; }
.woocommerce-account .sr-usercell .sr-email{ opacity: .8; }
.woocommerce-account .sr-usercell .sr-meta{ opacity: .6; font-size: 12px; }

/* Badges */
.woocommerce-account .sr-badge{
  display: inline-block;
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.18);
  line-height: 1.2;
}
.woocommerce-account .sr-badge--off{ opacity: .8; }

/* ACTIONS: gleiche Zell-Logik wie sr-cell + Buttons mittig (KEIN flex auf dem TD!) */
.woocommerce-account .sr-abo-table td.sr-actions{
  display: table-cell !important;
  vertical-align: middle !important;
  white-space: nowrap;
}

/* Forms in Action-Zelle */
.woocommerce-account .sr-abo-table td.sr-actions form,
.woocommerce-account .sr-abo-table td.sr-actions .sr-form{
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  vertical-align: middle !important;
}

/* Abstand zwischen den beiden Forms */
.woocommerce-account .sr-abo-table td.sr-actions form + form,
.woocommerce-account .sr-abo-table td.sr-actions .sr-form + .sr-form{
  margin-left: 8px !important;
}

/* Buttons */
.woocommerce-account .sr-abo-btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  height: 26px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  line-height: 1 !important;

  border-radius: 6px !important;
  min-height: 0 !important;
  box-sizing: border-box !important;

  opacity: .85;
}
.woocommerce-account .sr-abo-btn:hover{ opacity: 1; }

/* Farben */
.woocommerce-account .sr-abo-btn--end{
  border-color: #ff5a5a !important;
  color: #ff5a5a !important;
}
.woocommerce-account .sr-abo-btn--plus6{
  border-color: #4caf50 !important;
  color: #4caf50 !important;
}

/* Pagination */
.woocommerce-account .sr-abo-pagination{
  margin-top: 12px;
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
.woocommerce-account .sr-pageinfo{ opacity: .7; }

/* ======================================================
   WooCommerce Notices – Text immer schwarz
   ====================================================== */
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-message *,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-info *,
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-error *{
  color: var(--wc-notice-text) !important;
}

/* ======================================================
   6. RESPONSIVE DESIGN
   ====================================================== */

@media (max-width: 768px){

  .woocommerce-account:not(.logged-in) .u-columns{
    flex-direction: column;
    gap: 10px;
  }

  .woocommerce-account h2{
    font-size: 20px;
    line-height: 1.3;
  }

  .woocommerce-account.logged-in .woocommerce{
    display: flex;
    flex-direction: column;
    gap: 16px;

    /* NUR Mobile: Padding links/rechts weg (wie bisher) */
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .woocommerce-account:not(.logged-in) .woocommerce{
    max-width: 100% !important;
  }

  /* Mobile: Form padding enger + volle Breite (wie bisher, entdoppelt) */
  .woocommerce-account .woocommerce form{
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 4px !important;
  }

  /* WooCommerce Tabellen – data-title Text weiß */
  .woocommerce table.shop_table_responsive td::before{
    color: var(--wc-white) !important;
  }

  /* NUR eingeloggte User – Mein Konto (Mobile) */
  .woocommerce-account.logged-in .woocommerce form{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .woocommerce-account.logged-in .woocommerce-address-fields,
  .woocommerce-account.logged-in .woocommerce-address-fields__field-wrapper{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .woocommerce-account.logged-in .form-row{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}/* End custom CSS */