/* ============================================================
   TV2 eigenes Kategorien-Menue (SITE-WEIT) — ersetzt das WoodMart-Menue
   Version: 1.0.1
   ============================================================ */

/* WoodMart-Menue-Buttons (Desktop-Fullscreen + Mobile-Toggle) ausblenden */
.wd-header-fs-nav,
.wd-tools-element.wd-header-fs-nav,
.wd-header-mobile-nav { display: none !important; }

/* Such-Spalte nicht aufblaehen, wenn der Menue-Button fehlt (Lupe bleibt im Feld) */
.whb-general-header .whb-col-center { flex: 0 1 auto !important; }

/* Leiste */
.tv2-catnav { background:#fff; border-bottom:1px solid #e6e0e6; position:relative; z-index:40; font-family:'Archivo','Roboto',system-ui,-apple-system,sans-serif; }
.tv2-catnav-w { max-width:1220px; margin:0 auto; padding:0 24px; display:flex; align-items:center; }
.tv2-catnav .tv2-catnav-burger { display:none !important; }
.tv2-catnav-list { display:flex; flex-wrap:wrap; gap:2px 4px; list-style:none; margin:0; padding:0; width:100%; justify-content:center; }
.tv2-catnav-list li { margin:0; }
.tv2-catnav-list a { display:inline-flex; align-items:center; padding:13px 15px; font-weight:600; font-size:15px; line-height:1.2; color:#1a1420; text-decoration:none; border-bottom:3px solid transparent; transition:color .2s,border-color .2s; white-space:nowrap; }
.tv2-catnav-list a:hover,
.tv2-catnav-list .current-menu-item > a { color:#b80048; border-bottom-color:#b80048; }

/* Tablet/Handy: zusammenklappbares Hamburger-Menue */
@media (max-width:1024px){
  .tv2-catnav-w { display:block; padding:0; }
  .tv2-catnav .tv2-catnav-burger {
    display:flex !important; align-items:center; gap:12px; width:100%;
    padding:14px 20px; background:#fff; border:0; border-bottom:1px solid #e6e0e6;
    font:700 16px/1 'Archivo','Roboto',system-ui,sans-serif; color:#1a1420; cursor:pointer; text-align:left;
  }
  .tv2-catnav-burger .bars { width:22px; height:16px; position:relative; display:inline-block; flex:0 0 auto; }
  .tv2-catnav-burger .bars span { position:absolute; left:0; width:22px; height:2px; background:#b80048; border-radius:2px; transition:transform .3s,opacity .3s; }
  .tv2-catnav-burger .bars span:nth-child(1){ top:1px; }
  .tv2-catnav-burger .bars span:nth-child(2){ top:7px; }
  .tv2-catnav-burger .bars span:nth-child(3){ top:13px; }
  .tv2-catnav.open .tv2-catnav-burger .bars span:nth-child(1){ transform:translateY(6px) rotate(45deg); }
  .tv2-catnav.open .tv2-catnav-burger .bars span:nth-child(2){ opacity:0; }
  .tv2-catnav.open .tv2-catnav-burger .bars span:nth-child(3){ transform:translateY(-6px) rotate(-45deg); }
  .tv2-catnav-list { flex-direction:column; flex-wrap:nowrap; gap:0; max-height:0; overflow:hidden; transition:max-height .35s ease; }
  .tv2-catnav.open .tv2-catnav-list { max-height:80vh; overflow:auto; }
  .tv2-catnav-list a { width:100%; padding:14px 20px; border-bottom:1px solid #f1ecf1; border-left:3px solid transparent; }
  .tv2-catnav-list a:hover,
  .tv2-catnav-list .current-menu-item > a { border-bottom-color:#f1ecf1; border-left-color:#b80048; }
}