/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/








/* konto-aktivieren - Augen beim Passwortsetzen angepasst */
.woocommerce form .password-input { position: relative; }
.woocommerce form .password-input .show-password-input{
  all: unset;
  -webkit-appearance:none; appearance:none;
  position:absolute; right:14px; top:50%; transform:translateY(-50%);
  width:22px; height:22px; cursor:pointer; border:0;
  background-repeat:no-repeat; background-position:center; background-size:20px 20px;
  opacity:.85;
}
.woocommerce form .password-input .show-password-input:hover,
.woocommerce form .password-input .show-password-input:focus{ opacity:1; outline:none; }

/* 👁 Standard: Passwort VERDECKT → hellgraues Auge */
.woocommerce form .password-input .show-password-input{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M12 5C6 5 2.3 8.6 1 12c1.3 3.4 5 7 11 7s9.7-3.6 11-7c-1.3-3.4-5-7-11-7zm0 12a5 5 0 1 1 0-10 5 5 0 0 1 0 10zm0-2.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z'/%3E%3C/svg%3E");
}

/* 👁 Aktiv: Passwort SICHTBAR → dunkleres Auge */
.woocommerce form .password-input .show-password-input.display-password{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333'%3E%3Cpath d='M12 5C6 5 2.3 8.6 1 12c1.3 3.4 5 7 11 7s9.7-3.6 11-7c-1.3-3.4-5-7-11-7zm0 12a5 5 0 1 1 0-10 5 5 0 0 1 0 10zm0-2.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z'/%3E%3C/svg%3E");
}








/* ================================
   Konto / Login – UI & Verhalten
   ================================ */

/* --- WooCommerce Passwortfeld & Labels --- */
.woocommerce form .password-input input {
  border-radius: 3px !important;
  border: 1px solid #ddd;
  padding: 10px 40px 10px 12px; /* Platz fürs Icon rechts */
  font-size: 15px;
  color: #333;
}
.woocommerce form label {
  font-weight: normal !important;
  color: #ffffff !important;
  font-size: 14px;
}
.woocommerce form label .required,
.woocommerce form .required,
.woocommerce-page form .required {
  color: #ffffff !important;
}
.woocommerce form .woocommerce-password-hint,
.woocommerce form .woocommerce-password-strength,
.woocommerce form .woocommerce-info {
  color: #ffffff !important;
  font-size: 13px;
}
.woocommerce form .password-input input::placeholder {
  color: #cfcfcf !important;
  opacity: 1;
}

/* Button */
.woocommerce form button.button,
.woocommerce-page form button.button {
  font-weight: normal !important;
  font-size: 16px;
  padding: 20px 25px;            /* mehr Luft oben/unten */
  border-radius: 3px;
  background-color: #E9893B !important;
  color: #fff !important;
  border: none;
  cursor: pointer;
}
.woocommerce form button.button:hover,
.woocommerce-page form button.button:hover {
  background-color: #F9AE41 !important;
}

