/**
 * Neues, aufgeräumtes CSS-File für Anpassungen ab 2026.
 * Bitte neue Custom-Styles ab jetzt hier statt in den alten Dateien ergänzen.
 */


 /* My Account: "Passwort anzeigen"-Icon in den Passwortfeldern ausblenden */
 .show-password-input {
     display: none;
 }

 /* My Account: Link zum Löschen des eigenen Kontos (Konto Details) */
 .ssc-delete-account {
     margin-top: 1em;
 }
 .ssc-delete-account-link {
     color: #777777;
     text-decoration: underline;
     cursor: pointer;
 }
 .ssc-delete-account-link:hover {
     color: #555555;
 }

 /* My Account: Info-Notices (z.B. "Bitte bestätige deine E-Mail-Adresse") auffälliger gestalten */
 body:not(.woocommerce-checkout) .woocommerce-info {
     display: flex;
     align-items: center;
     gap: 0.75em;
     background-color: #f7f7f7;
     border: 1px solid #eeeeee;
     border-left: 4px solid #FFDD00;
     border-radius: 6px;
     padding: 1em 1.25em;
     margin: 0 0 1.5em;
     color: #000000;
     font-size: 0.95em;
     line-height: 1.5;
 }
 body:not(.woocommerce-checkout) .woocommerce-info::before {
     content: "i";
     flex-shrink: 0;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 1.4em;
     height: 1.4em;
     border-radius: 50%;
     background-color: #FFDD03;
     color: #4a4a4a;
     font-weight: 700;
     font-style: italic;
     font-family: Georgia, serif;
     font-size: 0.9em;
 }
 body:not(.woocommerce-checkout) .woocommerce-info .message-container {
     flex: 1;
     text-align: left;
 }

 /* My Account: Fehler-Notices im gleichen Look wie die Info-Notices, nur mit rotem Akzent.
    Box-Styling liegt auf .message-container (statt auf dem äußeren <ul>), da diese
    bereits über die Flatsome-Klasse "container" auf die Inhaltsbreite begrenzt ist.
    Alle Regeln in diesem Block gelten bewusst nicht im Checkout (z.B. Coupon-Hinweis),
    daher der body:not(.woocommerce-checkout)-Scope. */

body:not(.woocommerce-checkout) #wrapper>.message-wrapper {
    padding-block: .75em !important;
}


 body:not(.woocommerce-checkout) .woocommerce-error {
     list-style: none;
     margin: 0 0 1.5em;
     padding: 0;
 }
 body:not(.woocommerce-checkout) .woocommerce-error li {
     margin: 0;
     padding: 0;
 }
 body:not(.woocommerce-checkout) .woocommerce-error .message-container {
     display: flex;
     align-items: center;
     gap: 0.75em;
     background-color: #f7f7f7;
     border: 1px solid #eeeeee;
     border-left: 4px solid #e74c3c;
     border-radius: 6px;
     padding: 1em 1.25em;
     font-size: 0.95em;
     line-height: 1.5;
     text-align: left;
 }
 body:not(.woocommerce-checkout) .woocommerce-error .message-container,
 body:not(.woocommerce-checkout) .woocommerce-error .message-container strong {
     color: #000000 !important;
 }
 body:not(.woocommerce-checkout) .woocommerce-error .message-icon {
     flex-shrink: 0;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 1.4em;
     height: 1.4em;
     border-radius: 50%;
     background-color: #e74c3c;
     font-size: 0.7em;
     line-height: 1;
 }
 body:not(.woocommerce-checkout) .woocommerce-error .message-icon::before {
     content: "\00d7" !important;
     font-family: Georgia, serif !important;
     font-style: normal !important;
     font-weight: 700 !important;
     color: #ffffff !important;
 }



/* My Account: Normaler Titel */
 .normal-title {
     background-color: transparent !important;
     border-top: none !important;
     border-bottom: none !important;
 }