/* ======================================================= */
/* REPERTOIRE DE PRESTIGE : CORRECTION CHAMPS COMPATIBLES  */
/* ======================================================= */

/* 1. ARRIÈRE-PLAN GLOBAL : Un jaune pâle / crème très doux */
body, #sp-main-body, .dj-classifieds {
    background-color: #fbf9f1 !important;
}

/* 2. LA FICHE : Écrin blanc pur au-dessus du fond crème */
.dj-item, #dj-classifieds, .dj-item-classifieds {
    background: #ffffff !important;
    padding: 35px !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(115, 102, 63, 0.06) !important; 
    border: 1px solid #e8e6dc !important;
    max-width: 850px !important;
    margin: 30px auto !important;
}

/* 3. BANDEAU DU NOM : Gris épuré */
.general_det_title, .dj-item-title, .title_top, .item_title_box, #dj-classifieds h1 {
    text-align: center !important;
    background-color: #e2e8f0 !important;
    padding: 16px 20px !important;
    border-radius: 8px !important;
    margin-bottom: 25px !important;
    display: block !important;
    border: 1px solid #cbd5e1 !important;
}
.general_det_title h1, .dj-item-title h1, .title_top h1, .dj-item h1, h1, h1 * {
    color: #0f172a !important; 
    font-size: 24px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

/* 4. Retrait de l'étoile */
.general_det_title img, .dj-item-title img, .title_top img, .fav_ad, .fav, img[src*="star"] {
    display: none !important;
    visibility: hidden !important;
}

/* 5. Centrage de la photo */
.dj_item_images, .item_img {
    text-align: center !important;
    margin: 0 auto 25px auto !important;
    display: block !important;
}
.dj_item_images img, .item_img img {
    border-radius: 6px !important;
    max-width: 100% !important;
    height: auto !important;
    display: inline-block !important;
}

/* 6. Style par défaut de toutes les lignes d'information (Champs personnalisés compris) */
.dj-custom-field, .row_field, .field_row, .dj-item table tr, .dj-custom-fields-list * {
    border-bottom: 1px solid #f1f5f9 !important;
    padding: 14px 10px !important;
}
.field_label, .label, .name, td:first-child, [class*="label"] {
    font-weight: 700 !important;
    color: #4a5568 !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    min-width: 220px !important;
}

/* ======================================================= */
/* 7. ALLUMAGE CHIRURGICAL DÉFINITIF DU PALMARÈS            */
/* ======================================================= */

/* --- ALLUMAGE DE LA RUBRIQUE "TITRES" (Style Or / Champagne) --- */
/* Cible précisément le champ par son nom technique d'administration "filtre_titres" */
[class*="filtre_titres"], 
[id*="filtre_titres"], 
.dj-custom-field:nth-of-type(4),
.row_field:nth-of-type(4),
.dj-item tr:nth-child(6) {
    background-color: #fefcf2 !important; /* Or blanc velouté subtil */
    border-left: 6px solid #d4af37 !important; /* Barre Or de prestige */
    padding-left: 15px !important;
    border-radius: 0 6px 6px 0 !important;
}
[class*="filtre_titres"] *, 
[id*="filtre_titres"] *, 
.dj-custom-field:nth-of-type(4) *,
.dj-item tr:nth-child(6) td {
    font-weight: 700 !important;
    color: #92400e !important;
}

/* --- ALLUMAGE DE LA RUBRIQUE "COTATIONS" (Style Bleu Givré) --- */
/* Cible la ligne qui suit directement le champ filtre_titres */
[class*="cotations"], 
[id*="cotations"],
.dj-custom-field:nth-of-type(5),
.row_field:nth-of-type(5),
.dj-item tr:nth-child(7) {
    background-color: #f0f7ff !important; /* Bleu givré très doux */
    border-left: 6px solid #3b82f6 !important; /* Barre bleue */
    padding-left: 15px !important;
    border-radius: 0 6px 6px 0 !important;
}
[class*="cotations"] *, 
[id*="cotations"] *, 
.dj-custom-field:nth-of-type(5) *,
.dj-item tr:nth-child(7) td {
    font-weight: 700 !important;
    color: #1d4ed8 !important;
}

/* 8. Bouton Pedigree */
a[href*="pedigree"], .dj-item td a, .value a, .field_value a {
    display: inline-block !important;
    background-color: #0b3c5d !important;
    color: #ffffff !important;
    padding: 6px 16px !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}

/* --- HARMONISATION STRICTE ET COMPLETE DU MENU OFFCANVAS --- */

/* 1. Reset strict de TOUS les textes et balises internes */
.offcanvas-menu,
.offcanvas-menu * {
  font-family: Arial, "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
}

/* 2. Style identique pour tous les liens (haut et bas) */
.offcanvas-menu ul li a,
.offcanvas-menu ul li a span,
.offcanvas-menu .offcanvas-inner a {
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  line-height: 1.4 !important;
  color: #2c3e50 !important;
}

/* 3. Lignes et interlignes uniformes */
.offcanvas-menu ul.menu > li {
  border-bottom: 1px solid #eef2f6 !important;
  margin: 0 !important;
}

.offcanvas-menu ul.menu > li > a {
  padding: 11px 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  transition: all 0.2s ease !important;
}

/* 4. Effet de survol homogène */
.offcanvas-menu ul.menu > li > a:hover {
  background-color: #f8fafc !important;
  color: #1f4e79 !important;
}

/* 5. Flèches de sous-menus */
.offcanvas-menu .menu-toggler,
.offcanvas-menu .offcanvas-inner .fa,
.offcanvas-menu .offcanvas-inner .fas {
  color: #94a3b8 !important;
  font-size: 13px !important;
}

/* 6. Bouton Contact */
.offcanvas-menu ul.menu > li:last-child {
  margin-top: 15px !important;
  border-bottom: none !important;
}

.offcanvas-menu ul.menu > li:last-child > a,
.offcanvas-menu ul.menu > li:last-child > a span {
  background-color: #1f4e79 !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 10px !important;
}

.offcanvas-menu ul.menu > li:last-child > a:hover {
  background-color: #163857 !important;
}