.elementor-3262 .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;}.elementor-3262 .elementor-element.elementor-element-760ee71:not(.elementor-motion-effects-element-type-background), .elementor-3262 .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-7-scaled.webp");background-position:center center;}.elementor-3262 .elementor-element.elementor-element-4be474d{--display:flex;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3262 .elementor-element.elementor-element-4be474d::before, .elementor-3262 .elementor-element.elementor-element-4be474d > .elementor-background-video-container::before, .elementor-3262 .elementor-element.elementor-element-4be474d > .e-con-inner > .elementor-background-video-container::before, .elementor-3262 .elementor-element.elementor-element-4be474d > .elementor-background-slideshow::before, .elementor-3262 .elementor-element.elementor-element-4be474d > .e-con-inner > .elementor-background-slideshow::before, .elementor-3262 .elementor-element.elementor-element-4be474d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-3262 .elementor-element.elementor-element-89d58e6{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:30px;--padding-right:0px;}.elementor-3262 .elementor-element.elementor-element-20c776c p{margin-block-end:0px;}.elementor-3262 .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(max-width:1024px){.elementor-3262 .elementor-element.elementor-element-89d58e6{--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-3262 .elementor-element.elementor-element-760ee71:not(.elementor-motion-effects-element-type-background), .elementor-3262 .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-3262 .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;}}@media(min-width:768px){.elementor-3262 .elementor-element.elementor-element-4be474d{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-4be474d *//* ======================================================
   1. BASIS & SCOPE (ALLGEMEIN)
   ====================================================== */

.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: #fff;
}

/* Buttons Standard-Look */
.woocommerce-account .button {
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.18);
    color: #fff;
    border-radius: 10px;
    padding: 12px 18px;
    transition: all 0.2s ease;
}

.woocommerce-account .button:hover {
    background: rgba(255,255,255,0.2);
}

/* ======================================================
   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: rgba(0,0,0,0.35);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 16px;
    padding: 20px;
    flex: 1;
}

.woocommerce-account:not(.logged-in) .woocommerce form input.input-text {
    background: rgba(0,0,0,0.55);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 12px;
    padding: 16px 18px;
}

.woocommerce-account:not(.logged-in) .woocommerce form input::placeholder {
    color: rgba(255,255,255,0.55);
}

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

/* Sidebar Navigation */
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
    background: rgba(0,0,0,0.35);
    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: #2a2a2a;
    color: #ddd;
}

.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li.is-active > a {
    background: #333;
    font-weight: 600;
}

/* Content Box */
.woocommerce-account.logged-in .woocommerce-MyAccount-content {
    background: rgba(0,0,0,0.35);
    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 rgba(255,255,255,0.15);
    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: #000 !important;
    background: #fff !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: #000 !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: #fff !important; /* Adressen Text wieder weiß */
}

/* Adressen-Formular (beim Bearbeiten) wieder als Box */
.woocommerce-account.logged-in .woocommerce-address-fields {
    background: rgba(0,0,0,0.35) !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: #000 !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Address-title p a.edit {
    color: #000 !important;
    display: inline-block; /* Hilft manchmal, damit Farbregeln greifen */
}
/* Nur den Preis und das Währungssymbol weiß machen */
.woocommerce-Price-amount.amount .woocommerce-Price-currencySymbol {
    color: #ffffff !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: #ffffff !important;
}

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

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

/* Speziell für die Bestellnummer (Link weiß machen) */
.woocommerce-account table.shop_table th.woocommerce-orders-table__cell-order-number p a {
    color: #ffffff !important;
    text-decoration: none; /* Optional: unterstreichung entfernen */
}
/* NUR Überschriften der Order-Details-Tabelle */
.woocommerce-account table.shop_table.order_details > thead > tr > th {
    color: #000 !important;
}
.woocommerce-account .woocommerce-customer-details h2 {
    color: #000 !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
   (WICHTIG: KEIN flex auf dem TD!)
   ======================================================= */

/* Action-Zelle bleibt echte Tabellenzelle */
.woocommerce-account .sr-abo-table td.sr-actions{
  display:table-cell !important;
  vertical-align:middle !important;
  white-space:nowrap; /* Buttons nebeneinander */
}

/* Forms in Action-Zelle: nebeneinander + mittig */
.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: klein + Text mittig (optisch gleiche Linie wie Badge) */
.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; }


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

@media (max-width: 768px) {
    .woocommerce-account:not(.logged-in) .u-columns {
        flex-direction: column;
        gap: 12px;
    }
    
    .woocommerce-account h2 {
    font-size: 20px;
    line-height: 1.3;
  }

    .woocommerce-account.logged-in .woocommerce {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
    
    .woocommerce-account:not(.logged-in) .woocommerce {
        max-width: 100% !important;
    }
}/* End custom CSS */