/* Passwort-Auge (Woo) */
.woocommerce form .password-input { position: relative; }
.woocommerce form .password-input .show-password-input {
  all: unset; /* Theme-Button-Styles neutralisieren */
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  cursor: pointer;
  opacity: .9;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
/* Auge (Passwort verborgen) */
.woocommerce form .password-input .show-password-input {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjNzc3IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyIDVjLTcuNjMzIDAtMTEgNy0xMSA3czMuMzY3IDcgMTEgNyAxMS03IDExLTctMy4zNjctNy0xMS03em0wIDEyYTUgNSAwIDEgMSAwLTEwIDUgNSAwIDAgMSAwIDEwem0wLTcuNWEyLjUgMi41IDAgMSAwIDAgNSAyLjUgMi41IDAgMCAwIDAtNXoiLz48L3N2Zz4=");
}
/* Auge aktiv (Passwort sichtbar) */
.woocommerce form .password-input .show-password-input.display-password {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMjIyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyIDVjLTcuNjMzIDAtMTEgNy0xMSA3czMuMzY3IDcgMTEgNyAxMS03IDExLTctMy4zNjctNy0xMS03em0wIDEyYTUgNSAwIDEgMSAwLTEwIDUgNSAwIDAgMSAwIDEwem0wLTcuNWEyLjUgMi41IDAgMSAwIDAgNSAyLjUgMi41IDAgMCAwIDAtNXoiLz48L3N2Zz4=");
  opacity: 1;
}
.woocommerce form .password-input .show-password-input:hover {
  filter: brightness(0.9);
}

/* Hinweistexte (nur auf dieser Elementor-Seite, falls gewünscht) */
.elementor-25604 p.form-row {
  color: #fff !important;
  font-size: 13px !important;
  line-height: 1.4;
  margin: 6px 0 !important;
}

/* --- Sichtbarkeit nach Login-Status (Frontend ONLY) --- */

/* Login-Box bei eingeloggten Usern verstecken – aber NICHT im Editor */
body.logged-in:not(.elementor-editor-active) .login-box {
  display: none !important;
}

/* LOGIN-Links/Bereiche nur für ausgeloggte User – nicht im Editor ausblenden */
body.logged-in:not(.elementor-editor-active) .only-logged-out {
  display: none !important;
}

/* LOGOUT-Links/Bereiche nur für eingeloggte User – nicht im Editor ausblenden */
body:not(.logged-in):not(.elementor-editor-active) .only-logged-in {
  display: none !important;
}

/* Sicherheit: Im Editor immer sichtbar halten (falls etwas durch oben
   doch getroffen würde) */
.elementor-editor-active .login-box,
.elementor-editor-active .only-logged-out,
.elementor-editor-active .only-logged-in {
  display: revert !important; /* ursprüngliche Anzeige wiederherstellen */
}

/* --- UAEL Login-Formular: "Passwort vergessen?" Link --- */
.elementor-widget-uael-login-form .uael-login-form-footer-link {
  display: block;                 /* ganze Zeile */
  width: max-content;             /* so breit wie der Text */
  margin: 6px auto 0 !important; /* zentriert */
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #fff !important;
  text-decoration: none;
  float: none;
}
.elementor-widget-uael-login-form .uael-login-form-footer-link:hover,
.elementor-widget-uael-login-form .uael-login-form-footer-link:focus {
  color: #E9893B !important;
}







/* =========================================
   WooCommerce "Passwort vergessen" – Styling
   (robust, ohne eigene Wrapper-Klasse)
   ========================================= */

/* Breite & Zentrierung des Formulars */
body .elementor form.lost_reset_password,
body .woocommerce form.lost_reset_password {
  max-width: 640px;
  margin: 0 auto;
}

/* Eingabefeld (E-Mail / Benutzername) */
body .elementor form.lost_reset_password input.input-text,
body .woocommerce form.lost_reset_password input.input-text,
body .elementor form.lost_reset_password input[type="email"],
body .woocommerce form.lost_reset_password input[type="email"],
body .elementor form.lost_reset_password input[type="text"],
body .woocommerce form.lost_reset_password input[type="text"] {
  border-radius: 3px !important;
  border: 1px solid #ddd !important;
  padding: 10px 12px !important;
  font-size: 15px !important;
  color: #333 !important;
  width: 100% !important;
  box-sizing: border-box;
}

/* Label */
body .elementor form.lost_reset_password label,
body .woocommerce form.lost_reset_password label {
  font-weight: normal !important;
  color: #ffffff !important;
  font-size: 14px !important;
}

/* Pflichtsternchen */
body .elementor form.lost_reset_password .required,
body .woocommerce form.lost_reset_password .required {
  color: #ffffff !important;
}

/* Hinweise / Texte unter dem Feld */
body .elementor form.lost_reset_password .form-row,
body .woocommerce form.lost_reset_password .form-row {
  color: #ffffff !important;
}

/* Abstände zwischen den Reihen */
body .elementor form.lost_reset_password .form-row,
body .woocommerce form.lost_reset_password .form-row {
  margin-bottom: 14px !important;
}

/* Button – konsistent zum Login */
body .elementor form.lost_reset_password button,
body .elementor form.lost_reset_password button.button,
body .woocommerce form.lost_reset_password button,
body .woocommerce form.lost_reset_password button.button {
  font-weight: normal !important;
  font-size: 16px !important;
  padding: 20px 25px !important;       /* extra Luft oben/unten */
  border-radius: 3px !important;
  background-color: #E9893B !important; /* Orange */
  color: #fff !important;
  border: none !important;
  cursor: pointer !important;
}

body .elementor form.lost_reset_password button:hover,
body .elementor form.lost_reset_password button.button:hover,
body .woocommerce form.lost_reset_password button:hover,
body .woocommerce form.lost_reset_password button.button:hover {
  background-color: #F9AE41 !important;
}

/* Woo-Notices (Erfolg/Info/Fehler) in weiß anzeigen */
body .elementor .woocommerce-notices-wrapper,
body .elementor .woocommerce-message,
body .elementor .woocommerce-info,
body .elementor .woocommerce-error,
body .woocommerce .woocommerce-notices-wrapper,
body .woocommerce .woocommerce-message,
body .woocommerce .woocommerce-info,
body .woocommerce .woocommerce-error {
  color: #ffffff !important;
}
/* Intro-Text im Passwort-vergessen Formular verstecken */
.woocommerce-lost-password .woocommerce p:first-of-type {
  display: none !important;
}




/* Wrapper & Feld bleiben wie zuvor; relevant hier sind die :before-Icons */

/* Basis-Setup (wie gehabt, absolut positioniert) */
.woocommerce .woocommerce-ResetPassword.lost_reset_password
  .password-input { position: relative; display:block; overflow:hidden; }

.woocommerce .woocommerce-ResetPassword.lost_reset_password
  .password-input input[type="password"]{
  box-sizing:border-box; width:100%;
  border-radius:3px !important; border:1px solid #ddd;
  padding:10px 56px 10px 12px; font-size:15px; color:#333; background:#fff;
}

.woocommerce .woocommerce-ResetPassword.lost_reset_password
  .password-input .show-password-input{
  all:unset; position:absolute !important; right:10px; top:50%;
  transform:translateY(-50%); width:42px; height:34px;
  margin:0 !important; padding:0 !important; line-height:1 !important;
  background:#fff !important; border:0 !important; border-radius:4px;
  cursor:pointer; appearance:none;
}

/* Auge: STANDARD = hellgrau */
.woocommerce .woocommerce-ResetPassword.lost_reset_password
  .password-input .show-password-input::before{
  content:''; display:block; width:18px; height:18px; margin:auto;
  background-repeat:no-repeat; background-position:center; background-size:contain;
  /* hellgraues Auge */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23BFC7CF' d='M12 5C6.5 5 2.73 8.11 1 12c1.73 3.89 5.5 7 11 7s9.27-3.11 11-7c-1.73-3.89-5.5-7-11-7Zm0 12a5 5 0 1 1 0-10 5 5 0 0 1 0 10Zm0-2.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z'/%3E%3C/svg%3E");
}

/* Auge: AKTIV (Passwort sichtbar) = dunkleres Grau */
.woocommerce .woocommerce-ResetPassword.lost_reset_password
  .password-input .show-password-input.display-password::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23556B78' d='M12 5C6.5 5 2.73 8.11 1 12c1.73 3.89 5.5 7 11 7s9.27-3.11 11-7c-1.73-3.89-5.5-7-11-7Zm0 12a5 5 0 1 1 0-10 5 5 0 0 1 0 10Zm0-2.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z'/%3E%3C/svg%3E");
}




