/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.27.4.1762878807
Updated: 2025-11-11 17:33:27

*/ 
/* === Victor's Custom CSS === */
/* ======================== */
/* SHOP – Preiskosmetik     */
/* ======================== */
ul.products li.product.sale .price .amount { color: red; }
ins .woocommerce-Price-amount { color:#cf2415 !important; } /* falls nur reduzierte Preise, nutze: ins .woocommerce-Price-amount */
.woocommerce span.onsale { display:none; }

/* ======================== */
/* GLOBAL HEADER ABSTAND    */
/* ======================== */
#main-header { margin-bottom:0 !important; padding-bottom:0 !important; }
.et_pb_section_0 { margin-top:0 !important; padding-top:0 !important; }

/* Footer-Farbe */
#footer-bottom { background:#fff !important; color:#000 !important; }

/* ======================== */
/* HEADER – Desktop (>=981) */
/* ======================== */
@media (min-width:981px){
  .et_pb_section.global-header,
  .et_pb_section.global-header .et_pb_row{
    height:100px !important; max-height:100px !important; min-height:100px !important;
    display:flex; align-items:center; justify-content:space-between;
  }

  /* Logo-Spalte nur Eigenbreite */
  .et_pb_section.global-header .et_pb_row .et_pb_column:first-child{
    flex:0 0 auto; width:auto !important; margin-right:auto;
    display:flex; align-items:center;
  }
  .et_pb_section.global-header .et_pb_row .et_pb_column:first-child img{
    display:block; width:auto !important; height:auto; max-height:60px; object-fit:contain;
  }

  /* Rechte Spalte: Guthaben + Cart + Menü */
  #accro-right{
    display:flex; align-items:center; justify-content:flex-end;
    gap:12px; flex-wrap:nowrap; min-width:0;
  }
  /* Reihenfolge */
  #accro-right .aad-pts.hdr{ order:1; }
  #accro-right .aad-cart   { order:2; }
  #accro-right .et_pb_menu { order:3; display:flex; align-items:center; }

  /* Desktop-Menü an, Mobile-Menü aus */
  #accro-right .et_pb_menu__menu{ display:block !important; }
  #accro-right .et_mobile_nav_menu{ display:none !important; }
}

/* ======================== */
/* HEADER – Tablet/Phone    */
/* ======================== */
@media (max-width:980px){
  .et_pb_section.global-header .et_pb_row{
    display:flex; align-items:center; justify-content:space-between; gap:10px;
  }

  /* Logo-Spalte in Eigenbreite, nicht verzerren */
  .et_pb_section.global-header .et_pb_row .et_pb_column:first-child{
    flex:0 0 auto; width:auto !important; min-width:0; margin-right:auto;
    display:flex; align-items:center;
  }
  .et_pb_section.global-header .et_pb_row .et_pb_column:first-child img{
    display:block; width:auto !important; height:auto; max-height:50px; object-fit:contain;
  }

  /* Rechte Spalte: Guthaben + Cart + Burger */
  #accro-right{
    flex:1 1 auto; min-width:0;
    display:flex; align-items:center; justify-content:flex-end; gap:12px; flex-wrap:nowrap;
  }

  /* Desktop-Menü aus, Burger an */
  #accro-right .et_pb_menu__menu{ display:none !important; }
  #accro-right .et_mobile_nav_menu{ display:block !important; }

  /* Divi Mobile-Dropdown hübsch & weiß */
  .et_mobile_menu{
    background:#fff; border:1px solid #eee; box-shadow:0 8px 24px rgba(0,0,0,.08);
    padding:8px 0; width:100%; right:0; text-align:left;
  }
  .et_mobile_menu li{ margin:0; }
  .et_mobile_menu li a{
    display:block; padding:12px 18px; color:#111; text-decoration:none;
    font-family:"Montserrat",sans-serif; text-transform:uppercase; letter-spacing:.02em;
  }
  .et_mobile_menu li a:hover{ background:#f6f7f8; }

  .mobile_menu_bar{ font-size:28px; margin:0; line-height:1; }
}

