/*
 * templatecss/liste-v2.css -- nouvelle liste des annonces (13/11/2026, results/_liste-v2.php ; maquette
 * claude.ai/artifact/RAnUsmbvWeTKgXLFxDfbyw). Chargee seulement par la nouvelle liste (dans le bloc en cache "result.v2.").
 * Charte : E:\testweb\autocadre\referencement\UX\Charte-UI-Autocadre.md (cartes, couleurs, bornes 730 / 980).
 * Les vieilles regles (style.css, resp.css, styles de results.php / resultats.php) visent "#content-tabresultats ul li a" avec
 * des largeurs et hauteurs fixes en !important : ici, selecteurs plus precis (#content-tabresultats.lv #resultList) + !important.
 * Largeurs : fluides partout. <= 730 : une carte par ligne. 731-980 : formulaire de droite cache (bouton fixe "Affiner"
 * de footer.php a la place), cartes 2 par ligne. >= 981 : colonne de 682 px + formulaire de droite (inchange).
 */

/* ---------- mise en page de la page (seulement quand la nouvelle liste est la) ---------- */
#updateDiv > br { display: none !important; }
#updateDiv { margin-top: 0 !important; }
@media (max-width: 980px) {
	#general { width: auto !important; max-width: none !important; float: none !important; margin: 0 !important; padding: 0 10px !important; box-sizing: border-box; }
	#general #content, #general #content.sh-marque { width: auto !important; max-width: none !important; float: none !important; margin: 0 !important; }
	#general > #droite { display: none !important; }
	#stickyFilterBtn { display: block !important; }
	.bottom-spacer-filter { height: 90px; }
}
@media (min-width: 731px) and (max-width: 980px) {
	#general { padding: 0 12px !important; }
}
/* 731-980 : le bouton fixe "Affiner" ouvre le formulaire de droite en panneau (results/_liste-v2.php, classe lv-filtres sur body) ;
   le panneau du telephone (#formrecherchePhone) reste reserve aux ecrans de 730 px et moins (ses styles sont dans resp.css <= 730) */
.lv-voile, .lv-fermer { display: none; }
@media (min-width: 731px) and (max-width: 980px) {
	body.lv-filtres { overflow: hidden; }
	body.lv-filtres #general > #droite { display: block !important; position: fixed !important; top: 0; right: 0; bottom: 0; left: auto !important; width: 360px !important; max-width: 92vw;
		margin: 0 !important; padding: 56px 16px 24px !important; box-sizing: border-box; float: none !important; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch;
		background: #fff !important; z-index: 100001; box-shadow: -4px 0 18px rgba(0,0,0,.22); }
	body.lv-filtres .lv-voile { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(17,24,39,.4); z-index: 100000; }
	body.lv-filtres .lv-fermer { display: inline-flex; align-items: center; gap: 4px; position: fixed; top: 10px; right: 14px; z-index: 100002; padding: 8px 14px; border: 0; border-radius: 18px;
		background: #eef0f3; color: #1f2a37; font: bold 14px Arial, Helvetica, sans-serif; cursor: pointer; }
	body.lv-filtres .lv-fermer:hover { background: #e2e5ea; }
	body.lv-filtres #stickyFilterBtn { display: none !important; }
}

/* ---------- encart "Mes favoris" (results/selection.dynamic.php, aussi apres un coeur) : une ligne ---------- */
#selectionWrapper #maselection { display: flex !important; align-items: center; gap: 8px; height: auto !important; width: auto !important; max-width: none !important;
	margin: 0 0 10px !important; padding: 6px 10px !important; background: #fff !important; border: 1px solid #e2e2e2 !important; border-radius: 8px; box-sizing: border-box; float: none !important; overflow: hidden; }
#selectionWrapper #maselection:empty { display: none !important; }
#selectionWrapper #maselection::before { content: ""; flex: none; width: 18px; height: 18px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e8350e' stroke='%23e8350e' stroke-width='2'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E") no-repeat center / contain; }
#selectionWrapper #titre-maselection { display: none !important; }
#selectionWrapper #content-maselection { display: flex !important; flex-wrap: nowrap !important; grid-template-columns: none !important; flex: 1 1 auto; min-width: 0; gap: 4px; overflow: hidden !important; height: auto !important; width: auto !important; max-width: none !important;
	margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; float: none !important; }
#selectionWrapper #content-maselection .item-selection { flex: none; position: relative; width: 44px !important; height: 33px !important; margin: 0 !important; padding: 0 !important;
	border: 0 !important; background: none !important; box-shadow: none !important; float: none !important; overflow: hidden; border-radius: 4px; }
