/* SearchPartsBMW v0.19.5 - disponibilité ETK fiable
   Règle : SEUL data-spb-availability="unavailable" / .spb-etk-unavailable devient rouge.
   Les textes "Sur demande" anciens ou les boutons + d’infos ne déclenchent plus la ligne rouge. */

.spb-etk-table tbody tr.spb-etk-available,
.spb-etk-table tbody tr.spb-etk-available > td,
.spb-etk-table tbody tr[data-spb-availability="available"],
.spb-etk-table tbody tr[data-spb-availability="available"] > td,
.spb-etk-preview__table tbody tr.spb-etk-available,
.spb-etk-preview__table tbody tr.spb-etk-available > td,
.spb-etk-preview__table tbody tr[data-spb-availability="available"],
.spb-etk-preview__table tbody tr[data-spb-availability="available"] > td {
  background: #fff !important;
  color: #111 !important;
  border-left: 0 !important;
}

.spb-etk-table tbody tr.spb-etk-available .spb-etk-ref,
.spb-etk-table tbody tr.spb-etk-available td[data-label="Désignation"],
.spb-etk-table tbody tr.spb-etk-available td[data-label="Caractéristique"],
.spb-etk-table tbody tr.spb-etk-available td[data-label="Qté"],
.spb-etk-preview__table tbody tr.spb-etk-available strong,
.spb-etk-preview__table tbody tr.spb-etk-available td {
  color: #111 !important;
}

.spb-etk-table tbody tr.spb-etk-available .spb-etk-pos,
.spb-etk-preview__table tbody tr.spb-etk-available .spb-etk-pos {
  background: #080808 !important;
  color: #fff !important;
}

.spb-etk-table tbody tr.spb-etk-unavailable,
.spb-etk-table tbody tr.spb-etk-unavailable:nth-child(odd),
.spb-etk-table tbody tr.spb-etk-unavailable:nth-child(even),
.spb-etk-table tbody tr[data-spb-availability="unavailable"],
.spb-etk-preview__table tbody tr.spb-etk-unavailable,
.spb-etk-preview__table tbody tr[data-spb-availability="unavailable"] {
  background: #fff0f0 !important;
}

.spb-etk-table tbody tr.spb-etk-unavailable > td,
.spb-etk-table tbody tr.spb-etk-unavailable:hover > td,
.spb-etk-table tbody tr[data-spb-availability="unavailable"] > td,
.spb-etk-preview__table tbody tr.spb-etk-unavailable > td,
.spb-etk-preview__table tbody tr[data-spb-availability="unavailable"] > td {
  background: #fff0f0 !important;
  color: #d40000 !important;
  border-top-color: rgba(212,0,0,.12) !important;
  border-bottom-color: rgba(212,0,0,.12) !important;
}

.spb-etk-table tbody tr.spb-etk-unavailable > td:first-child,
.spb-etk-preview__table tbody tr.spb-etk-unavailable > td:first-child {
  border-left: 4px solid #e00000 !important;
}

.spb-etk-table tbody tr.spb-etk-unavailable .spb-etk-pos,
.spb-etk-preview__table tbody tr.spb-etk-unavailable .spb-etk-pos {
  background: #e00000 !important;
  color: #fff !important;
}

.spb-etk-table tbody tr.spb-etk-unavailable .spb-etk-ref,
.spb-etk-table tbody tr.spb-etk-unavailable .spb-etk-copy-ref,
.spb-etk-table tbody tr.spb-etk-unavailable td[data-label="Désignation"],
.spb-etk-table tbody tr.spb-etk-unavailable td[data-label="Caractéristique"],
.spb-etk-table tbody tr.spb-etk-unavailable td[data-label="Qté"],
.spb-etk-preview__table tbody tr.spb-etk-unavailable strong,
.spb-etk-preview__table tbody tr.spb-etk-unavailable td {
  color: #d40000 !important;
  font-weight: 700 !important;
}

.spb-etk-availability-cell,
.spb-etk-preview__table td[data-label="Disponibilité"] {
  text-align: center !important;
}

.spb-etk-availability-badge,
.spb-etk-status {
  display: block !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
}

.spb-etk-availability-badge--available,
.spb-etk-status--available {
  color: #148a20 !important;
}

.spb-etk-availability-badge--unavailable,
.spb-etk-status--unavailable,
.spb-etk-action-note--unavailable,
.spb-etk-status-detail {
  color: #d40000 !important;
}