/* ===== HEADER – Small Phones ( Cart -> Burger (rechts) */
  #accro-right .aad-pts.hdr{ order:1; display:inline-flex; align-items:center; white-space:nowrap; }
  #accro-right .aad-cart   { order:2; display:inline-flex; align-items:center; white-space:nowrap; }
  #accro-right .et_mobile_nav_menu{ order:3; display:block !important; margin:0; }

  /* Burger-Icon Größe/Position */
  #accro-right .mobile_menu_bar{
    font-size:28px; line-height:1; margin:0; padding:0;
    display:inline-flex; align-items:center; justify-content:center;
  }

  /* Cart: auf einer Linie bleiben, leicht kompakter */
  .aad-cart{ gap:8px; font-size:13px; }
  .aad-cart .icon img, .aad-cart .icon svg{ width:1.15em; height:1.15em; }
  .aad-cart .count{
    height:1.15em; line-height:1.15em;
    transform: translateY(2px);   /* ggf. 1–3px anpassen */
  }

/* ===== PHONE VERY SMALL – noch kompakter, wenn nötig ===== */
@media (max-width:480px){
  #accro-right{ gap:10px; }
  .aad-cart{ gap:6px; }
}

/* ===== MOBILE DROPDOWN – rechtsbündiges Panel, weiß, lesbar ===== */
@media (max-width:980px){
  /* Panel rechts unter dem Burger ausklappen */
  .et_pb_menu .et_mobile_menu{
    position:absolute; right:0; left:auto; top:100%;
    width: min(92vw, 360px);      /* Phones ~ volle Breite, Tablets ca. 360px */
    background:#fff; border:1px solid #eee; border-radius:10px;
    box-shadow:0 10px 28px rgba(0,0,0,.12);
    padding:8px 0; margin-top:8px; z-index:9999;
    max-height:75vh; overflow:auto;
  }
  /* Links im Panel: gute Lesbarkeit, kein „Überstehen“ */
  .et_mobile_menu li{ margin:0; }
  .et_mobile_menu li a{
    display:block; padding:14px 18px;
    color:#111; text-decoration:none;
    font-family:"Montserrat",sans-serif; text-transform:uppercase; letter-spacing:.02em;
    line-height:1.2; word-break:break-word; white-space:normal;
  }
  .et_mobile_menu li a:hover{ background:#f6f7f8; }

  /* Verhindere, dass das Desktop-Menü sichtbar ist */
  #accro-right .et_pb_menu__menu{ display:none !important; }
}

/* ===== SAFETY: Logo nie verzerren ===== */
@media (max-width:980px){
  .et_pb_section.global-header .et_pb_row .et_pb_column:first-child img{
    display:block; width:auto !important; height:auto; max-height:50px; object-fit:contain;
  }
}

/* ===== OPTIONAL: leichte optische Angleichung Tablet ===== */
@media (min-width:768px) and (max-width:980px){
  #accro-right .aad-pts.hdr, #accro-right .aad-cart{ transform:translateY(-1px); }
}
/************ ADA HEADER – CLEAN BASELINE ************/

/* Standard Divi Burger aus dem Theme Header komplett deaktivieren */
#et_mobile_nav_menu{ display:none !important; }

/* Linke Spalte: Logo nie verzerren */
.et_pb_section.global-header .et_pb_row .et_pb_column:first-child img{
  display:block; width:auto !important; height:auto; max-height:60px; object-fit:contain;
}

/* Rechte Spalte: horizontale Leiste */
#accro-right{
  display:flex; align-items:center; justify-content:flex-end; gap:12px;
  flex-wrap:nowrap; min-width:0;
}

/* Module in Reihenfolge: Signin, Cart, Menu */
#accro-right .accro-pts  { order:1; display:inline-flex; align-items:center; }
#accro-right .accro-cart { order:2; display:inline-flex; align-items:center; }
#accro-right .accro-menu { order:3; position:relative; }

/* Desktop ab 981px: Menuepunkte sichtbar, Burger aus */
@media (min-width:981px){
  #accro-right .accro-menu .et_pb_menu__menu{ display:block !important; }
  #accro-right .accro-menu .et_mobile_nav_menu,
  #accro-right .accro-menu .mobile_menu_bar,
  #accro-right .accro-menu .et_mobile_menu{ display:none !important; }
}