#selectionWrapper #content-maselection .item-selection a { display: block !important; line-height: 0; }
/* 14/11/2026 (gerant B) : favori vendu = bandeau VENDU comme l'accueil (home-bas.css .hb-vendu-bd), classe sel-vendu de results/selection.dynamic.php */
#selectionWrapper #content-maselection .item-selection.sel-vendu::after { content: "VENDU"; position: absolute; left: 0; right: 0; bottom: 0; background: #c92e0c; color: #fff; font: bold 8px/1.4 Arial, Helvetica, sans-serif; letter-spacing: .5px; text-align: center; pointer-events: none; }
#selectionWrapper #content-maselection .item-selection img,
#selectionWrapper #content-maselection .item-selection .nophoto-shared { width: 44px !important; height: 33px !important; object-fit: cover; margin: 0 !important; border-radius: 4px; }
#selectionWrapper #content-maselection .item-selection p,
#selectionWrapper #content-maselection .item-selection input,
#selectionWrapper #content-maselection .item-selection .sel-heart-btn,
#selectionWrapper #content-maselection .item-selection-vide,
#selectionWrapper #resultats-comparer { display: none !important; }
#selectionWrapper #footer-maselection { flex: none; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; float: none !important; width: auto !important; text-align: right; }
#selectionWrapper #footer-maselection a { font: bold 14px Arial, Helvetica, sans-serif; color: #2977dc !important; text-decoration: none; white-space: nowrap; }
#selectionWrapper #footer-maselection a:hover { text-decoration: underline; }
@media (max-width: 430px) { #selectionWrapper #footer-maselection a { font-size: 13px; } }

/* ---------- haut de la liste ---------- */
.lv-tete { font-family: Arial, Helvetica, sans-serif; margin: 0 0 10px; clear: both; }
.lv-compte { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin: 0 0 8px; font-size: 15px; color: #1f2a37; }
.lv-compte strong { font-size: 16px; }
.lv-page { font-size: 13px; color: #5b6472; white-space: nowrap; }
.lv-tris.sort-btns { display: flex !important; align-items: center; gap: 6px; margin: 0 !important; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.lv-tris.sort-btns::-webkit-scrollbar { display: none; }
.lv-tris-l { flex: none; font-size: 13px; color: #5b6472; }
.lv-tris .sort-btn { flex: none; display: inline-flex !important; align-items: center; min-height: 36px; box-sizing: border-box; margin: 0 !important; padding: 7px 13px !important;
	font: 14px Arial, Helvetica, sans-serif !important; color: #1f2a37 !important; background: #fff !important; border: 1px solid #c9ced6 !important; border-radius: 18px !important;
	text-decoration: none !important; white-space: nowrap; transition: background-color .15s, border-color .15s; }
.lv-tris .sort-btn:hover { border-color: #2977dc !important; background: #f5f8fd !important; }
.lv-tris .sort-btn.sort-active { background: #2977dc !important; border-color: #2977dc !important; color: #fff !important; font-weight: bold !important; }
.lv-tris .sort-btn:focus-visible { outline: 2px solid #1f63bd; outline-offset: 2px; }
@media (max-width: 730px) { .lv-tris .sort-btn { min-height: 38px; } }

/* bulles "elargir" du haut (results/zero-resultats.php, mode 'haut') */
.lv-elargir { background: #fff; border: 1px solid #c9d8ee; border-radius: 8px; padding: 10px; margin: 0 0 10px; font-family: Arial, Helvetica, sans-serif; }
.lv-elargir-t { margin: 0 0 8px; font-size: 13.5px; font-weight: bold; color: #1f2a37; }
.lv-elargir-l { display: flex; gap: 6px; flex-wrap: wrap; }
.lv-elargir-l a { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; box-sizing: border-box; padding: 8px 12px; border: 1px solid #c9d8ee; border-radius: 20px;
	background: #f5f8fd; color: #1f63bd !important; font-size: 14px; font-weight: bold; text-decoration: none; }
.lv-elargir-l a:hover { border-color: #2977dc; background: #eaf1fc; }
.lv-elargir-l a b { background: #2977dc; color: #fff; border-radius: 10px; padding: 1px 7px; font-size: 12px; }

/* ---------- liste ---------- */
#tabresultats.lv-tab { float: none !important; width: auto !important; }
#content-tabresultats.lv { float: none !important; width: auto !important; border: 0 !important; background: none !important; }
#content-tabresultats.lv #resultList { display: grid !important; grid-template-columns: minmax(0, 1fr); gap: 8px; list-style: none; margin: 0 !important; padding: 0 !important; }
@media (min-width: 731px) and (max-width: 980px) {
	#content-tabresultats.lv #resultList { grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 10px; }
}
#content-tabresultats.lv #resultList > li { float: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: none !important; list-style: none; min-width: 0; }
#content-tabresultats.lv #resultList > li:not(.lv-li) { grid-column: 1 / -1; overflow: hidden; }
#content-tabresultats.lv #resultList > li:not(.lv-li) .item-tabresultats { height: auto !important; min-height: 0 !important; background: none !important; }
#content-tabresultats.lv #resultList > li:not(.lv-li) .adsbygoogle { max-width: 100% !important; }

/* carte */
#content-tabresultats.lv #resultList li a.lv-carte.lv-carte { display: flex !important; gap: 10px; width: auto !important; height: 100% !important; min-height: 0 !important; box-sizing: border-box;
	padding: 8px !important; margin: 0 !important; background: #fff !important; border: 1px solid #e2e2e2; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,.05);
	color: #222 !important; text-decoration: none !important; font-family: Arial, Helvetica, sans-serif; transition: border-color .15s, box-shadow .15s; }
#content-tabresultats.lv #resultList li a.lv-carte.lv-carte:hover { border-color: #2977dc; box-shadow: 0 2px 8px rgba(0,0,0,.08); background: #fff !important; }
#content-tabresultats.lv #resultList li a.lv-carte.lv-carte:focus-visible { outline: 2px solid #1f63bd; outline-offset: 2px; }
#content-tabresultats.lv #resultList li a.lv-carte.lv-jaune { background: #fff8e1 !important; border-color: #f2d27a; }
.lv-ph { flex: none; position: relative; width: clamp(130px, 40%, 220px); aspect-ratio: 4 / 3; border-radius: 6px; overflow: hidden; background: #e3e7ed; align-self: flex-start; }
.lv-ph .lv-img { display: block; width: 100%; height: 100%; object-fit: cover; }
.lv-ph .nophoto-shared { width: 100% !important; height: 100% !important; }
.lv-ph .lv-nbph { position: absolute; left: 5px; bottom: 5px; display: inline-flex; align-items: center; gap: 4px; background: rgba(0,0,0,.62); color: #fff; font-size: 11.5px; font-weight: bold; line-height: 1; padding: 3px 6px; border-radius: 3px; }
/* 14/11/2026 (gerant D) : 2 icones seulement dans la carte (photos, rappel), dessinees en CSS (rien dans le HTML) */
.lv-ph .lv-nbph::before { content: ""; width: 12px; height: 12px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z'/%3E%3Ccircle cx='12' cy='13' r='3'/%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z'/%3E%3Ccircle cx='12' cy='13' r='3'/%3E%3C/svg%3E") no-repeat center / contain; }
#content-tabresultats.lv .lv-ph span.heart-btn { display: flex; }
.lv-i { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.lv-prix { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 7px; }
.lv-p { font-size: 18px; font-weight: bold; color: #1f63bd; }
.lv-av { font-size: 12.5px; color: #6b7280; }
.lv-pct { font-size: 11.5px; font-weight: bold; color: #fff; background: #d63a25; padding: 2px 6px; border-radius: 4px; line-height: 1.2; }
.lv-pastilles { display: flex; flex-wrap: wrap; gap: 4px; }
.lv-pastilles .lv-pas { font-size: 11.5px !important; font-weight: bold; padding: 2px 8px !important; line-height: 1.3; cursor: inherit !important; }
.lv-nouveau { background: #1b7f45; color: #fff; border-radius: 4px; }
.lv-t { font-size: 14px; font-weight: bold; color: #1f2a37; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lv-v { font-weight: normal; color: #555; }
.lv-f { font-size: 13px; color: #333; }
.lv-d { font-size: 13px; color: #5b6472; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lv-l { font-size: 12.5px; line-height: 1.35; color: #6b7280; margin-top: auto; } /* 2 lignes au besoin (telephone) : lieu, date et etoiles toujours lisibles */
.lv-lieu, .lv-vend { white-space: nowrap; }
/* 14/11/2026 : date = .lv-qd dans la ligne du lieu a partir de 981 px, .lv-qm a droite du prix au telephone et sur tablette */
.lv-qm { display: none; margin-left: auto; align-self: center; font-size: 12px; color: #6b7280; white-space: nowrap; }
@media (max-width: 980px) { .lv-qm { display: inline; } .lv-qd { display: none; } } /* tablette : cartes etroites aussi */ /* 14/11/2026 (gerant B) : la note reste collee a "Pro" */
.lv-note { color: #b07d00; font-weight: bold; }
.lv-rappel { display: none; align-items: center; gap: 4px; margin-left: 10px; padding: 2px 8px; border: 1px solid #2977dc; border-radius: 12px; color: #1f63bd; font-weight: bold; cursor: pointer; }
.lv-rappel:hover { background: #f5f8fd; }
.lv-rappel::before { content: ""; width: 12px; height: 12px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") no-repeat center / contain; }
/* 14/11/2026 (gerant C) : rappel gratuit a partir de 731 px (avant : ordinateur seulement) ; jamais au telephone (bouton dans une carte cliquable) */
@media (min-width: 731px) { .lv-rappel { display: inline-flex; } }
@media (max-width: 980px) { .lv-d { display: none; } }
@media (min-width: 981px) {
	.lv-ph { width: 200px; }
}

/* ---------- bas de liste ---------- */
#bas-tabresultats.lv-bas { float: none !important; width: auto !important; height: auto !important; margin: 14px 0 6px !important; padding: 0 !important; background: none !important; border: 0 !important; }
#bas-tabresultats.lv-bas .pag-nav { display: block !important; margin: 0 !important; padding: 0 !important; text-align: center; }
#bas-tabresultats.lv-bas .lv-mob { display: none; }
#bas-tabresultats.lv-bas .lv-desk { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px; font-family: Arial, Helvetica, sans-serif; }
#bas-tabresultats.lv-bas .lv-desk .pag-btn, #bas-tabresultats.lv-bas .lv-desk span { min-width: 0 !important; margin: 0 !important; line-height: 1.2 !important; }
#bas-tabresultats.lv-bas .lv-num { display: inline-block; padding: 9px 13px !important; font-size: 15px !important; color: #1f2a37 !important; background: #fff !important; border: 1px solid #cfd8e6 !important;
	border-radius: 6px !important; text-decoration: none !important; }
#bas-tabresultats.lv-bas a.lv-num:hover { border-color: #2977dc !important; background: #f5f8fd !important; }
#bas-tabresultats.lv-bas .lv-num.lv-on { background: #2977dc !important; border-color: #2977dc !important; color: #fff !important; font-weight: bold; }
#bas-tabresultats.lv-bas .lv-pn { padding: 9px 8px !important; font-size: 15px !important; color: #2977dc !important; text-decoration: none !important; border: 0 !important; background: none !important; }
#bas-tabresultats.lv-bas .lv-pn.lv-off { color: #9aa3ad !important; }
#bas-tabresultats.lv-bas .lv-trois { padding: 0 2px; color: #6b7280; }
#bas-tabresultats.lv-bas .lv-suiv { display: inline-block; padding: 10px 18px !important; font-size: 15px !important; font-weight: bold; color: #fff !important; background: #2977dc !important;
	border: 1px solid #2977dc !important; border-radius: 6px !important; text-decoration: none !important; transition: background-color .15s; }
#bas-tabresultats.lv-bas .lv-suiv:hover { background: #1f63bd !important; }
@media (max-width: 730px) {
	#bas-tabresultats.lv-bas .lv-desk { display: none; }
	#bas-tabresultats.lv-bas .lv-mob { display: block; }
	#bas-tabresultats.lv-bas .lv-mob .lv-suiv { display: block; width: 100%; box-sizing: border-box; padding: 14px 0 !important; font-size: 16px !important; text-align: center; }
	#bas-tabresultats.lv-bas .lv-mob-l { display: flex; justify-content: space-between; align-items: center; margin-top: 6px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
	#bas-tabresultats.lv-bas .lv-lien { display: inline-flex !important; align-items: center; min-height: 44px; padding: 0 4px !important; font-size: 14px !important; color: #2977dc !important;
		background: none !important; border: 0 !important; text-decoration: none !important; }
	#bas-tabresultats.lv-bas .lv-info { color: #5b6472; }
	#bas-tabresultats.lv-bas .lv-vide { min-width: 80px; }
}
@media (prefers-reduced-motion: reduce) {
	#content-tabresultats.lv #resultList li a.lv-carte, .lv-tris .sort-btn, #bas-tabresultats.lv-bas .lv-suiv { transition: none; }
}