/* CSS natif Design Hub — Liste des annonces, page 265. */

/* =====================================================
   SECTION 04 - LISTE DES ANNONCES / PAGE 265
   ===================================================== */

/* =====================================================
   ECIG-OCCAZ - LISTE DES ANNONCES UNIQUEMENT
   Ne touche PAS à la recherche
   Scope : liste principale + catégories WPAdverts
   ===================================================== */

/* =====================================================
   GRILLE D'ANNONCES
   ===================================================== */

body.ecig-dh-listings-theme .wpa-block-list-results.wpa-results {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;

  width: 100% !important;
  max-width: 100% !important;

  padding: 0 !important;
  margin: 20px auto 0 !important;

  align-items: stretch !important;
}

/* Carte annonce */
body.ecig-dh-listings-theme .wpa-block-list-results.wpa-results .wpa-result-item {
  position: relative !important;

  display: flex !important;
  flex-direction: column !important;

  min-width: 0 !important;
  min-height: 100% !important;

  padding: 0 !important;

  border: 1px solid rgba(124,58,237,.12) !important;
  border-radius: 22px !important;

  background: #fff !important;

  overflow: hidden !important;

  box-shadow: 0 14px 38px rgba(31,0,71,.08) !important;

  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease !important;
}

body.ecig-dh-listings-theme .wpa-block-list-results.wpa-results .wpa-result-item:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(236,72,153,.28) !important;
  box-shadow: 0 24px 60px rgba(31,0,71,.14) !important;
}