/* Tablet und Phone bis 980px: Burger rechts, Dropdown rechtsbuendig */
@media (max-width:980px){
  #accro-right .accro-menu .et_pb_menu__menu{ display:none !important; }
  #accro-right .accro-menu .et_mobile_nav_menu{ display:block !important; }

  #accro-right .accro-menu .mobile_menu_bar{
    font-size:28px; line-height:1; margin:0; padding:0;
    display:inline-flex; align-items:center; justify-content:center;
  }

  #accro-right .accro-menu .et_mobile_menu{
    position:absolute; right:0; left:auto; top:calc(100% + 8px);
    width:min(92vw, 360px);
    background:#fff; border:1px solid #eee; border-radius:10px;
    box-shadow:0 10px 28px rgba(0,0,0,.12);
    padding:8px 0; z-index:9999; max-height:75vh; overflow:auto; text-align:left;
  }
  #accro-right .accro-menu .et_mobile_menu li{ margin:0; }
  #accro-right .accro-menu .et_mobile_menu li a{
    display:block; padding:14px 18px;
    color:#111 !important; text-decoration:none;
    font-family:"Montserrat",sans-serif; font-weight:300;
    text-transform:uppercase; letter-spacing:.02em; line-height:1.2;
    white-space:normal; word-break:break-word;
  }
  #accro-right .accro-menu .et_mobile_menu li a:hover{ background:#f6f7f8; }
}

/* Very small phones bis 480px: etwas enger */
@media (max-width:480px){
  #accro-right{ gap:10px; }
}

/* Cart: gleiche Hoehe und Linie, kein Verziehen */
.accro-cart .aad-cart{ display:inline-flex; align-items:center; gap:8px; }
.accro-cart .aad-cart .icon img,
.accro-cart .aad-cart .icon svg{ width:20px; height:20px; vertical-align:middle; display:inline-block; }
.accro-cart .aad-cart .count{
  height:20px; line-height:20px; transform:translateY(2px);
  font-family:"Montserrat",sans-serif; font-weight:300; color:#000;
}
/***** ADA HEADER – FINETUNING *****/

/* 1) Sign in (Balance-Shortcode) typografisch erzwingen */
#accro-right .accro-pts,
#accro-right .accro-pts a,
#accro-right .accro-pts .amt,
#accro-right .accro-pts .sym{
  font-family:"Montserrat",sans-serif !important;
  font-weight:300 !important;
  letter-spacing:.02em;
  line-height:1;
}

/* 2) Burger-Icon exakt auf Linie (feiner Nudge) */
@media (max-width:980px){
  #accro-right .accro-menu .mobile_menu_bar{
    display:inline-flex; align-items:center; justify-content:center;
    line-height:1;
    transform: translateY(35px);   /* bei Bedarf 1–3px anpassen */
  }
}

/* 3) Cart minimal kleiner, Zahl perfekt mittig */
.accro-cart .aad-cart{ gap:7px; }
.accro-cart .aad-cart .icon img,
.accro-cart .aad-cart .icon svg{ width:18px; height:18px; }
.accro-cart .aad-cart .count{
  height:18px; line-height:18px; transform:translateY(2px);
  font-family:"Montserrat",sans-serif; font-weight:300; color:#000;
}

/* 4) Mobile Dropdown als Full-Width Overlay mit mehr linkem Innenabstand */


@media (max-width:980px){
  #accro-right .accro-menu .et_mobile_menu{
    position: fixed;         /* loslösen, über gesamte Breite */
    left: 0; right: 0;
   top: 72px; 
    width: 100vw;
    background:#fff;
    border:0;
    border-radius: 0 0 12px 12px;
    box-shadow:0 12px 32px rgba(0,0,0,.14);
    padding:12px 0;
    z-index:9999;
    max-height: calc(100vh - 72px);
    overflow:auto;
  }
  #accro-right .accro-menu .et_mobile_menu li{ margin:0; }
  #accro-right .accro-menu .et_mobile_menu li a{
    padding:16px 20px 16px 26px;   /* mehr linker Abstand */
    font-family:"Montserrat",sans-serif; font-weight:300;
    text-transform:uppercase; letter-spacing:.02em; line-height:1.2;
    color:#111 !important; text-decoration:none;
  }
  #accro-right .accro-menu .et_mobile_menu li a:hover{ background:#f6f7f8; }
}

/* 5) Very small phones: etwas enger */
@media (max-width:480px){
  .accro-cart .aad-cart{ gap:6px; }
}
/* Overlay NUR für Mobile/Tablet */
@media (max-width:980px){
  .ada-menu-overlay{
    position:fixed; inset:0; background:rgba(0,0,0,.15);
    z-index:9998; display:none;
  }
  .ada-menu-overlay.is-open{ display:block; }
  html.ada-menu-open, body.ada-menu-open{ overflow:hidden; }
}
/* Dropdown etwas höher starten – Tablet */
@media (min-width:481px) and (max-width:980px){
  #accro-right .accro-menu .et_mobile_menu{
    top: 130px !important;                 /* vorher z.B. 72px */
    max-height: calc(100vh - 64px) !important;
  }
}

