/* Compléments LaFresh.Tech au thème Bam : chapô, vidéo, À retenir, recherche. */

/* Chapô d'article */
.lft-chapo {
	font-size: 1.15em;
	color: #555;
	border-left: 3px solid #dd3333;
	padding-left: 16px;
	margin: 0 0 25px;
}

/* Vidéo YouTube responsive */
.lft-video { position: relative; padding-bottom: 56.25%; height: 0; margin: 0 0 25px; }
.lft-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

/* Encadré À retenir */
.lft-retenir {
	background: #f7f7f7;
	border-left: 3px solid #dd3333;
	padding: 18px 22px;
	margin: 30px 0;
}
.lft-retenir h3 {
	margin: 0 0 10px;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: .06em;
}
.lft-retenir ul { margin: 0; padding-left: 20px; }
.lft-retenir li { margin: 6px 0; }

/* Ressources */
.lft-ressources li { margin: 4px 0; }

/* Segments 〈à compléter〉 */
.todo { color: #9a6a00; border-bottom: 1px dashed #9a6a00; }

/* Grille 2 colonnes robuste : aligne les cartes en rangées nettes même si les
   hauteurs diffèrent (le float du thème produisait un décalage en quinconce).
   En dessous de 768px, le thème repasse en une colonne (non surchargé ici). */
@media (min-width: 768px) {
	#blog-entries.grid-style.th-grid-2 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#blog-entries.grid-style.th-grid-2 > .bam-entry,
	#blog-entries.grid-style.th-grid-2 > .bam-entry:nth-of-type(2n) {
		float: none;
		width: 47.8494623656%;
		margin-left: 0;
	}
	#blog-entries.grid-style.th-grid-2 > header { position: absolute; width: 1px; }
}

/* Résultats de recherche (client) */
.lft-search-results{background:#fff;border:1px solid #e2e2e2;border-radius:6px;margin:10px 0;max-height:60vh;overflow-y:auto;box-shadow:0 6px 20px rgba(0,0,0,.10);text-align:left;position:relative;z-index:50}
.lft-search-count{padding:8px 14px;font-size:11px;color:#777;border-bottom:1px solid #eee;text-transform:uppercase;letter-spacing:.05em}
.lft-search-empty{padding:14px;color:#666;font-size:14px}
.lft-search-list{list-style:none;margin:0;padding:0}
.lft-search-list li{border-bottom:1px solid #f0f0f0;margin:0}
.lft-search-list li:last-child{border-bottom:0}
.lft-search-item{display:block;padding:12px 14px;text-decoration:none;color:inherit}
.lft-search-item:hover{background:#f7f7f9}
.lft-search-title{display:block;font-weight:700;color:#dd3333;margin-bottom:3px;font-size:15px}
.lft-search-excerpt{display:block;font-size:13px;color:#4a4a4a;line-height:1.45}
.lft-search-results mark{background:#ffe58a;color:inherit;padding:0 1px;border-radius:2px}
