/*
Theme Name: Woodmart Child
Theme URI: https://woodmart.xtemos.com/
Template: woodmart
Author: XTemos
Author URI: http://themeforest.net/user/xtemos
Description: ThemeForest Premium Theme
Tags: one-column,two-columns,right-sidebar,custom-header,custom-menu,editor-style,featured-images,microformats,post-formats,sticky-post,translation-ready
Version: 8.2.7.1760257018
Updated: 2025-10-12 08:16:58

*/

/***********************
 * GamingMarket – Breadcrumb Card (Woodmart)
 * Datei: woodmart-child/style.css
***********************/

/* ---------- 1) Wrapper im Card-Look (alle Seiten) ---------- */
body nav.woocommerce-breadcrumb,
body .woocommerce-breadcrumb,
body .wd-breadcrumbs,
body .breadcrumbs,
body .page-title .wd-breadcrumbs,
body .page-title .breadcrumbs {
  display: block !important;
  max-width: 1240px;
  margin: 22px auto 12px !important;
  padding: 10px 16px !important;
  background: rgba(255,255,255,.035) !important;
  border: 1px solid rgba(148,163,184,.14) !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 18px rgba(2,6,23,.25) !important;
  color: #cbd5e1 !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  z-index: 3;
}

/* Wenn Woodmart die Breadcrumbs im Page-Title platziert (Produktseiten) */
body.single-product .page-title .wd-breadcrumbs,
body.single-product .page-title .breadcrumbs {
  max-width: 1240px !important;
}

/* ---------- 2) Liste: keine Nummern, in einer Zeile ---------- */
body nav.woocommerce-breadcrumb ol,
body .woocommerce-breadcrumb ol,
body .wd-breadcrumbs ol,
body .breadcrumbs ol {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 0 !important;
  min-width: 0 !important;
}

/* ---------- 3) Items: Ellipsis bei langen Segmenten ---------- */
body nav.woocommerce-breadcrumb li,
body .woocommerce-breadcrumb li,
body .wd-breadcrumbs li,
body .breadcrumbs li {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  min-width: 0 !important;
}

/* ---------- 4) Separator: „ / “ + Abstand/Farbe ---------- */
body nav.woocommerce-breadcrumb li:not(:last-child)::after,
body .woocommerce-breadcrumb li:not(:last-child)::after,
body .wd-breadcrumbs li:not(:last-child)::after,
body .breadcrumbs li:not(:last-child)::after {
  content: " / " !important;
  margin: 0 10px !important;
  color: #94a3b8 !important;
  font-weight: 600 !important;
}

/* ---------- 5) Links + letztes Segment ---------- */
body nav.woocommerce-breadcrumb a,
body .woocommerce-breadcrumb a,
body .wd-breadcrumbs a,
body .breadcrumbs a {
  color: #e5e7eb !important;
  text-decoration: none !important;
  transition: color .15s ease, text-shadow .15s ease !important;
}
body nav.woocommerce-breadcrumb a:hover,
body .woocommerce-breadcrumb a:hover,
body .wd-breadcrumbs a:hover,
body .breadcrumbs a:hover {
  color: #bfdbfe !important;
  text-shadow: 0 0 6px rgba(59,130,246,.45) !important;
}
body nav.woocommerce-breadcrumb li:last-child,
body .woocommerce-breadcrumb li:last-child,
body .wd-breadcrumbs li:last-child,
body .breadcrumbs li:last-child {
  color: #a1a1aa !important;
  pointer-events: none !important;
}

/* ---------- 6) Mobile ---------- */
@media (max-width: 1024px) {
  body nav.woocommerce-breadcrumb,
  body .woocommerce-breadcrumb,
  body .wd-breadcrumbs,
  body .breadcrumbs,
  body .page-title .wd-breadcrumbs,
  body .page-title .breadcrumbs {
    font-size: 13px !important;
    padding: 8px 12px !important;
  }
}