/* Dropdown etwas höher starten – Phone */
@media (max-width:480px){
  #accro-right .accro-menu .et_mobile_menu{
    top: 94px !important;                 /* je nach Headerhöhe 56–62px testen */
    max-height: calc(100vh - 58px) !important;
  }
}
/* === ACCRO Header – Anti-Quetsch Fix === */

/* Rechte Leiste: eine Zeile, kein Wrap, Elemente schrumpfen NICHT */
#accro-right{
  display:flex; align-items:center; justify-content:flex-end;
  gap:12px; flex-wrap:nowrap; min-width:0;
}
#accro-right > *{       /* alle Module in der rechten Spalte */
  flex:0 0 auto;        /* nicht wachsen, nicht schrumpfen */
  white-space:nowrap;   /* nie umbrechen */
}

/* Burger-Container darf NICHT 100% Breite ziehen (Divi) */
#accro-right .accro-menu{
  position:relative;
  display:flex; align-items:center; flex:0 0 auto; min-width:auto;
}
#accro-right .accro-menu .et_mobile_nav_menu{ width:auto !important; }
#accro-right .accro-menu .mobile_menu_bar{
  display:inline-flex; align-items:center; justify-content:center;
  width:auto; height:auto; line-height:1; margin:0; padding:0;
}

/* Guthaben-Link & Cart immer in einer Linie halten */
a.aad-pts.hdr{ display:inline-flex; align-items:center; }
.aad-cart{ display:inline-flex; align-items:center; gap:8px; }

/* Cart minimal kleiner, Zähler sauber vertikal ausrichten */
.aad-cart .icon img,
.aad-cart .icon svg{ width:1.1em; height:1.1em; vertical-align:middle; }
.aad-cart .count{
  height:1.1em; line-height:1.1em; font-size:.9em; transform:translateY(2px);
}

/* Logo nimmt nur Eigenbreite, rechte Leiste bekommt den Rest */
@media (max-width:980px){
  .et_pb_section.global-header .et_pb_row .et_pb_column:first-child{
    flex:0 0 auto; width:auto !important; min-width:0; margin-right:auto;
  }
  #accro-right{ flex:1 1 auto; min-width:0; }
}

/* Kleine Phones: engeres Layout */
@media (max-width:420px){
  #accro-right{ gap:8px; }
  a.aad-pts.hdr, .aad-cart{ font-size:13px; }
}

/* Sehr kleine Phones: „/ €“ ausblenden, um Breite zu sparen */
@media (max-width:360px){
  .aad-pts.hdr .sym{ display:none; }
}
/* Phones <= 360px: Coin + Slash aus, nur "€" hinter dem Betrag anzeigen */
@media (max-width:360px){
  .aad-pts.hdr .sym{ display:none !important; }       /* Coin + " / €" weg */
  .aad-pts.hdr .amt::after{ content:" €"; margin-left:.25em; }
}
/* === ADA: Header Quick-Fix – Burger auf Baseline bringen === */

/* 1) Der „verirrte“ Small-Phones-Block soll NUR mobil gelten */
@media (max-width:980px){
  #accro-right .aad-pts.hdr{ order:1 !important; display:inline-flex; align-items:center; white-space:nowrap; }
  #accro-right .aad-cart   { order:2 !important; display:inline-flex; align-items:center; white-space:nowrap; }
  #accro-right .et_mobile_nav_menu{ order:3 !important; display:block !important; margin:0; }
  #accro-right .mobile_menu_bar{
    font-size:28px; line-height:1; margin:0; padding:0;
    display:inline-flex; align-items:center; justify-content:center;
  }
}

/* 2) Den versehentlichen Versatz entfernen und sauber ausrichten */
@media (max-width:980px){
  #accro-right .accro-menu .mobile_menu_bar{
    transform:none !important;         /* 35px weg */
    position:relative; top:0;          /* sicherheitshalber */
    height:auto; line-height:1;        /* gleiche Baseline wie Text */
  }
}

