/* =============================================================
   Fox Car Parts — couche de traduction française
   Optionnel : n'utilisez ce fichier QUE si vous préférez héberger
   la traduction sur S3 plutôt que de la garder dans le <style>
   du modèle. Dans ce cas, supprimez le bloc <style> du HTML et
   ajoutez ce fichier en DERNIER, après style.min.css et
   tailwind.css :
   <link rel="stylesheet" href=".../Fox_eBay_Template/style/fox_fr.css">
   ============================================================= */

/* --- Cartes avantages : version bureau --- */
.youritemdtitle::before {
  content: "Livraison rapide et suivie" !important;
}

.youritemd::before {
  content: "Expédié le jour même depuis le Royaume-Uni par un transporteur premium, avec suivi complet." !important;
}

.orginaleqdtitle::before {
  content: "Qualité d’origine garantie" !important;
}

.orginaleqd::before {
  content: "Conçu selon les normes de qualité d’origine (OEM), avec une assurance certifiée ISO pour des performances premium." !important;
}

.premiumcusdtitle::before {
  content: "Service client haut de gamme" !important;
}

.premiumcusd::before {
  content: "Avec 10 ans d’expertise et plus de 30 000 avis positifs, notre service client est incomparable." !important;
}

/* --- Cartes avantages : version mobile --- */
.youritemtitle::before {
  content: "Livraison rapide et suivie" !important;
}

.orginaleqtitlemobile::before {
  content: "Qualité \A Premium" !important;
  white-space: pre;
}

.premiumcustitle::before {
  content: "Service client d’exception" !important;
}

/* --- Cartes boutique / contact --- */
.visit::before {
  content: "Visitez notre boutique" !important;
}

.visittext::before {
  content: "Découvrez notre large gamme de pièces et d’accessoires de qualité parmi plus de 4 000 articles. Trouvez dès maintenant la pièce idéale pour votre véhicule !" !important;
}

.contact::before {
  content: "Nous contacter" !important;
}

.contacttext::before {
  content: "Besoin d’aide ? Notre équipe est là pour vous accompagner. Rejoignez plus de 30 000 clients satisfaits qui nous ont laissé un avis positif\00a0!" !important;
}

/* --- Pied de page --- */
.footer::before {
  content: "©Fox Car Parts – Tous droits réservés. – Anciennement Enva38" !important;
}

/* --- Bandeau d'annonce --- */
#announcement::before {
  content: "🎉 Grande nouvelle ! 🎉" !important;
}

#announcement::after {
  content: "ENVA DEVIENT FOX CAR PARTS\ANouveau nom, même engagement\AMême équipe de confiance • Même qualité de service" !important;
  white-space: pre-line;
}

/* --- Caractéristiques de l’article ---
   style.min.css masque les lignes "Brand" et "Country/Region of
   Manufacture". Sur eBay.fr ces cles arrivent en francais, donc on
   ajoute les équivalents. SUPPRIMEZ ce bloc si vous voulez afficher
   la marque et le pays de fabrication aux acheteurs français. */
.kv-body p.key[data-k="Marque" i],
.kv-body p.key[data-k="Marque" i] + p.value,
.kv-body p.key[data-k="Pays/Région de fabrication" i],
.kv-body p.key[data-k="Pays/Région de fabrication" i] + p.value,
.kv-body p.key[data-k="Pays/Région de fabrication" i],
.kv-body p.key[data-k="Pays/Région de fabrication" i] + p.value,
.kv-body p.key[data-k="Pays de fabrication" i],
.kv-body p.key[data-k="Pays de fabrication" i] + p.value {
  display: none !important;
}

/* --- Filet de sécurité : photos manquantes ---
   style.min.css masque déjà img[rel] et label[rel] contenant un
   jeton non remplacé, mais pas les <li> du carrousel mobile. */
li[rel^="{image["] {
  display: none !important;
}

/* --- Casse : le modèle anglais applique "capitalize" aux titres des
   cartes. En français on garde la casse normale. --- */
.youritemdtitle,
.orginaleqdtitle,
.premiumcusdtitle,
.youritemtitle,
.orginaleqtitlemobile,
.premiumcustitle {
  text-transform: none !important;
}

/* --- En-tête mobile et bandeau de confiance ---
   IMPORTANT : tailwind.css est une compilation « purgée », elle ne
   contient QUE les classes utilisées par le modèle anglais d’origine.
   Les blocs ci-dessous sont donc écrits en CSS autonome plutôt qu’avec
   de nouvelles classes Tailwind, qui n’existeraient pas dans le fichier
   et casseraient silencieusement la mise en page. */
.fox-mobhead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  background: linear-gradient(95deg, #ec660c 30%, #df8600 80%);
  border-radius: .5rem;
  margin-top: 2px;
  padding: 8px 12px;
  overflow: hidden;
}

.fox-mobhead__brand {
  color: #fff;
  font-family: 'Exo', 'Poppins', sans-serif;
  font-weight: 800;
  font-size: 18px;
  letter-spacing: .03em;
  line-height: 1.1;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .15);
}

.fox-mobhead__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  height: 32px;
  padding: 0 12px;
  background: #fff;
  color: #f97316;
  border-radius: 9999px;
  font-family: 'Exo', 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 13px;
  text-decoration: none;
  white-space: nowrap;
}

@media (min-width:768px) {
  .fox-mobhead {
    display: none;
  }
}

.fox-trust {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  gap: 8px;
  background: linear-gradient(to right, #fb923c, #f97316, #fb923c);
  border-radius: .5rem;
  margin-top: 14px;
  padding: 12px;
}

.fox-trust__item {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.2;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .12);
}

.fox-trust__item i {
  font-size: 22px;
}

.fox-trust__sep {
  display: none;
}

@media (min-width:640px) {
  .fox-trust {
    flex-direction: row;
    gap: 0;
  }

  .fox-trust__sep {
    display: block;
    align-self: stretch;
    border-right: 1px solid rgba(255, 255, 255, .45);
  }
}

@media (min-width:1024px) {
  .fox-trust__item {
    font-size: 16px;
  }
}