/**
 * NIYAPRESS: Header Mobile ZERO Space
 * ÉLIMINE l'espace blanc géant au-dessus du header sur mobile
 * Version: 2.0.0 - FIXED - Ne casse pas les catégories
 */

/* ═══════════════════════════════════════════════════════════
   MOBILE - ÉLIMINER ESPACE BLANC GÉANT
   SEULEMENT sur articles et homepage - PAS sur catégories
   ═══════════════════════════════════════════════════════════ */

@media screen and (max-width: 768px) {
	
	/* RESET COMPLET - Seulement sur articles et home */
	body.single,
	body.single-post,
	body.home,
	body.front-page {
		padding-top: 0 !important;
	}
	
	/* Header mobile - RELATIVE seulement sur articles/home */
	body.single .site-header,
	body.single-post .site-header,
	body.home .site-header,
	body.front-page .site-header {
		position: relative !important;
	}
	
	/* Contenu - Seulement sur articles et home */
	body.single .site-content,
	body.single-post .site-content,
	body.home .site-content,
	body.front-page .site-content {
		padding-top: 10px !important;
	}
	
	/* NE PAS TOUCHER aux catégories */
	body.category,
	body.archive,
	body.tax {
		/* Laissé intact - ne rien forcer */
	}
	
	/* Bannières - Tous les types de pages */
	.niyapress-lachtv-leaderboard,
	.ad-banner,
	.header-banner {
		margin-top: 0 !important;
		margin-bottom: 15px !important;
	}
}

/* ═══════════════════════════════════════════════════════════
   CATÉGORIES - PROTECTION ABSOLUE
   Ne jamais modifier ces éléments sur les pages catégories
   ═══════════════════════════════════════════════════════════ */

@media screen and (max-width: 768px) {
	/* Grille catégorie - PROTÉGÉE */
	body.category .archive-niyapress-grid,
	body.archive .archive-niyapress-grid,
	body.category #category-grid-clean {
		/* Ne rien forcer - laisser category.php gérer */
		display: grid !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
	
	/* Articles catégorie - PROTÉGÉS */
	body.category .archive-niyapress-grid article,
	body.archive .archive-niyapress-grid article,
	body.category .category-card-clean {
		/* Ne rien forcer */
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		background: transparent !important;
		position: relative !important;
	}
	
	/* Images catégorie - PROTÉGÉES */
	body.category .archive-niyapress-grid article img,
	body.archive .archive-niyapress-grid article img,
	body.category .category-card-clean img {
		/* Ne rien forcer */
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
}

/* ═══════════════════════════════════════════════════════════
   TRÈS PETIT MOBILE - iPhone SE, petits Android
   ═══════════════════════════════════════════════════════════ */

@media screen and (max-width: 400px) {
	body.single,
	body.single-post {
		padding: 0 !important;
	}
	
	body.single .site-header,
	body.single-post .site-header {
		position: relative !important;
	}
}