/* 3) Gemeinsame Baseline: alle Module exakt mittig */
#accro-right .accro-pts,
#accro-right .accro-cart,
#accro-right .accro-menu{
  display:inline-flex; align-items:center; vertical-align:middle;
}

/* 4) Cart minimal kleiner (wie gewünscht) + Zähler mittig */
.aad-cart .icon img,
.aad-cart .icon svg{ width:18px !important; height:18px !important; vertical-align:middle; }
.aad-cart .count{ height:18px !important; line-height:18px !important; transform:translateY(1px); }
/* Cart-Icon 1–2px nach oben – Zähler bleibt, wie er ist */
.accro-cart .aad-cart .icon img,
.accro-cart .aad-cart .icon svg{
  position: relative;
  top: -2px;          /* bei Bedarf -1px oder -3px testen */
}
/***** ACCRO — Account Dashboard (Flexbox Version, ohne 1fr) *****/

/* Container für die zwei Karten (Store Credit + Last Referral) */
.adc-grid{
  display:flex;
  flex-wrap:wrap;
  gap:24px;
  align-items:flex-start;
  margin:16px 0 32px;
  font-family:"Montserrat",sans-serif;
}

/* Karte: Basisstil */
.adc-card{
  flex:1 1 280px;          /* bricht bei ~280px um */
  min-width:280px;         /* Mindestbreite pro Karte */
  background:#fff;
  border:1px solid #eee;
  border-radius:14px;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
  padding:22px;
  color:#111;
}

/* Titel + Betrag + Muted */
.adc-card__title{
  font-weight:300;
  letter-spacing:.06em;
  text-transform:uppercase;
  margin-bottom:10px;
}
.adc-card__amt{
  font-size:28px;
  line-height:1.2;
  font-weight:300;
}
.adc-card__muted{
  margin-top:6px;
  font-size:13px;
  color:#6b7280;
}

/* ===== Last Referral (kompakte Karte) ===== */

.adc-ref{ /* Wrapper – falls du später variierst */ }

.adc-ref__row{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:10px;
}

/* Produktbild */
.adc-ref__media img{
  width:56px;
  height:56px;
  object-fit:cover;
  border-radius:8px;
  display:block;
}