/* Killt jeglichen Rahmen/Shadow rund um das Reset-Formular-Widget */
.elementor-element-2e3a80e > .elementor-widget-container,
.elementor-element-2e3a80e .elementor-shortcode,
.elementor-element-2e3a80e .elementor-shortcode > * {
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
}


/* Textfarbe in Notices normalisieren */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  color: #1f3447 !important;   /* dunkles Blau/Grau – gut lesbar */
}

/* Links in Notices */
.woocommerce-error a,
.woocommerce-info a,
.woocommerce-message a {
  color: #1f3447;
  text-decoration: underline;
}
.woocommerce-error a:hover,
.woocommerce-info a:hover,
.woocommerce-message a:hover {
  color: #E9893B;
}

body .elementor .woocommerce-notices-wrapper,
body .elementor .woocommerce-message,
body .elementor .woocommerce-info,
body .elementor .woocommerce-error,
body .woocommerce .woocommerce-notices-wrapper,
body .woocommerce .woocommerce-message,
body .woocommerce .woocommerce-info,
body .woocommerce .woocommerce-error {
  color: #1F1F1F !important;
}
/* Hintergrund/Border/Icon an dein Design anpassen */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  background: rgba(255,255,255,0.9);
  border: none;
  border-left: 4px solid #E9893B;
  padding: 14px 16px 14px 44px;
  border-radius: 6px;
  box-shadow: 0 8px 24px rgba(23,52,71,0.08);
}
/* Icon-Farbe & Position */
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
  left: 16px;
  top: 14px;
  color: #E9893B;
}

