/* ===== miniHeld B2B - Farben & Grundlook fuer plentyShop LTS ===== */
:root{
  --mh-orange:#E0821F;      /* Hauptfarbe (Buttons, Top-Leiste, Preise) */
  --mh-orange-dark:#8A4F14; /* Ueberschriften */
  --mh-orange-light:#F7EADF;/* Flaechen, Kacheln */
  --mh-teal:#1FD9C3;        /* Akzente (Sale, Badges, Highlight-Button) */
  --mh-text:#333333;
  --mh-radius:18px;
}

/* Grundschrift & Hintergrund */
body{color:var(--mh-text);background:#fff;}
a{color:var(--mh-orange);}
a:hover{color:var(--mh-orange-dark);}
h1,h2,h3,.h1,.h2,.h3{color:var(--mh-orange-dark);font-weight:800;}

/* Top-Leiste (Anmelden / Registrieren / Warenkorb): weiss wie im Entwurf */
.top-bar{background:#fff !important;border-bottom:1px solid #f1f1f1;}
.top-bar .nav-link,.top-bar a,.top-bar span,.top-bar i{color:#333 !important;}
.top-bar .toggle-basket-preview{background:var(--mh-orange) !important;border-radius:999px;margin:4px 0;}
.top-bar .toggle-basket-preview,.top-bar .toggle-basket-preview *{color:#fff !important;}

/* Hauptmenue */
#page-header .navbar,
.main-navbar-collapsable{background:#fff !important;}
.mainmenu > li > a{color:var(--mh-text) !important;font-weight:700;}
.mainmenu > li:hover > a,
.mainmenu > li.active > a{color:var(--mh-orange) !important;}
#page-header{border-bottom:1px solid #eee;}

/* Buttons */
.btn-primary,.btn-appearance{
  background:var(--mh-orange) !important;border-color:var(--mh-orange) !important;
  color:#fff !important;border-radius:999px !important;font-weight:700;}
.btn-primary:hover,.btn-appearance:hover{
  background:var(--mh-orange-dark) !important;border-color:var(--mh-orange-dark) !important;}
.btn-outline-primary{
  color:var(--mh-orange) !important;border:2px solid var(--mh-orange) !important;
  background:#fff !important;border-radius:999px !important;font-weight:700;}
.btn-outline-primary:hover{background:var(--mh-orange) !important;color:#fff !important;}
/* Akzent-Button (im ShopBuilder dem Button die Klasse "btn-teal" geben) */
.btn-teal{background:var(--mh-teal) !important;border-color:var(--mh-teal) !important;
  color:#1e1e1e !important;border-radius:999px !important;font-weight:700;}

/* Bootstrap-Farbklassen ueberschreiben */
.bg-primary,.bg-appearance{background-color:var(--mh-orange) !important;}
.text-primary,.text-appearance{color:var(--mh-orange) !important;}
.border-primary,.border-appearance{border-color:var(--mh-orange) !important;}

/* Artikelkacheln */
.cmp-product-thumb{border:1px solid #eee;border-radius:var(--mh-radius);overflow:hidden;background:#fff;}
.cmp-product-thumb .thumb-image{background:var(--mh-orange-light);}
.cmp-product-thumb .price,.price{color:var(--mh-orange) !important;font-weight:800;}
.cmp-product-thumb .add-to-basket-lg-container{border-color:transparent var(--mh-orange) transparent transparent !important;}
.cmp-product-thumb .add-to-basket-lg-container i{color:#fff !important;}

/* Badges (NEU, -15% usw.) */
.badge,.special-tags .badge,.badge-offer,.badge-new,.badge-top{
  background:var(--mh-teal) !important;color:#1e1e1e !important;border-radius:10px;font-weight:800;}
.badge-danger,.badge-sale{background:var(--mh-teal) !important;}

/* Bild-/Textboxen und Abschnitte mit runden Ecken */
.widget-image-box,.widget-text .widget-inner,.widget-image-carousel{border-radius:var(--mh-radius);overflow:hidden;}

/* Hellorange Flaeche (im ShopBuilder Widget-Klasse "mh-flaeche" vergeben) */
.mh-flaeche{background:var(--mh-orange-light) !important;border-radius:var(--mh-radius);padding:24px;}

/* Unterstrich unter Ueberschriften (Klasse "mh-titel") */
.mh-titel{text-align:center;}
.mh-titel::after{content:"";display:block;width:70px;height:5px;margin:10px auto 0;
  background:var(--mh-teal);border-radius:3px;}

/* Footer */
#page-footer,.footer{background:#FAF5EF !important;color:#666;}
#page-footer a,.footer a{color:#666 !important;}
#page-footer a:hover,.footer a:hover{color:var(--mh-orange) !important;}

/* Warenkorb-Betrag oben: kein tuerkises Badge */
.top-bar .toggle-basket-preview .badge,
.top-bar .badge{background:transparent !important;font-weight:700;}

/* Ueberschriften-Balken von Artikellisten: kein Gruen, schlichte Ueberschrift mit tuerkisem Strich */
.widget-caption,
.widget-primary .widget-caption,
.widget-item-list .widget-caption{
  background:transparent !important;
  border:0 !important;
  justify-content:center;
  text-align:center;
  padding:10px 0 6px !important;
}
.widget-caption h2,.widget-caption .h2,.widget-caption h3{
  color:var(--mh-orange-dark) !important;
  font-weight:800;
}
.widget-caption h2::after,.widget-caption .h2::after,.widget-caption h3::after{
  content:"";display:block;width:70px;height:5px;margin:10px auto 0;
  background:var(--mh-teal);border-radius:3px;
}
.widget-caption a{color:var(--mh-orange) !important;font-weight:700;}

/* Code-Widgets ohne farbigen Hintergrund */
.widget-none > .widget-inner.bg-appearance,
.widget-code > .widget-inner{background:transparent !important;}

/* Versand-Leiste oben ueber die volle Bildschirmbreite */
header .widget-code > .widget-inner > div{box-shadow:0 0 0 100vmax var(--mh-orange);clip-path:inset(0 -100vmax);}

/* Hauptmenue etwas groesser */
.mainmenu > li > a{font-size:1.05rem;}

/* Hover in der oberen Leiste: orange statt gruen */
.top-bar .nav-link:hover,
.top-bar .nav-link:focus,
.top-bar a:hover,
.top-bar .btn:hover,
.top-bar .dropdown-toggle:hover,
.top-bar .control-user .nav-link:hover,
.top-bar [aria-expanded="true"]{
  background:var(--mh-orange-light) !important;
  color:var(--mh-orange-dark) !important;
}
.top-bar .nav-link:hover *,
.top-bar a:hover *{color:var(--mh-orange-dark) !important;}
.top-bar .toggle-basket-preview:hover{background:var(--mh-orange-dark) !important;}
.top-bar .toggle-basket-preview:hover *{color:#fff !important;}

/* Lupe statt Punkt */
.top-bar .anicon-search-item::before{background:#333 !important;height:2px !important;}
.top-bar .anicon-search-item::after{background:transparent !important;border:2px solid #333 !important;}

/* Allgemein: gruene Hover-/Aktiv-Farben ueberschreiben */
a:hover,.nav-link:hover{color:var(--mh-orange-dark);}
.btn-success,.bg-success{background:var(--mh-orange) !important;border-color:var(--mh-orange) !important;}

/* ===== Restliches Gruen (#0ED60A) ueberall ersetzen ===== */
/* Hauptmenue: Hover / aktiv */
.mainmenu > li:hover,
.mainmenu > li.hover,
.mainmenu > li:focus-within,
.mainmenu > li.active{background:var(--mh-orange-light) !important;}
.mainmenu > li:hover > a,
.mainmenu > li.hover > a,
.mainmenu > li:focus-within > a,
.mainmenu > li.active > a{color:var(--mh-orange-dark) !important;}
/* Untermenues */
.mainmenu .collapse-inner li:hover,
.mainmenu ul li:hover,
.mainmenu ul li a:hover{background:var(--mh-orange-light) !important;color:var(--mh-orange-dark) !important;}
/* Mobiles Menue */
.mobile-navigation,
.mobile-navigation .mainmenu,
.mobile-navigation li.active,
.mobile-navigation .breadcrumb{background:var(--mh-orange) !important;}
.mobile-navigation a,.mobile-navigation li{color:#fff !important;}
/* Sprache / Waehrung: aktive Auswahl */
.active > a.nav-link,
a.nav-link.active,
.nav-link.active{background:var(--mh-orange) !important;color:#fff !important;}
/* Tabs, Pagination, Listen */
.nav-tabs .nav-link.active,
.page-item.active .page-link,
.list-group-item.active,
.dropdown-item.active,
.dropdown-item:active{background:var(--mh-orange) !important;border-color:var(--mh-orange) !important;color:#fff !important;}
.page-link{color:var(--mh-orange) !important;}
.dropdown-item:hover,.dropdown-item:focus{background:var(--mh-orange-light) !important;color:var(--mh-orange-dark) !important;}
/* Checkboxen, Radiobuttons, Schalter */
.custom-control-input:checked ~ .custom-control-label::before{background:var(--mh-orange) !important;border-color:var(--mh-orange) !important;}
.form-check-input:checked{background-color:var(--mh-orange) !important;border-color:var(--mh-orange) !important;}
/* Fokus-Rahmen */
.form-control:focus,.input-unit:focus-within{border-color:var(--mh-orange) !important;box-shadow:0 0 0 .15rem rgba(224,130,31,.25) !important;}
/* Erfolgsfarben (Haken, Meldungen, Lieferstatus) */
.text-success,.text-appearance:hover{color:var(--mh-orange) !important;}
.bg-success,.btn-success,.badge-success,.alert-success{background:var(--mh-orange) !important;border-color:var(--mh-orange) !important;color:#fff !important;}
.availability-1,.availability.badge-success{background:var(--mh-teal) !important;color:#1e1e1e !important;}
/* Breadcrumb-Links */
.breadcrumb a,.breadcrumb i{color:var(--mh-orange) !important;}
/* Links allgemein im Hover */
a:hover{color:var(--mh-orange-dark);}

/* Neues Logo mit B2B-Badge (ersetzt das Logo nur in diesem Plugin-Set) */
.navbar-brand img{
  content:url("https://cdn02.plentyone.com/a3vutw53e7y6/frontend/miniHeld-B2B-Logo.png");
  max-height:52px !important;
  width:auto !important;
}

/* ===== Kopfzeile in einer Reihe: Logo links, Menue daneben, Icons rechts ===== */
.navbar .brand-wrapper{flex:0 0 auto !important;}
.navbar .main-navbar-collapsable{flex:1 1 auto;}
.navbar .mainmenu{width:100%;justify-content:flex-start;gap:6px;padding-left:24px !important;}
.navbar .mainmenu > li > a{padding:28px 12px !important;}

@media (min-width:1200px){
  header .header-container{position:relative;}
  header .top-bar{position:absolute !important;left:0;right:0;bottom:0;height:79px;
    background:transparent !important;border:0 !important;z-index:5;pointer-events:none;}
  header .top-bar > .container-max:first-child{height:79px;display:flex;align-items:center;
    justify-content:flex-end;max-width:1200px;margin:0 auto;}
  header .top-bar > .container-max:first-child > .row{width:auto;}
  header .top-bar > .container-max:nth-child(2){position:absolute;top:100%;left:0;right:0;
    max-width:1200px;margin:0 auto;}
  header .top-bar a,header .top-bar button,header .top-bar li,header .top-bar .collapse,
  header .top-bar .dropdown-menu,header .top-bar input{pointer-events:auto;}
  .navbar .main-navbar-collapsable{padding-right:440px;}
}

/* Suchfeld hell statt dunkelgrau */
#searchBox,#searchBox .container-max,#searchBox .position-relative{background:#fff !important;}
#searchBox{border-bottom:1px solid #eee;box-shadow:0 8px 20px rgba(0,0,0,.06);}
#searchBox input{border:2px solid var(--mh-orange) !important;border-radius:999px 0 0 999px !important;}
#searchBox button{background:var(--mh-orange) !important;color:#fff !important;border-radius:0 999px 999px 0 !important;}

/* ===== Icons rechts als runde hellorange Kreise (wie im Mockup) ===== */
.top-bar .control-languages{display:none !important;}              /* Flagge + Waehrung ausblenden */
.top-bar .control-user a.nav-link + a.nav-link{display:none !important;} /* "Registrieren" ausblenden */
.top-bar .controls-list{gap:12px;align-items:center;}
.top-bar .controls-list > li{margin:0 !important;}
.top-bar .controls-list > li > a.nav-link,
.top-bar .control-user a.nav-link,
.top-bar .toggle-basket-preview{
  width:44px !important;height:44px !important;padding:0 !important;margin:0 !important;
  border-radius:50% !important;background:var(--mh-orange-light) !important;
  display:flex !important;align-items:center;justify-content:center;position:relative;
  font-size:0 !important;color:var(--mh-orange-dark) !important;border:0 !important;}
.top-bar .controls-list > li > a.nav-link i,
.top-bar .control-user a.nav-link i,
.top-bar .toggle-basket-preview i{font-size:18px !important;color:var(--mh-orange-dark) !important;margin:0 !important;}
.top-bar .control-user a.nav-link span{display:none !important;}
.top-bar .controls-list > li > a.nav-link:hover,
.top-bar .control-user a.nav-link:hover,
.top-bar .toggle-basket-preview:hover{background:var(--mh-orange) !important;}
.top-bar .controls-list > li > a.nav-link:hover i,
.top-bar .control-user a.nav-link:hover i,
.top-bar .toggle-basket-preview:hover i{color:#fff !important;}
.top-bar .control-wish-list .badge-right{display:none !important;}
.top-bar .toggle-basket-preview .badge{display:none !important;}
.top-bar .anicon-search-item::before{background:var(--mh-orange-dark) !important;}
.top-bar .anicon-search-item::after{border-color:var(--mh-orange-dark) !important;}
@media (min-width:1200px){ .navbar .main-navbar-collapsable{padding-right:240px !important;} }

/* Icons auf Unterseiten (mit Brotkrumen-Leiste) richtig in der Menuezeile halten */
@media (min-width:1200px){
  header .top-bar{bottom:auto !important;top:37px !important;}
}

/* ===== 7 Kategorien in einer Zeile ===== */
@media (min-width:1200px){
  .navbar .navbar-brand img{max-height:42px !important;}
  .navbar .brand-wrapper{padding-right:0 !important;}
  .navbar .mainmenu{flex-wrap:nowrap !important;gap:0 !important;padding-left:12px !important;}
  .navbar .mainmenu > li{flex:0 0 auto;}
  .navbar .mainmenu > li > a{padding:28px 10px !important;font-size:.95rem !important;white-space:nowrap;}
  .navbar .main-navbar-collapsable{padding-right:210px !important;}
  header .top-bar .controls-list{gap:8px !important;}
}
/* schmalere Laptops: etwas kompakter */
@media (min-width:1200px) and (max-width:1399px){
  .navbar .mainmenu > li > a{padding:28px 7px !important;font-size:.85rem !important;}
  .navbar .navbar-brand img{max-height:36px !important;}
}

/* Ueberschriften der Artikellisten wie "Beliebte Kategorien": normale Schreibweise, gleiche Groesse */
.widget-caption h2,.widget-caption .h2,.widget-caption h3,.widget-caption *{
  text-transform:none !important;letter-spacing:normal !important;
}
.widget-caption h2,.widget-caption .h2,.widget-caption h3{
  font-size:2rem !important;font-weight:800 !important;margin:0 !important;
}

/* Leeren Ueberschriften-Bereich der Artikellisten entfernen (Ueberschrift kommt aus eigenem Code-Widget) */
.widget-item-list .widget-caption{display:none !important;}
.widget-item-list,.widget-item-list > .widget-inner{margin-top:0 !important;padding-top:0 !important;}

/* ===== Dropdown-Menue: kompakte Karte unter der Kategorie ===== */
.navbar .mainmenu > li.ddown{position:relative !important;}
.navbar .mainmenu > li > ul[class*="nav-dropdown-"]{
  position:absolute !important;top:100% !important;left:0 !important;right:auto !important;
  width:auto !important;min-width:240px !important;max-width:320px;
  display:block !important;column-count:1 !important;columns:auto !important;
  background:#fff !important;border:1px solid #f0e6dc !important;border-top:3px solid var(--mh-orange) !important;
  border-radius:0 0 16px 16px !important;box-shadow:0 14px 30px rgba(138,79,20,.14) !important;
  padding:10px !important;margin:0 !important;z-index:1000;
  opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .15s,transform .15s,visibility .15s;}
.navbar .mainmenu > li.ddown:hover > ul[class*="nav-dropdown-"],
.navbar .mainmenu > li.ddown:focus-within > ul[class*="nav-dropdown-"]{opacity:1;visibility:visible;transform:none;}
.navbar .mainmenu > li > ul[class*="nav-dropdown-"] > li{display:block !important;width:100% !important;max-width:none !important;
  flex:none !important;border:0 !important;padding:0 !important;margin:0 !important;background:transparent !important;}
.navbar .mainmenu > li > ul[class*="nav-dropdown-"] .collapse-inner{padding:0 !important;margin:0 !important;border:0 !important;}
.navbar .mainmenu > li > ul[class*="nav-dropdown-"] li.level1{padding:0 !important;border:0 !important;background:transparent !important;}
.navbar .mainmenu > li > ul[class*="nav-dropdown-"] li.level1 > a{
  display:block !important;padding:10px 14px !important;border-radius:10px;
  color:#333 !important;font-weight:600 !important;font-size:.95rem !important;white-space:nowrap;background:transparent !important;}
.navbar .mainmenu > li > ul[class*="nav-dropdown-"] li.level1 > a:hover{background:var(--mh-orange-light) !important;color:var(--mh-orange-dark) !important;}
.navbar .mainmenu > li > ul[class*="nav-dropdown-"] li.level1 > a::before{content:"\203A";color:var(--mh-orange);font-weight:800;margin-right:8px;}
/* rechte Kategorien klappen nach links auf, damit nichts aus dem Bild ragt */
.navbar .mainmenu > li:nth-last-child(-n+4) > ul[class*="nav-dropdown-"]{left:auto !important;right:0 !important;}

/* Dropdown: 3. Ebene (z.B. Fahrraeder > Jungen/Maedchen/Zubehoer) eingerueckt und dezent */
.navbar .mainmenu li.level2{padding:0 !important;border:0 !important;background:transparent !important;}
.navbar .mainmenu li.level2 > a{display:block !important;padding:5px 14px 5px 34px !important;border-radius:8px;
  color:#666 !important;font-weight:400 !important;font-size:.88rem !important;white-space:nowrap;background:transparent !important;}
.navbar .mainmenu li.level2 > a:hover{background:var(--mh-orange-light) !important;color:var(--mh-orange-dark) !important;}
/* "Mehr..." durch "Alle anzeigen" ersetzen */
.navbar .mainmenu li.level2.bt-more > a{font-size:0 !important;}
.navbar .mainmenu li.level2.bt-more > a::after{content:"Alle anzeigen \203A";font-size:.85rem;font-weight:700;color:var(--mh-orange);}

/* Seitentitel-Balken (AGB, Impressum, Datenschutz ...): kein blauer Balken, Titel wie "Beliebte Kategorien" */
.widget-title-bar .widget-inner,.widget-title-bar .widget-inner.bg-appearance{background:transparent !important;padding:24px 0 8px !important;}
.widget-title-bar h1,.widget-title-bar h2,.widget-title-bar h3{color:var(--mh-orange-dark) !important;font-weight:800 !important;text-align:center;margin:0 !important;}
.widget-title-bar h1::after,.widget-title-bar h2::after{content:"";display:block;width:70px;height:5px;margin:12px auto 0;background:var(--mh-teal);border-radius:3px;}
.widget-title-bar.mb-5{margin-bottom:24px !important;}

/* Rechtstexte (Impressum, AGB, Datenschutz ...): weisse Karte mit orangem Strich */
.widget-legal-texts > .widget-inner{max-width:900px;margin:0 auto;background:#fff;border:1px solid #eee;border-top:4px solid var(--mh-orange);
  border-radius:18px;padding:36px 44px;box-shadow:0 6px 20px rgba(138,79,20,.06);line-height:1.7;color:#444;}
.widget-legal-texts h1,.widget-legal-texts h2,.widget-legal-texts h3,.widget-legal-texts h4{color:var(--mh-orange-dark) !important;font-weight:800;margin:28px 0 10px;}
.widget-legal-texts a{color:var(--mh-orange) !important;}
.widget-legal-texts strong,.widget-legal-texts b{color:#333;}
@media (max-width:767px){.widget-legal-texts > .widget-inner{padding:24px 20px;}}

/* ===== Mein Konto: roter Ausloggen-Button dezent, Karten weich ===== */
.btn-danger{background:#fff !important;color:var(--mh-orange-dark) !important;border:2px solid var(--mh-orange) !important;border-radius:999px !important;font-weight:700 !important;}
.btn-danger:hover{background:var(--mh-orange) !important;color:#fff !important;}
.page-content .card,.page-content .bg-white,.widget-address-select .card{border:1px solid #f0e6dc !important;border-radius:18px !important;box-shadow:0 6px 18px rgba(138,79,20,.06);}
.page-content h1,.page-content h2,.page-content h3{color:var(--mh-orange-dark);font-weight:800;}
.table td .fa-file-text-o,.table td .fa-file-o,.table td i[class*="fa-file"]{color:var(--mh-orange) !important;}

/* ===== Restliche gruene Links (Artikelnamen in Wunschliste, Warenkorb, Bestellungen, Retoure) ===== */
.item-name,a.item-name,
.basket-list-item a:not(.btn),.basket-item a:not(.btn),
.wish-list a:not(.btn),.widget-wish-list a:not(.btn),
.order-item a:not(.btn),.widget-order-return a:not(.btn),
.basket-preview a:not(.btn),.checkout a:not(.btn),
.page-content a:not(.btn):not(.nav-link):not(.dropdown-item){
  color:var(--mh-orange-dark) !important;}
.item-name:hover,a.item-name:hover,.page-content a:not(.btn):not(.nav-link):not(.dropdown-item):hover{color:var(--mh-orange) !important;}

/* ===== Eingeloggt: Konto-Symbol im Kreis + helles Konto-Menue ===== */
.top-bar .control-user{position:relative;}
.top-bar .control-user > .dropdown > .nav-link,
.top-bar .control-user .dropdown-toggle{
  width:44px !important;height:44px !important;padding:0 !important;margin:0 !important;
  border-radius:50% !important;background:var(--mh-orange-light) !important;border:0 !important;
  display:flex !important;align-items:center;justify-content:center;
  font-size:0 !important;color:var(--mh-orange-dark) !important;box-shadow:none !important;}
.top-bar .control-user .dropdown-toggle::after{display:none !important;}
.top-bar .control-user .dropdown-toggle span{display:none !important;}
.top-bar .control-user .dropdown-toggle i{font-size:18px !important;color:var(--mh-orange-dark) !important;margin:0 !important;display:inline-block !important;}
.top-bar .control-user .dropdown-toggle:hover{background:var(--mh-orange) !important;}
.top-bar .control-user .dropdown-toggle:hover i{color:#fff !important;}
.top-bar .control-user .dropdown-menu{
  background:#fff !important;border:1px solid #f0e6dc !important;border-top:3px solid var(--mh-orange) !important;
  border-radius:0 0 14px 14px !important;box-shadow:0 14px 30px rgba(138,79,20,.14) !important;
  padding:8px !important;min-width:200px !important;right:0 !important;left:auto !important;margin-top:8px !important;}
.top-bar .control-user .dropdown-menu .list-group,
.top-bar .control-user .dropdown-menu .list-group-item{background:transparent !important;border:0 !important;}
.top-bar .control-user .dropdown-menu a,
.top-bar .control-user .dropdown-menu .list-group-item{
  display:flex !important;align-items:center;gap:10px;padding:10px 14px !important;border-radius:10px !important;
  color:#333 !important;font-weight:600 !important;font-size:.95rem !important;text-decoration:none !important;}
.top-bar .control-user .dropdown-menu a i,
.top-bar .control-user .dropdown-menu .list-group-item i{color:var(--mh-orange) !important;font-size:16px !important;width:18px;}
.top-bar .control-user .dropdown-menu a:hover,
.top-bar .control-user .dropdown-menu .list-group-item:hover{background:var(--mh-orange-light) !important;color:var(--mh-orange-dark) !important;}

/* ===== Fix Konto-Menue: Eintraege wieder sichtbar, Menue unter dem Kreis ===== */
.top-bar .control-user .dropdown{position:relative !important;}
.top-bar .control-user .dropdown-menu{position:absolute !important;top:100% !important;right:0 !important;left:auto !important;transform:none !important;}
.top-bar .control-user .dropdown-menu a,
.top-bar .control-user .dropdown-menu a.nav-link,
.top-bar .control-user .dropdown-menu a.nav-link + a.nav-link{
  display:flex !important;width:auto !important;height:auto !important;
  font-size:.95rem !important;background:transparent !important;border-radius:10px !important;
  justify-content:flex-start !important;white-space:nowrap;}
.top-bar .control-user .dropdown-menu a span,
.top-bar .control-user .dropdown-menu a.nav-link span{display:inline !important;font-size:.95rem !important;}
.top-bar .control-user .dropdown-menu a:hover,
.top-bar .control-user .dropdown-menu a.nav-link:hover{background:var(--mh-orange-light) !important;}
.top-bar .control-user .dropdown-menu a:hover i{color:var(--mh-orange) !important;}

/* ===== Konto-Menue nur beim Drueberfahren zeigen (wie Kategorien) ===== */
.top-bar .control-user,
.top-bar .control-user > *{position:relative !important;}
.top-bar .control-user .dropdown-menu{
  display:block !important;position:absolute !important;top:100% !important;right:0 !important;left:auto !important;
  width:auto !important;min-width:200px !important;max-width:260px !important;
  opacity:0 !important;visibility:hidden !important;pointer-events:none !important;
  transform:translateY(6px) !important;transition:opacity .15s,transform .15s,visibility .15s;z-index:1000;}
.top-bar .control-user:hover .dropdown-menu,
.top-bar .control-user:focus-within .dropdown-menu{
  opacity:1 !important;visibility:visible !important;pointer-events:auto !important;transform:none !important;}
/* unsichtbare Bruecke, damit das Menue beim Runterfahren offen bleibt */
.top-bar .control-user .dropdown-menu::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px;}

/* ===== Konto-Menue final: zu, oeffnet nur bei Hover ueber dem Personen-Kreis ===== */
.top-bar .control-user .dropdown{position:relative !important;}
.top-bar .control-user .dropdown-menu{
  display:block !important;position:absolute !important;top:100% !important;right:0 !important;left:auto !important;
  width:220px !important;min-width:220px !important;max-width:none !important;
  max-height:none !important;height:auto !important;overflow:visible !important;
  margin-top:10px !important;padding:8px !important;
  opacity:0 !important;visibility:hidden !important;pointer-events:none !important;
  transform:translateY(6px) !important;transition:opacity .15s,transform .15s,visibility .15s;z-index:1000;}
.top-bar .control-user:hover .dropdown-menu,
.top-bar .control-user:focus-within .dropdown-menu,
.top-bar .control-user .dropdown-menu.show{
  opacity:1 !important;visibility:visible !important;pointer-events:auto !important;transform:none !important;}
.top-bar .control-user .dropdown-menu::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px;}

/* ===== Warenkorb / Wunschliste / Kasse: groessere Schrift ===== */
.basket-item .item-name{font-size:1rem !important;line-height:1.35 !important;}
.basket-item .item-base-price{font-size:.95rem !important;}
.basket-item .meta-container .small{font-size:.92rem !important;}
.basket-item .badge[class*="availability"]{font-size:.8rem !important;padding:5px 10px !important;border-radius:999px !important;font-weight:700 !important;}

/* ===== Warenkorb / Wunschliste / Kasse: noch etwas groessere Schrift ===== */
.basket-item .item-name{font-size:1.12rem !important;line-height:1.35 !important;}
.basket-item .item-base-price{font-size:1.05rem !important;}
.basket-item .meta-container .small{font-size:1rem !important;}
.basket-item .badge[class*="availability"]{font-size:.88rem !important;padding:6px 12px !important;}

/* ===== Warenkorb-Symbol: Artikelanzahl als kleiner Kreis (Zahl kommt per Skript aus dem Header) ===== */
.top-bar .toggle-basket-preview .badge{display:none !important;}
.top-bar .toggle-basket-preview{overflow:visible !important;}
.top-bar .toggle-basket-preview[data-mh-count]:not([data-mh-count="0"])::after{
  content:attr(data-mh-count);position:absolute;bottom:-6px;right:-6px;
  min-width:26px;height:26px;padding:0 6px;border-radius:999px;box-sizing:border-box;
  background:var(--mh-orange);color:#fff;border:2px solid #fff;
  font-size:14px;font-weight:800;line-height:22px;text-align:center;}
.top-bar .toggle-basket-preview:hover::after{background:var(--mh-orange-dark) !important;}

/* ===== Eingeloggt kennzeichnen: oranger Kreis + tuerkiser Haken, "Hallo, Vorname!" im Menue ===== */
.top-bar .control-user #accountMenuList{background:var(--mh-orange) !important;position:relative;overflow:visible !important;}
.top-bar .control-user #accountMenuList i{color:#fff !important;}
.top-bar .control-user #accountMenuList:hover{background:var(--mh-orange-dark) !important;}
.top-bar .control-user #accountMenuList::before{
  content:"\2713";position:absolute;bottom:-6px;right:-6px;width:22px;height:22px;border-radius:50%;
  background:#1FD9C3;color:#1e1e1e;border:2px solid #fff;font-size:12px;font-weight:800;
  line-height:18px;text-align:center;box-sizing:border-box;}
.top-bar .control-user .mh-hallo{padding:8px 14px 10px;margin-bottom:4px;border-bottom:1px solid #f0e6dc;
  color:var(--mh-orange-dark);font-weight:800;font-size:.95rem;white-space:nowrap;}

/* ===== Restliche gruene Texte/Icons (Auftragsbestaetigung, Auftragshistorie) ===== */
.text-primary,.text-appearance,a.text-primary,a.text-appearance,
.order-item a,.order-history a:not(.btn),.widget-order-history a:not(.btn),
.order-confirmation a:not(.btn),.widget-order-confirmation a:not(.btn),
[class*="order"] .item-name,[class*="order"] a.item-name{color:var(--mh-orange-dark) !important;}
.text-primary:hover,a.text-appearance:hover{color:var(--mh-orange) !important;}
.order-history .fa,.widget-order-history .fa-eye,.fa-eye.text-primary,.text-success{color:var(--mh-orange) !important;}

/* ===== Auftragsbestaetigung: Artikelname braun, Status als Schild hervorgehoben ===== */
.cmp-order-item .item-name,.cmp-order-item .item-name.text-appearance,
.cmp-order-item a .text-appearance{color:var(--mh-orange-dark) !important;font-weight:700;}
.widget-order-data .widget-inner > div.row:nth-of-type(3) > span{
  display:inline-block !important;flex:0 0 auto !important;max-width:none !important;width:auto !important;
  margin-left:15px;padding:4px 14px !important;border-radius:999px;
  background:var(--mh-orange-light);color:var(--mh-orange-dark);font-weight:800;border:2px solid var(--mh-orange);}

/* ===== Mein Konto / Auftragshistorie: Status als Schild, Auge orange ===== */
.order-history-list .container-clickable .col-md-4 > span:last-child{
  display:inline-block;padding:4px 14px;border-radius:999px;
  background:var(--mh-orange-light);color:var(--mh-orange-dark);font-weight:800;border:2px solid var(--mh-orange);}
.order-history-list .fa-eye,.order-history-list .text-appearance{color:var(--mh-orange) !important;}

/* ===== Ausloggen-Button dunkelrot-braun ===== */
a.btn:has(.fa-sign-out),button.btn:has(.fa-sign-out){background:#8A3A1E !important;border-color:#8A3A1E !important;color:#fff !important;}
a.btn:has(.fa-sign-out):hover,button.btn:has(.fa-sign-out):hover{background:#6B2C16 !important;border-color:#6B2C16 !important;}

/* ===== Rabatt-Schild (-21%) groesser und gut lesbar ===== */
.special-tags .badge-offer,.special-tags .badge-danger{
  font-size:1.25rem !important;font-weight:800 !important;padding:9px 18px !important;border-radius:999px !important;
  background:#1FD9C3 !important;color:#1e1e1e !important;letter-spacing:.02em;}