/* Produktname + Uses */
.adc-ref__name{
  font-weight:600;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.adc-ref__uses{
  margin-left:auto;        /* „Uses“ rechtsbündig in der Zeile */
  font-size:12px;
  color:#6b7280;
}

/* Code + seit wann aktiv */
.adc-ref__code{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Courier New", monospace;
  letter-spacing:.06em;
  background:#f7f7f8;
  border:1px dashed #e5e7eb;
  border-radius:10px;
  padding:12px 14px;
  margin:8px 0 6px;
  word-break:break-word;
}
.adc-ref__since{
  font-size:12px;
  color:#6b7280;
  margin-bottom:14px;
}

/* Copy-Buttons */
.adc-ref__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.adc-btn{
  appearance:none;
  border:1px solid #111;
  background:#111;
  color:#fff;
  padding:10px 16px;
  border-radius:12px;
  font-family:"Montserrat",sans-serif;
  font-weight:500;
  letter-spacing:.02em;
  cursor:pointer;
  transition:transform .06s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
}
.adc-btn:hover{ transform:translateY(-1px); }
.adc-btn:active{ transform:translateY(0); }
.adc-btn.is-copied{ background:#16a34a; border-color:#16a34a; }

/* Optional: heller Button-Style */
.adc-btn.outline{
  background:#fff;
  color:#111;
  border-color:#ddd;
}

/* ===== Responsive Feinschliff ===== */
@media (max-width:480px){
  .adc-card{ padding:16px; border-radius:12px; }
  .adc-card__amt{ font-size:24px; }
  .adc-ref__media img{ width:48px; height:48px; border-radius:8px; }
}
/* States für das Apply-UI */
.adc-code-msg{ margin-top:8px; font-size:12px; }
.adc-code-msg.ok{ color:#1a7f37; }
.adc-code-msg.err{ color:#cf2415; }
.adc-apply-btn.is-loading{ opacity:.7; pointer-events:none; }
.adc-apply-btn.is-applied{
  background:#111; color:#fff; border-color:#111;
  opacity:1;
}
/* === ARCHIVE D’ACCRO – Variation Buttons NUR auf Produktseiten === */
.single-product .variable-items-wrapper .button-variable-item {
  border-radius: 0 !important;          /* eckig */
  border: 1px solid #000 !important;
  background: #fff !important;
  color: #000 !important;
  box-shadow: none !important;          /* kein grauer Hover-Rand */
  outline: none !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 300 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  padding: 12px 14px !important;
  min-width: 44px;
  transition: all 0.2s ease;
}

.single-product .variable-items-wrapper .button-variable-item:hover {
  background: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
  box-shadow: none !important;
}

.single-product .variable-items-wrapper .button-variable-item.selected {
  background: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
  box-shadow: none !important;
}

.single-product .variable-items-wrapper .button-variable-item.disabled {
  opacity: 0.35 !important;
  cursor: not-allowed !important;
  background: #fff !important;
  color: #000 !important;
  border-color: #ccc !important;
  box-shadow: none !important;
}

/* Abstand zwischen den Buttons */
.single-product .variable-items-wrapper {
  gap: 8px !important;
}
/* === A) RIGHT RAIL: Baseline & Höhe stabil === */
.et_pb_section.global-header .et_pb_row{
  height:100px !important;            /* feste Headerhöhe wie in deiner CSS */
  display:flex !important;
  align-items:center !important;       /* vertikal mittig */
}

#accro-right{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:12px !important;
  flex-wrap:nowrap !important;
  min-width:0;
}

/* Alle 3 Module rechts: keine unerwarteten Abstände/Zeilenhöhen */
#accro-right > .accro-pts,
#accro-right > .accro-cart,
#accro-right > .accro-menu{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  padding:0 !important;
  margin:0 !important;
  flex:0 0 auto !important;            /* nicht schrumpfen/wachsen */
  white-space:nowrap !important;
}

/* Inneres Markup aus Shortcodes/Menu auf gleiche Linie zwingen */
#accro-right .aad-pts.hdr,
#accro-right .aad-cart,
#accro-right .et_pb_menu{
  display:inline-flex !important;
  align-items:center !important;
  line-height:1 !important;
  margin:0 !important;
}
/* === C) LOGO: echte Höhe nutzen, nicht zu klein darstellen === */
/* Desktop */
@media (min-width:981px){
  .et_pb_section.global-header .et_pb_row .et_pb_column:first-child img{
    width:auto !important;
    height:auto !important;
    max-height:120px !important;   /* <- ggf. 68–80px testen, 72px wirkt meist "richtig" */
    object-fit:contain !important;
    display:block !important;
  }
}

/* Tablet/Phone */
@media (max-width:980px){
  .et_pb_section.global-header .et_pb_row .et_pb_column:first-child img{
    width:auto !important;
    height:auto !important;
    max-height:56px !important;   /* kleines Plus gegenüber deinen 50px */
    object-fit:contain !important;
    display:block !important;
  }
}
/* === ACCRO Header: Höhe & Breite, symmetrische Abstände === */

/* Desktop: deine 100px beibehalten, Breite großzügiger, gleiche Ränder */
@media (min-width:981px){
  .et_pb_section.global-header .et_pb_row{
    height:100px !important;
    max-width: 1400px !important;    /* etwas breiter nutzen */
    padding: 0 32px !important;      /* links/rechts gleich */
    margin: 0 auto !important;
  }
}

/* Tablet: exakt ~2cm ≈ 76px */
@media (min-width:768px) and (max-width:980px){
  .et_pb_section.global-header .et_pb_row{
    height:76px !important;
    max-width: 1320px !important;
    padding: 0 22px !important;
    margin: 0 auto !important;
  }
}

/* Phone: ebenfalls ~2cm ≈ 76px */
@media (max-width:767px){
  .et_pb_section.global-header .et_pb_row{
    height:76px !important;
    max-width: 1320px !important;
    padding: 0 16px !important;
    margin: 0 auto !important;
  }
}
/* Desktop: Logo-Schrift sichtbar ≈ 14px Text rechts */
@media (min-width:981px){
  .et_pb_section.global-header .et_pb_row .et_pb_column:first-child img{
    max-height: 26px !important;   /* bei Bedarf 24–28px feinjustieren */
    width:auto !important; height:auto !important; object-fit:contain !important; display:block !important;
  }
}
/* Tablet */
@media (min-width:768px) and (max-width:980px){
  .et_pb_section.global-header .et_pb_row .et_pb_column:first-child img{
    max-height: 22px !important;
  }
}
/* Phone */
@media (max-width:767px){
  .et_pb_section.global-header .et_pb_row .et_pb_column:first-child img{
    max-height: 20px !important;
  }
}
/* === Einheitliches Mobile-Dropdown auf ALLEN Seiten (auch Single Product) === */
@media (max-width:980px){
  /* Header-Stacking über Produktinhalte */
  .et_pb_section.global-header{ position:relative; z-index:10001; }

  /* Dropdown IMMER als Vollbreite-Panel direkt unter dem Header (72px) */
  .et_pb_section.global-header #accro-right .et_mobile_menu{
    position: fixed !important;
    left: 0 !important; right: 0 !important; top: 94px !important;
    width: 100vw !important;
    max-height: calc(100vh - 94px) !important; overflow: auto !important;
    background: #fff; border: 0; border-radius: 0 0 12px 12px;
    box-shadow: 0 12px 32px rgba(0,0,0,.14);
    padding: 10px 0; z-index: 10002 !important;
  }
  .et_pb_section.global-header #accro-right .et_mobile_menu li{ margin:0 !important; }
  .et_pb_section.global-header #accro-right .et_mobile_menu a{
    display:block; padding:14px 20px !important;
    text-transform:uppercase; letter-spacing:.04em; font-size:13px !important; color:#111 !important;
  }
}

