/* ==========================================================================
   bmb: bmb-theme.css — globale Theme-Fixes (shopweit, nicht Startseite).
   Wird wie bmb-home.css via template.xml ins admorris.css-Bundle gemerged.
   ========================================================================== */

/* bmb: Burger-Button (mobiler Header, aktiviert 2026-06 via headerLayoutData
   offcanvas-button) — das Parent stylt den Toggle mit color:#fff und erwartet
   eine dunkle/invertierte Header-Row; unsere Row 1 ist weiss -> Icon war
   weiss-auf-weiss unsichtbar. Hier auf Marken-Dunkelblau geholt. */
.header__offcanvas-toggle {
    color: #06354b;
}
.header__offcanvas-toggle:hover,
.header__offcanvas-toggle:focus {
    color: #0074a3;
}

/* ==========================================================================
   bmb: Mobiler Header-Feinschliff (2026-06, nur Mobil-Nav #shop-nav-xs).
   Desktop bleibt unberuehrt (eigene .header__desktop-nav).
   ========================================================================== */

/* bmb: Trennlinien aufraeumen. Parent setzt .header-row.row-1 eine orange 2px-
   Linie zwischen Logo- und Such-Zeile -> hier unterdrueckt. Auf Wunsch (2026-06)
   KEINE Linie mehr unter dem mobilen Header; die Trennung uebernimmt die Topbar
   (heller Hintergrund) bzw. der Seiteninhalt. */
#shop-nav-xs .header-row.row-1 {
    border-bottom: none;
}

/* bmb: Obere Zeile kompakter -- Reihen-Padding (Parent nutzt CSS-Var 5px) und
   Logo etwas verkleinern. #shop-nav-xs erhoeht Spezifitaet ueber .header-row.row-1. */
#shop-nav-xs .header-row {
    --header-row-padding-top: 3px;
    --header-row-padding-bottom: 3px;
}
#shop-nav-xs .header__logo,
#shop-nav-xs .header__logo--svg .header__logo-img {
    max-width: 120px;
}
#shop-nav-xs .header__logo {
    margin-top: 2px;
    margin-bottom: 2px;
}

/* bmb: Mobil-Header schlank (2026-06) -- Telefon (contact) + "Angebot anfragen"
   (box4) sind aus dem mobilen Header entfernt (headerLayoutData.json), da sie in
   der Startseiten-Topbar stehen (Doppelung). Reihe 2 enthaelt jetzt nur die Suche;
   diese auf volle Breite ziehen (allein in der Spalte, sonst 100%-max-width-Form). */
#shop-nav-xs .header-row.row-2 .header-row__col {
    flex: 1 1 100%;
    width: 100%;
}
#shop-nav-xs .header-search,
#shop-nav-xs .search__form {
    width: 100%;
    max-width: 100%;
}

/* ==========================================================================
   bmb: Burger-Offcanvas von dunkel (#000/weiss) auf HELL invertieren, damit es
   sich ins helle Shop-Design einpasst. Parent stylt alles ueber
   .offcanvas-nav--menu; kein DB-Setting noetig. Marken-Dunkelblau #06354b.
   ========================================================================== */
.offcanvas-nav--menu {
    background-color: #ffffff;
    color: #06354b;
}
.offcanvas-nav--menu a,
.offcanvas-nav--menu .dropdown-menu.dropdown-menu > li > a,
.offcanvas-nav--menu .dropdown-menu > li .megamenu-content__item a,
.offcanvas-nav--menu .navbar-categories__current,
.offcanvas-nav--menu .btn-offcanvas,
.offcanvas-nav--menu .btn-offcanvas:hover,
.offcanvas-nav--menu .btn-offcanvas:focus,
.offcanvas-nav--menu .btn-offcanvas:active {
    color: #06354b;
}
/* Hover/Focus/Active: heller Marken-Tint statt rgba(255,255,255,.25) */
.offcanvas-nav--menu .nav > li > a:hover,
.offcanvas-nav--menu .nav > li > a:focus,
.offcanvas-nav--menu .nav > li > a:active,
.offcanvas-nav--menu .dropdown-menu > li > a:hover,
.offcanvas-nav--menu .dropdown-menu > li a:focus {
    background-color: #f2f6f8;
    color: #06354b;
}
/* Trennlinien auf hell */
.offcanvas-nav--menu .sidebar-offcanvas > * + *,
.sidebar-offcanvas > * + * {
    border-top-color: #e6e6e6;
}
.offcanvas-nav--menu .navbar-categories__title {
    border-bottom-color: #e6e6e6;
}
/* Such-Placeholder im Offcanvas (falls vorhanden) lesbar auf hell */
.offcanvas-nav .search__input::-webkit-input-placeholder { color: #999999; }
.offcanvas-nav .search__input::-moz-placeholder { color: #999999; }
.offcanvas-nav .search__input:-ms-input-placeholder { color: #999999; }

/* bmb: Platzhalter wenn ein <img> nicht ladet (404 / keinBild.gif). Weisser
   Grund + Kamera-SVG, object-fit damit Kacheln/Galerie nicht verzerren. */
img.bmb-img-placeholder {
    object-fit: contain;
    object-position: center;
    background-color: #ffffff;
    width: 100%;
    height: auto;
    aspect-ratio: 1;
}

/* bmb: Burger-Oben (Warenkorb/Anmelden-Block) kompakter -- Parent setzt die
   shopnav-Icons auf 40px (user-styles.less), das wirkt mobil klobig. Hier
   verkleinert; zusaetzliches .offcanvas-nav--menu hebt die Spezifitaet ueber den
   4-Klassen-Parent-Selektor (kein !important noetig). Marken-Orange bleibt. */
.offcanvas-nav--menu .icon-content.icon-content--default.icon-content--center.shopnav__icon {
    font-size: 24px;
}
/* Zeilen vertikal straffen (links/rechts unberuehrt -> Full-width-Margin bleibt) */
.offcanvas-nav--menu .offcanvas-nav__element .shopnav__link {
    padding-top: 6px;
    padding-bottom: 6px;
}