.spb-etk-action-note--unavailable,
.spb-etk-status-detail {
  display: block !important;
  margin-top: 3px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.spb-etk-table tbody tr.spb-etk-unavailable .spb-etk-action,
.spb-etk-table tbody tr.spb-etk-unavailable .spb-etk-action--cart,
.spb-etk-table tbody tr.spb-etk-unavailable .js-spb-etk-add-to-cart,
.spb-etk-preview__table tbody tr.spb-etk-unavailable .spb-etk-action,
.spb-etk-preview__table tbody tr.spb-etk-unavailable .spb-etk-action--cart,
.spb-etk-preview__table tbody tr.spb-etk-unavailable .js-spb-etk-add-to-cart {
  display: none !important;
}

.spb-etk-no-action {
  color: #999 !important;
  font-weight: 700 !important;
}

/* Sécurité : si un ancien template affiche encore "Sur demande" sous une ligne disponible, on le masque. */
.spb-etk-table tbody tr.spb-etk-available .spb-etk-action-note--unavailable,
.spb-etk-table tbody tr[data-spb-availability="available"] .spb-etk-action-note--unavailable,
.spb-etk-preview__table tbody tr.spb-etk-available .spb-etk-status-detail,
.spb-etk-preview__table tbody tr[data-spb-availability="available"] .spb-etk-status-detail {
  display: none !important;
}

@media (max-width: 767px) {
  .spb-etk-availability-cell,
  .spb-etk-preview__table td[data-label="Disponibilité"] { text-align: left !important; }
}

/* v0.19.6 - correctif ultime : priorité maximale sur lignes ETK non disponibles */
.spb-etk-table tbody tr.spb-etk-unavailable > td,
.spb-etk-table tbody tr[data-spb-availability="unavailable"] > td,
.spb-etk-preview__table tbody tr.spb-etk-unavailable > td,
.spb-etk-preview__table tbody tr[data-spb-availability="unavailable"] > td {
  background-color: #fff0f0 !important;
  color: #d40000 !important;
  font-weight: 700 !important;
}
.spb-etk-table tbody tr.spb-etk-unavailable .spb-etk-action,
.spb-etk-table tbody tr.spb-etk-unavailable .js-spb-etk-add-to-cart,
.spb-etk-table tbody tr[data-spb-availability="unavailable"] .spb-etk-action,
.spb-etk-table tbody tr[data-spb-availability="unavailable"] .js-spb-etk-add-to-cart,
.spb-etk-preview__table tbody tr.spb-etk-unavailable .spb-etk-action,
.spb-etk-preview__table tbody tr.spb-etk-unavailable .js-spb-etk-add-to-cart,
.spb-etk-preview__table tbody tr[data-spb-availability="unavailable"] .spb-etk-action,
.spb-etk-preview__table tbody tr[data-spb-availability="unavailable"] .js-spb-etk-add-to-cart {
  display: none !important;
}
.spb-etk-table tbody tr.spb-etk-available > td,
.spb-etk-table tbody tr[data-spb-availability="available"] > td,
.spb-etk-preview__table tbody tr.spb-etk-available > td,
.spb-etk-preview__table tbody tr[data-spb-availability="available"] > td {
  background-color: #fff !important;
  color: #111 !important;
  font-weight: inherit !important;
}


/* v0.20.9 - confort lecture planche + navigation précédent/suivant */
.spb-ce-wrapper .spb-etk-front,
.spb-etk-front.spb-card-shell {
  padding: 22px 26px 26px !important;
}
.spb-ce-wrapper .spb-etk-front__notice {
  margin-bottom: 26px !important;
}
.spb-etk-front__diagram-head--spaced {
  padding: 10px 0 16px !important;
  margin: 0 0 14px !important;
}
.spb-etk-front__diagram-head--spaced .spb-etk-back {
  display: inline-flex !important;
  margin-bottom: 14px !important;
}
.spb-etk-front__diagram-head--spaced h3 {
  margin: 0 0 6px !important;
  line-height: 1.25 !important;
}
.spb-etk-front__diagram-head--spaced p {
  margin: 0 !important;
}
.spb-etk-front__image,
.spb-etk-table-wrap,
.spb-etk-front__locked {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.spb-etk-diagram-nav {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
  margin: 6px 0 22px !important;
}
.spb-etk-diagram-nav__link {
  display: block !important;
  min-height: 74px !important;
  padding: 13px 16px !important;
  border: 1px solid rgba(18, 69, 112, .18) !important;
  border-radius: 14px !important;
  background: #f8fbff !important;
  color: #12344d !important;
  text-decoration: none !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.04) !important;
}
.spb-etk-diagram-nav__side--next .spb-etk-diagram-nav__link {
  text-align: right !important;
}
.spb-etk-diagram-nav__link span {
  display: block !important;
  margin-bottom: 5px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #b00000 !important;
  text-transform: uppercase !important;
  letter-spacing: .03em !important;
}
.spb-etk-diagram-nav__link strong {
  display: block !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
}
.spb-etk-diagram-nav__link:hover {
  border-color: rgba(176, 0, 0, .32) !important;
  background: #fff !important;
  transform: translateY(-1px);
}
@media (max-width: 767px) {
  .spb-ce-wrapper .spb-etk-front,
  .spb-etk-front.spb-card-shell {
    padding: 16px 14px 18px !important;
  }
  .spb-etk-diagram-nav {
    grid-template-columns: 1fr !important;
  }
  .spb-etk-diagram-nav__side--next .spb-etk-diagram-nav__link {
    text-align: left !important;
  }
}

/* V0.21.6 - URL propre Creative Elements : cache-buster. */