/* Badge EN AVANT sur annonces mises en avant */
body.ecig-dh-listings-theme .wpa-block-list-results.wpa-results .wpa-result-item.advert-is-featured::after {
  content: "EN AVANT" !important;

  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  z-index: 5 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  height: 28px !important;
  padding: 0 11px !important;

  border-radius: 999px !important;

  background: linear-gradient(135deg,#a855f7,#ec4899) !important;
  color: #fff !important;

  font-size: 10px !important;
  font-weight: 950 !important;
  line-height: 1 !important;

  box-shadow: 0 8px 18px rgba(168,85,247,.30) !important;
}

/* =====================================================
   IMAGE
   ===================================================== */

body.ecig-dh-listings-theme .wpa-result-item > .atw-flex:first-child {
  width: 100% !important;
  display: block !important;
}

body.ecig-dh-listings-theme .wpa-picture-grid,
body.ecig-dh-listings-theme .wpa-picture-grid > div {
  width: 100% !important;
  display: block !important;
}

body.ecig-dh-listings-theme .wpa-picture-grid > div {
  aspect-ratio: 1 / 1 !important;
  height: auto !important;

  border-radius: 0 !important;
  background: #f8f5ff !important;

  overflow: hidden !important;
}

body.ecig-dh-listings-theme .wpa-picture-grid img {
  width: 100% !important;
  height: 100% !important;

  max-width: none !important;
  max-height: none !important;

  object-fit: cover !important;
  object-position: center !important;

  display: block !important;

  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  transition:
    transform .28s ease,
    filter .28s ease !important;
}

body.ecig-dh-listings-theme .wpa-result-item:hover .wpa-picture-grid img {
  transform: scale(1.045) !important;
  filter: brightness(1.03) !important;
}

/* Image par défaut / sans photo */
body.ecig-dh-listings-theme .wpa-picture-grid img[src*="no-image"],
body.ecig-dh-listings-theme .wpa-picture-grid img[src*="placeholder"] {
  object-fit: contain !important;
  padding: 22px !important;
  background: #f8f5ff !important;
}

/* =====================================================
   CONTENU DE LA CARTE
   ===================================================== */

body.ecig-dh-listings-theme .wpa-result-details {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;

  width: 100% !important;

  padding: 13px 13px 14px !important;

  background: linear-gradient(180deg,#fff 0%,#f8f5ff 100%) !important;
}

body.ecig-dh-listings-theme .wpa-detail-left {
  width: 100% !important;
  min-width: 0 !important;

  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}

body.ecig-dh-listings-theme .wpa-result-title {
  margin: 0 0 8px !important;
}

body.ecig-dh-listings-theme .wpa-result-link {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 7px !important;

  width: 100% !important;

  text-decoration: none !important;
}

body.ecig-dh-listings-theme .wpa-result-title-text {
  display: -webkit-box !important;

  width: 100% !important;

  color: #17002f !important;

  font-size: 15px !important;
  line-height: 1.22 !important;
  font-weight: 900 !important;
  letter-spacing: -.2px !important;

  overflow: hidden !important;

  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
}

body.ecig-dh-listings-theme .wpa-result-item:hover .wpa-result-title-text {
  color: #7c3aed !important;
}

/* =====================================================
   BADGES VENDEUR
   ===================================================== */

body.ecig-dh-listings-theme .wpa-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: fit-content !important;
  max-width: 100% !important;
  min-height: 24px !important;

  margin: 0 !important;
  padding: 5px 9px !important;

  border-radius: 999px !important;

  font-size: 10px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;

  border: 1px solid rgba(255,255,255,.35) !important;
  box-shadow: 0 8px 16px rgba(15,23,42,.12) !important;
}

body.ecig-dh-listings-theme .wpa-badge--verified {
  background: linear-gradient(135deg,#22c55e,#16a34a) !important;
  color: #fff !important;
}

body.ecig-dh-listings-theme .wpa-badge--warning {
  background: linear-gradient(135deg,#dc2626,#f97316) !important;
  color: #fff !important;
}

/* =====================================================
   DATE + LOCALISATION
   ===================================================== */

body.ecig-dh-listings-theme .wpa-result-meta {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;

  margin-top: auto !important;

  color: #7c728f !important;

  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}

body.ecig-dh-listings-theme .wpa-result-meta > div {
  width: 100% !important;
  overflow-wrap: anywhere !important;
}

body.ecig-dh-listings-theme .wpa-result-meta--pattern__post_date::before {
  content: "🕒 ";
}

body.ecig-dh-listings-theme .wpa-result-meta--meta__adverts_location::before {
  content: "📍 ";
}

/* =====================================================
   PRIX
   ===================================================== */

body.ecig-dh-listings-theme .wpa-detail-right.wpa-result-last {
  width: 100% !important;

  margin-top: 10px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

body.ecig-dh-listings-theme .wpa-result-last-text {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: fit-content !important;
  max-width: 100% !important;
  min-height: 30px !important;

  padding: 6px 10px !important;

  border-radius: 999px !important;

  background: rgba(124,58,237,.10) !important;
  color: #5b21b6 !important;

  font-size: 14px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

/* =====================================================
   PAGINATION
   ===================================================== */

body.ecig-dh-listings-theme .wpadverts-pagination {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 8px !important;

  margin: 32px auto 20px !important;
}

body.ecig-dh-listings-theme .wpadverts-pagination .page-numbers {
  min-width: 38px !important;
  height: 38px !important;

  padding: 0 12px !important;

  border-radius: 999px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: #fff !important;
  border: 1px solid rgba(124,58,237,.16) !important;

  color: #5b21b6 !important;

  font-weight: 900 !important;
  text-decoration: none !important;

  box-shadow: 0 8px 18px rgba(31,0,71,.06) !important;
}

body.ecig-dh-listings-theme .wpadverts-pagination .page-numbers.current {
  background: linear-gradient(135deg,#7c3aed,#ec4899,#ff7a00) !important;
  color: #fff !important;
  border-color: transparent !important;
}

/* =====================================================
   RESPONSIVE CARTES ANNONCES
   ===================================================== */

@media (max-width: 1100px) {
  body.ecig-dh-listings-theme .wpa-block-list-results.wpa-results {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 820px) {
  body.ecig-dh-listings-theme .wpa-block-list-results.wpa-results {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
}

@media (max-width: 560px) {
  body.ecig-dh-listings-theme .wpa-block-list-results.wpa-results {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  body.ecig-dh-listings-theme .wpa-block-list-results.wpa-results .wpa-result-item {
    border-radius: 20px !important;
  }

  body.ecig-dh-listings-theme .wpa-picture-grid > div {
    aspect-ratio: 16 / 11 !important;
  }

  body.ecig-dh-listings-theme .wpa-result-details {
    padding: 14px !important;
  }

  body.ecig-dh-listings-theme .wpa-result-title-text {
    font-size: 16px !important;
    -webkit-line-clamp: 2 !important;
  }

  body.ecig-dh-listings-theme .wpa-result-meta {
    font-size: 12.5px !important;
  }

  body.ecig-dh-listings-theme .wpa-result-last-text {
    font-size: 15px !important;
  }
}
	/* =====================================================
   SECTION 05 - OVERRIDES LISTE ANNONCES
   Ces règles sont volontairement après la base pour reprendre la main.
   ===================================================== */

/* =====================================================
   LISTE ANNONCES - FOOTER PRIX + STATUT VENDEUR
   Place le badge vendeur à côté du prix
   Scope : liste principale + catégories WPAdverts
   ===================================================== */

body.ecig-dh-listings-theme .wpa-result-details {
  position: relative !important;
  padding-bottom: 58px !important;
}

/* Le lien titre ne doit plus gérer visuellement le badge */
body.ecig-dh-listings-theme .wpa-result-link {
  position: static !important;
  gap: 0 !important;
}

/* On garde le titre propre */
body.ecig-dh-listings-theme .wpa-result-title {
  margin-bottom: 8px !important;
}

/* Meta au-dessus du footer */
body.ecig-dh-listings-theme .wpa-result-meta {
  margin-top: 8px !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Prix en bas à gauche */
body.ecig-dh-listings-theme .wpa-detail-right.wpa-result-last {
  position: absolute !important;
  left: 13px !important;
  bottom: 13px !important;

  width: auto !important;
  max-width: calc(100% - 130px) !important;

  margin: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

body.ecig-dh-listings-theme .wpa-result-last-text {
  min-height: 30px !important;
  padding: 6px 10px !important;

  border-radius: 999px !important;

  background: rgba(124,58,237,.10) !important;
  color: #5b21b6 !important;

  font-size: 14px !important;
  font-weight: 950 !important;
  line-height: 1 !important;

  white-space: nowrap !important;
}

/* Badge vendeur en bas à droite */
body.ecig-dh-listings-theme .wpa-badge {
  position: absolute !important;
  right: 13px !important;
  bottom: 16px !important;
  z-index: 4 !important;

  margin: 0 !important;

  height: 28px !important;
  min-height: 28px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 112px !important;

  padding: 0 9px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;

  font-size: 0 !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;

  box-shadow: 0 8px 16px rgba(15,23,42,.14) !important;
}

/* Texte raccourci pour que ça tienne à côté du prix */
body.ecig-dh-listings-theme .wpa-badge--verified::before {
  content: "✓ Vérifié" !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

body.ecig-dh-listings-theme .wpa-badge--warning::before {
  content: "⚠ Non vérifié" !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

/* Couleurs */
body.ecig-dh-listings-theme .wpa-badge--verified {
  background: linear-gradient(135deg,#22c55e,#16a34a) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.35) !important;
}

body.ecig-dh-listings-theme .wpa-badge--warning {
  background: linear-gradient(135deg,#dc2626,#f97316) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.35) !important;
}

/* Sécurité couleur du pseudo-texte */
body.ecig-dh-listings-theme .wpa-badge--verified::before,
body.ecig-dh-listings-theme .wpa-badge--warning::before {
  color: #fff !important;
}

/* Mobile : footer plus confortable */
@media (max-width: 560px) {
  body.ecig-dh-listings-theme .wpa-result-details {
    padding-bottom: 62px !important;
  }

  body.ecig-dh-listings-theme .wpa-detail-right.wpa-result-last {
    left: 14px !important;
    bottom: 14px !important;
    max-width: calc(100% - 145px) !important;
  }

  body.ecig-dh-listings-theme .wpa-badge {
    right: 14px !important;
    bottom: 17px !important;
    max-width: 125px !important;
  }

  body.ecig-dh-listings-theme .wpa-badge--verified::before,
  body.ecig-dh-listings-theme .wpa-badge--warning::before {
    font-size: 10.5px !important;
  }
}

/* Très petit écran : on empile proprement si nécessaire */
@media (max-width: 360px) {
  body.ecig-dh-listings-theme .wpa-result-details {
    padding-bottom: 92px !important;
  }

  body.ecig-dh-listings-theme .wpa-detail-right.wpa-result-last {
    left: 14px !important;
    right: 14px !important;
    bottom: 48px !important;
    max-width: none !important;
  }

  body.ecig-dh-listings-theme .wpa-badge {
    left: 14px !important;
    right: auto !important;
    bottom: 14px !important;
  }
}
/* =====================================================
   LISTE ANNONCES - FOND ULTRA CLAIR
   Scope : liste principale + catégories WPAdverts
   ===================================================== */

body.ecig-dh-listings-theme,
body.ecig-dh-listings-theme #page-container,
body.ecig-dh-listings-theme #main-content {
  background:
    radial-gradient(circle at 12% 8%, rgba(236,72,153,.018), transparent 36%),
    radial-gradient(circle at 90% 18%, rgba(124,58,237,.018), transparent 38%),
    linear-gradient(180deg,#ffffff 0%,#fffefe 55%,#fefcff 100%) !important;
}

/* Cartes blanches */
body.ecig-dh-listings-theme .wpa-block-list-results.wpa-results .wpa-result-item {
  background: #ffffff !important;
}

/* Partie texte : presque blanc */
body.ecig-dh-listings-theme .wpa-result-details {
  background:
    linear-gradient(180deg,#ffffff 0%,#ffffff 65%,#fffefe 100%) !important;
}

/* Hover à peine visible */
body.ecig-dh-listings-theme .wpa-block-list-results.wpa-results .wpa-result-item:hover .wpa-result-details {
  background:
    linear-gradient(180deg,#ffffff 0%,#fffefe 65%,#fefcff 100%) !important;
}	


/* =====================================================
   FIX VIGNETTES - SUPPRIMER L'ANCIEN STYLE URGENT
   On garde uniquement notre badge URGENT 🔥
   ===================================================== */

/* Supprime l'ancien fond bleu WPAdverts sur les annonces mises en avant */
body:not(.single-advert) .wpadverts-block-list .wpa-result-item.advert-is-featured,
body.page-id-6 .wpadverts-block-list .wpa-result-item.advert-is-featured,
body.ecig-dh-listings-theme .wpadverts-block-list .wpa-result-item.advert-is-featured {
  background: #fff !important;
  background-color: #fff !important;
  filter: none !important;
}

/* Supprime un éventuel ancien pseudo-badge si le thème/plugin en ajoute un */
body:not(.single-advert) .wpadverts-block-list .wpa-result-item.advert-is-featured:not(.ecig-urgent-visual)::before,
body.page-id-6 .wpadverts-block-list .wpa-result-item.advert-is-featured:not(.ecig-urgent-visual)::before,
body.ecig-dh-listings-theme .wpadverts-block-list .wpa-result-item.advert-is-featured:not(.ecig-urgent-visual)::before {
  content: none !important;
  display: none !important;
}

/* Force notre badge EN AVANT proprement au-dessus */
body:not(.single-advert) .wpa-block-list-results.wpa-results .wpa-result-item.advert-is-featured::after,
body.page-id-6 .wpa-block-list-results.wpa-results .wpa-result-item.advert-is-featured::after,
body.ecig-dh-listings-theme .wpa-block-list-results.wpa-results .wpa-result-item.advert-is-featured::after {
  content: "EN AVANT" !important;
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  z-index: 20 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  height: 28px !important;
  padding: 0 12px !important;

  border-radius: 999px !important;
  background: linear-gradient(135deg,#a855f7,#ec4899) !important;
  color: #fff !important;

  font-size: 10px !important;
  font-weight: 950 !important;
  line-height: 1 !important;

  box-shadow: 0 8px 18px rgba(168,85,247,.30) !important;
}	


/* =====================================================
   v1.1.118 - CATEGORIES WPADVERTS
   Les archives advert_category reprennent exactement le thème des cartes
   de la liste principale. Le formulaire/titre de recherche reste spécifique
   à la page principale afin de conserver le nom de la catégorie.
   ===================================================== */

/* =====================================================
   RECHERCHE ANNONCES - VERSION SIMPLE SANS CASSER WPADVERTS
   Scope : page annonces uniquement
   ===================================================== */

/* Masquer seulement le titre Divi classique */
body.page-id-265 h1.entry-title,
body.page-id-265 .main_title {
  display: none !important;
}

/* Supprimer uniquement la barre verticale Divi */
body.page-id-265 #main-content .container:before {
  display: none !important;
  content: none !important;
}

/* Bloc recherche : habillage extérieur uniquement */
body.page-id-265 .wpadverts-blocks.wpadverts-block-search {
  max-width: 980px !important;
  margin: 0 auto 24px !important;
}

/* Formulaire : on garde la structure WPAdverts */
body.page-id-265 .wpadverts-blocks.wpadverts-block-search form.wpadverts-form {
  padding: 18px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(124,58,237,.10) !important;
  background: #fff !important;
  box-shadow: 0 12px 34px rgba(31,0,71,.045) !important;
}

/* Titre intégré sans toucher aux champs */
body.page-id-265 .wpadverts-blocks.wpadverts-block-search form.wpadverts-form:before {
  content: "Petites annonces Vape";
  display: block;
  margin: 0 0 6px;
  text-align: center;
  color: #17002f;
  font-size: clamp(27px, 4vw, 40px);
  line-height: 1.05;
  font-weight: 950;
  letter-spacing: -1px;
}

/* Sous-titre simple */
body.page-id-265 .wpadverts-blocks.wpadverts-block-search form.wpadverts-form:after {
  content: "Trouvez du matériel de vape d’occasion près de chez vous.";
  display: block;
  max-width: 620px;
  margin: 0 auto 16px;
  text-align: center;
  color: #7c728f;
  font-size: 14.5px;
  line-height: 1.45;
  font-weight: 700;
}

/* Champs : seulement esthétique, pas de placement */
body.page-id-265 .wpadverts-blocks.wpadverts-block-search input[type="text"],
body.page-id-265 .wpadverts-blocks.wpadverts-block-search input[type="search"],
body.page-id-265 .wpadverts-blocks.wpadverts-block-search select {
  border-radius: 12px !important;
  border: 1px solid rgba(124,58,237,.18) !important;
  background: #fff !important;
  color: #17002f !important;
  font-weight: 700 !important;
}

/* Focus doux */
body.page-id-265 .wpadverts-blocks.wpadverts-block-search input[type="text"]:focus,
body.page-id-265 .wpadverts-blocks.wpadverts-block-search input[type="search"]:focus,
body.page-id-265 .wpadverts-blocks.wpadverts-block-search select:focus {
  border-color: rgba(236,72,153,.50) !important;
  box-shadow: 0 0 0 4px rgba(236,72,153,.07) !important;
}

/* Bouton recherche */
body.page-id-265 .wpadverts-blocks.wpadverts-block-search .wpa-btn-primary {
  border: 0 !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg,#7c3aed,#ec4899,#ff5f73) !important;
  color: #fff !important;
  font-weight: 950 !important;
  box-shadow: 0 12px 24px rgba(236,72,153,.20) !important;
}

/* Bouton filtres */
body.page-id-265 .wpadverts-blocks.wpadverts-block-search .wpa-btn-secondary {
  border: 0 !important;
  border-radius: 14px !important;
  background: #edeaf4 !important;
  color: #5b21b6 !important;
  font-weight: 900 !important;
}

/* Mobile : uniquement padding et arrondi */
@media (max-width: 560px) {
  body.page-id-265 .wpadverts-blocks.wpadverts-block-search form.wpadverts-form {
    padding: 14px !important;
    border-radius: 16px !important;
  }

  body.page-id-265 .wpadverts-blocks.wpadverts-block-search form.wpadverts-form:before {
    font-size: 27px;
  }

  body.page-id-265 .wpadverts-blocks.wpadverts-block-search form.wpadverts-form:after {
    font-size: 13.5px;
    margin-bottom: 14px;
  }
}	

	/* =====================================================
   RECHERCHE - SOUS-TITRE SOUS LE TITRE
   Sans toucher à la structure WPAdverts
   ===================================================== */

/* On supprime le sous-titre placé en bas du formulaire */
body.page-id-265 .wpadverts-blocks.wpadverts-block-search form.wpadverts-form:after {
  content: none !important;
  display: none !important;
}

/* On replace le sous-titre juste avant les champs */
body.page-id-265 .wpadverts-blocks.wpadverts-block-search .wpa-form-wrap:before {
  content: "Trouvez du matériel de vape d’occasion près de chez vous." !important;

  display: block !important;
  max-width: 620px !important;

  margin: -2px auto 18px !important;

  color: #7c728f !important;

  font-size: 14.5px !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
  text-align: center !important;
}

/* Petit ajustement du titre */
body.page-id-265 .wpadverts-blocks.wpadverts-block-search form.wpadverts-form:before {
  margin-bottom: 6px !important;
}

/* Mobile */
@media (max-width: 560px) {
  body.page-id-265 .wpadverts-blocks.wpadverts-block-search .wpa-form-wrap:before {
    font-size: 13.5px !important;
    margin-bottom: 14px !important;
  }
}