/* Breite & Optik wie beim Woo-Reset */
.dfx-activate-wrap .woocommerce-password-strength{
  display:none;           /* wird per JS ein-/ausgeblendet */
  width:100%;
  box-sizing:border-box;
  margin-top:8px;
  padding:6px 10px;
  border-radius:4px;
  line-height:1.2;
  font-size:14px;
}



/**Warenkorb Slide in - Zwischenabstand der BUttons näher aneinander**/	
body .astra-cart-drawer.active .astra-cart-drawer-content .woocommerce-mini-cart__buttons {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    padding: 2.0em !important;
    text-align: center !important;
    margin-bottom: 25 !important;
}

/**Warenkorb Slide in - inkl. 19% MwSt.: und die € auf gleicher Höhe zur Zwischensumme**/	

.woocommerce-js .widget_shopping_cart .total, .woocommerce-js.widget_shopping_cart .total {

display: flex
;
    justify-content: space-between;
    padding: 0.7em 1.34em;
    margin-bottom: 0;

}




/**Warenkorb Slide in - Strich an der Zwischensumme oben weggemacht**/	
.woocommerce-js .widget_shopping_cart .total, .woocommerce-js.widget_shopping_cart .total {

    border-top: 0px solid var(--ast-border-color);


}



.woocommerce ul.products, .woocommerce-page ul.products {
    display: grid
;
    column-gap: 50px;
}





/* 1) FUCHS im Borlabs Cookie Banner am Anfang */
/*    Eltern offen halten, damit der Fuchs überhängen darf */
.brlbs-cmpnt-container .brlbs-mt-4,
.brlbs-cmpnt-container .brlbs-mt-4 > div:first-child {
  overflow: visible !important;
}

/* 2) Bezugspunkt ist der „Alle Cookies akzeptieren“-Button */
.brlbs-cmpnt-container .brlbs-btn-accept-all {
  position: relative !important;   /* überschreibt den Borlabs-Reset (position: static) */
  z-index: 2 !important;           /* Button bleibt klickbar */
  margin-top: 64px !important;     /* Platz für den Fuchs-Kopf */
  overflow: visible !important;
}

/* 3) Fuchs als Pseudo-Element vor den Button legen */
.brlbs-cmpnt-container .brlbs-btn-accept-all::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -94%);     /* ggf. -80% bis -100% feinjustieren */
  width: 140px;
  height: 95px;
  background: url("https://derbewerbungsfuchs.de/wp-content/uploads/2025/08/dercutenessoverloadbewerbungsfuchs.svg")
              center / contain no-repeat;
  z-index: 5;
  pointer-events: none;
  filter: drop-shadow(0 2px 2px rgba(0,0,0,.2));
}

/* Optional: Falls eine Scroll-Hülle verwendet wird, Überlauf erlauben */
.brlbs-cmpnt-container .overflow-auto,
.brlbs-cmpnt-container .overflow-hidden {
  overflow: visible !important;
}