/*
 * KLD – Méthode et indice : bannière du haut réduite sur téléphone (< 768 px)
 * sur les pages horoscope. Rien sur tablette ni sur ordinateur.
 * Chargée seulement si l'interrupteur kld_m_banniere_mobile est allumé, et
 * seulement sur les pages dont le gabarit commence par « template-horoscope ».
 *
 * Sélecteurs relevés dans le thème wp-garden (copie du 20/10/2026) :
 * - jour, demain, après-demain : .horoscope-du-jour-banner > .container >
 *   #horoscope-head (h1, h2 date) + #horoscope-image > img + .symbol-wrapper
 *   (custom.scss:49-140 : image 140 px et symbole 60 px sous 992 px) ;
 * - semaine : .horoscope-semaine-banner ; semaine prochaine :
 *   .horoscope-semaine-prochaine-banner ; mois : .horoscope-mois-banner
 *   (même #horoscope-head et #horoscope-image, custom.scss:104-137) ;
 * - 2026 et 2027 (WPBakery) : rangée .banhrscp26 avec img.belier-img
 *   (horoscope27.css:82-90 et :285-292, 160 px sous 768 px), titre h1 dans
 *   la rangée précédente.
 * Les valeurs sont à valider au banc et sur un vrai téléphone.
 */
@media (max-width: 767.98px) {

	/* Jour, demain, après-demain, semaine, semaine prochaine, mois */
	body[class*="page-template-template-horoscope"] .horoscope-du-jour-banner,
	body[class*="page-template-template-horoscope"] .horoscope-semaine-banner,
	body[class*="page-template-template-horoscope"] .horoscope-semaine-prochaine-banner,
	body[class*="page-template-template-horoscope"] .horoscope-mois-banner {
		padding-bottom: 4px;
	}
	body[class*="page-template-template-horoscope"] .horoscope-du-jour-banner #horoscope-head,
	body[class*="page-template-template-horoscope"] .horoscope-semaine-banner #horoscope-head,
	body[class*="page-template-template-horoscope"] .horoscope-semaine-prochaine-banner #horoscope-head,
	body[class*="page-template-template-horoscope"] .horoscope-mois-banner #horoscope-head {
		margin-bottom: 0 !important;
	}
	body[class*="page-template-template-horoscope"] .horoscope-du-jour-banner #horoscope-head h1,
	body[class*="page-template-template-horoscope"] .horoscope-semaine-banner #horoscope-head h1,
	body[class*="page-template-template-horoscope"] .horoscope-semaine-prochaine-banner #horoscope-head h1,
	body[class*="page-template-template-horoscope"] .horoscope-mois-banner #horoscope-head h1 {
		font-size: 26px;
		line-height: 1.1;
		margin: 6px 0 2px;
	}
	body[class*="page-template-template-horoscope"] .horoscope-du-jour-banner #horoscope-head h2 {
		font-size: 18px;
		line-height: 1.2;
		margin: 0 0 4px;
	}
	body[class*="page-template-template-horoscope"] .horoscope-du-jour-banner #horoscope-image {
		padding: 0;
	}
	body[class*="page-template-template-horoscope"] .horoscope-du-jour-banner #horoscope-image > img {
		height: 88px;
		margin-top: 4px;
	}
	body[class*="page-template-template-horoscope"] .horoscope-du-jour-banner .symbol-wrapper {
		margin-top: -14px;
	}
	body[class*="page-template-template-horoscope"] .horoscope-du-jour-banner .symbol-wrapper img {
		max-height: 38px;
	}
	body[class*="page-template-template-horoscope"] .horoscope-semaine-banner #horoscope-image,
	body[class*="page-template-template-horoscope"] .horoscope-semaine-prochaine-banner #horoscope-image,
	body[class*="page-template-template-horoscope"] .horoscope-mois-banner #horoscope-image {
		padding-top: 16px;
		padding-bottom: 16px;
	}
	body[class*="page-template-template-horoscope"] .horoscope-semaine-banner #horoscope-image > img,
	body[class*="page-template-template-horoscope"] .horoscope-semaine-prochaine-banner #horoscope-image > img,
	body[class*="page-template-template-horoscope"] .horoscope-mois-banner #horoscope-image > img {
		height: 60px;
		margin-top: 0;
	}

	/* 2026 et 2027 : rangée WPBakery de la bannière */
	body[class*="page-template-template-horoscope"] .vc_row.banhrscp26 {
		padding-top: 8px !important;
		padding-bottom: 8px !important;
		min-height: 0 !important;
	}
	body[class*="page-template-template-horoscope"] .vc_row.banhrscp26 img.belier-img {
		width: 110px !important;
		height: 110px !important;
		max-width: 110px !important;
		padding: 6px !important;
	}
	body[class*="page-template-template-horoscope"] .vc_row.banhrscp26 .wpb_single_image img {
		max-width: 40%;
	}
}