/* Sicherheit: nirgends „absolute“ Dropdowns auf Single-Product */
.single-product .et_mobile_menu{ position: fixed !important; }

/* Unteres Gutscheinfeld ausblenden */
.woocommerce-form-coupon-toggle,
#cfw-mobile-cart-coupons {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Oberes Eingabefeld und Apply-Button aktivieren */
#adc_coupon,
.adc-btn.apply-button {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
/* === ACCRO COUPON — Minimalistische Kontur nur am Button === */

/* Basis-Button: neutral */
button.adc-btn[name="adc_apply"] {
  appearance: none;
  background: #111;
  color: #fff;
  border: 1px solid #111;
  border-radius: 12px;
  padding: 10px 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  letter-spacing: .02em;
  cursor: pointer;
  outline: none;
  box-shadow: none;
  transition: border-color .25s ease, box-shadow .25s ease, transform .06s ease, background .25s ease, color .25s ease;
}
button.adc-btn[name="adc_apply"]:hover { transform: translateY(-1px); }
button.adc-btn[name="adc_apply"]:active { transform: translateY(0); }

/* Laden */
button.adc-btn[name="adc_apply"].is-loading {
  opacity: .7;
  pointer-events: none;
  border-color: #111;
  box-shadow: none;
}

/* >>> EINZIGE Status-Klassen, die dein JS setzt <<< */

/* Erfolg (nur Button-Kontur) */
button.adc-btn[name="adc_apply"].adc-btn--ok {
  background: #111 !important;
  color: #fff !important;
  border-color: #4EC716 !important;                  /* Grün */
  box-shadow: 0 0 0 2px rgba(78, 199, 22, .30) !important;
}

/* Fehler (nur Button-Kontur) */
button.adc-btn[name="adc_apply"].adc-btn--err {
  background: #111 !important;
  color: #fff !important;
  border-color: #570A05 !important;                  /* Dunkelrot */
  box-shadow: 0 0 0 2px rgba(87, 10, 5, .35) !important;
}

/* Eingabefeld neutral halten – niemals einfärben */
#adc_coupon {
  outline: none;
  border: 1px solid #d9d9d9;
  box-shadow: none !important;
  transition: border-color .2s ease;
}

/* Standard-Woo Coupon-UI ausblenden */
.woocommerce-checkout .woocommerce-form-coupon-toggle,
.woocommerce-checkout form.checkout_coupon,
.woocommerce-cart .woocommerce-form-coupon-toggle,
.woocommerce-cart form.checkout_coupon {
  display: none !important;
}
/* Breadcrumb-Leiste auf allen WooCommerce-Seiten ausblenden */
.woocommerce-breadcrumb {
  display: none !important;
}

/* ACCRO – Globale Divi-Buttons invertieren */
.et_pb_button {
  background-color: #ffffff;
  color: #000000;
  border-color: #000000;
}

/* Hover- / Active-Zustand: invertierte Farben */
.et_pb_button:hover,
.et_pb_button:focus,
.et_pb_button:active {
  background-color: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
}