/**
 * NIYAPRESS: Homepage Complete Fix
 * Corrige TOUS les problèmes de la homepage
 * Version: 1.0.0 - COMPLETE
 */

/* ═══════════════════════════════════════════════════════════
   1. SUPPRIMER SIDEBAR SUR HOMEPAGE
   ═══════════════════════════════════════════════════════════ */

body.home .site-content,
body.front-page .site-content {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
}

body.home .site-main,
body.front-page .site-main {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 auto !important;
}

body.home .sidebar,
body.home aside,
body.home .widget-area,
body.front-page .sidebar,
body.front-page aside,
body.front-page .widget-area {
	display: none !important;
}

/* ═══════════════════════════════════════════════════════════
   2. FOOTER - COULEURS HARMONISÉES (BLEU + OR)
   ═══════════════════════════════════════════════════════════ */

.site-footer,
.site-footer.site-footer--harmonized {
	background: linear-gradient(180deg, #001D83 0%, #001558 100%) !important;
	color: #fff !important;
}

.site-footer h2,
.site-footer h3,
.site-footer .footer-title {
	color: #fff !important;
}

.site-footer a {
	color: rgba(255, 255, 255, 0.9) !important;
}

.site-footer a:hover {
	color: #FAA31B !important;
}

.site-footer .footer-newsletter-btn {
	background: #FAA31B !important;
	color: #001D83 !important;
	font-weight: 700 !important;
}

.site-footer .footer-newsletter-btn:hover {
	background: #E60000 !important;
	color: #fff !important;
}

.site-footer .footer-bottom {
	background: rgba(0, 0, 0, 0.2) !important;
	border-top: 1px solid rgba(250, 163, 27, 0.2) !important;
}

/* ═══════════════════════════════════════════════════════════
   3. SECTIONS - ESPACEMENT HARMONISÉ
   ═══════════════════════════════════════════════════════════ */

body.home .np-section,
body.home section[class*="home-"],
body.home section[class*="niya-"],
body.front-page .np-section,
body.front-page section[class*="home-"],
body.front-page section[class*="niya-"] {
	margin-bottom: 40px !important;
	padding: 20px 0 !important;
}

/* Première section - pas de marge top */
body.home .site-content > section:first-child,
body.front-page .site-content > section:first-child {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* Container des sections */
.container,
.np-container {
	max-width: 1280px !important;
	margin: 0 auto !important;
	padding: 0 20px !important;
}

/* ═══════════════════════════════════════════════════════════
   4. BARRE VERTE/TURQUOISE - SUPPRIMER OU CORRIGER
   ═══════════════════════════════════════════════════════════ */

/* Cibler les sections avec fond coloré étrange */
body.home section[style*="background"],
body.front-page section[style*="background"] {
	background: transparent !important;
}

/* Si c'est une section spécifique */
.niya-section,
.home-section {
	background: transparent !important;
}

/* Supprimer les fonds verts/turquoise */
body.home *[style*="background: #00"],
body.home *[style*="background:#00"],
body.home *[style*="background-color: #00"],
body.home *[style*="background-color:#00"] {
	background: transparent !important;
}

/* ═══════════════════════════════════════════════════════════
   5. GRILLES D'ARTICLES - LAYOUT CORRECT
   ═══════════════════════════════════════════════════════════ */

body.home .home-video-grid,
body.home .home-mosaic-grid,
body.home .niya-grid {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 20px !important;
}

/* Grille 3 colonnes */
body.home .np-trio-grid {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 35px !important;
}

/* Images des grilles */
body.home .home-video-grid img,
body.home .home-mosaic-grid img,
body.home .niya-grid img {
	width: 100% !important;
	height: auto !important;
	object-fit: cover !important;
}

/* ═══════════════════════════════════════════════════════════
   6. TITRES DES SECTIONS - STYLE HARMONISÉ
   ═══════════════════════════════════════════════════════════ */

body.home .np-section-title,
body.home .home-section-title,
body.home .niya-section-title,
body.home h2.section-title {
	color: #001D83 !important;
	font-size: 1.75rem !important;
	font-weight: 900 !important;
	margin-bottom: 20px !important;
	padding-bottom: 10px !important;
	border-bottom: 3px solid #FAA31B !important;
	display: inline-block !important;
}

/* ═══════════════════════════════════════════════════════════
   7. BANNIÈRES PUBLICITAIRES - ESPACEMENT
   ═══════════════════════════════════════════════════════════ */

body.home .ad-banner,
body.home .niyapress-lachtv-leaderboard,
body.home [class*="banner"] {
	margin: 30px auto !important;
	text-align: center !important;
}

/* ═══════════════════════════════════════════════════════════
   8. HERO SLIDER - CORRECTION
   ═══════════════════════════════════════════════════════════ */

body.home .home-hero-slider,
body.home .hero-section {
	margin-bottom: 30px !important;
}

body.home .hero-slider-img {
	width: 100% !important;
	height: auto !important;
	object-fit: cover !important;
}

/* ═══════════════════════════════════════════════════════════
   9. MOBILE RESPONSIVE
   ═══════════════════════════════════════════════════════════ */

@media screen and (max-width: 1024px) {
	body.home .home-video-grid,
	body.home .home-mosaic-grid,
	body.home .niya-grid {
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 15px !important;
	}
	
	body.home .np-trio-grid {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 25px !important;
	}
}

@media screen and (max-width: 768px) {
	body.home .home-video-grid,
	body.home .home-mosaic-grid,
	body.home .niya-grid {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 12px !important;
	}
	
	body.home .np-trio-grid {
		grid-template-columns: 1fr !important;
		gap: 20px !important;
	}
	
	body.home .np-section,
	body.home section[class*="home-"] {
		margin-bottom: 30px !important;
		padding: 15px 0 !important;
	}
	
	.container,
	.np-container {
		padding: 0 15px !important;
	}
}

@media screen and (max-width: 480px) {
	body.home .home-video-grid,
	body.home .home-mosaic-grid,
	body.home .niya-grid {
		grid-template-columns: 1fr !important;
		gap: 15px !important;
	}
}

/* ═══════════════════════════════════════════════════════════
   10. CORRECTIONS SPÉCIFIQUES
   ═══════════════════════════════════════════════════════════ */

/* Supprimer les marges négatives */
body.home * {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Reset des floats */
body.home .site-content::after,
body.home .container::after {
	content: "";
	display: table;
	clear: both;
}

/* Pas de débordement horizontal */
body.home {
	overflow-x: hidden !important;
}

body.home .site-content {
	overflow-x: hidden !important;
}