/* ===================================================================
   saintrambertdalbon.com — CSS additionnel COMPLET
   Thème Rowling. Version du 22/08/2026.
   Ce fichier REMPLACE l'intégralité du CSS additionnel existant.
   =================================================================== */


/* -------------------------------------------------------------------
   1. ACCUEIL — masquer l'image mise en avant
   Le hero fait office de visuel d'en-tête : l'image mise en avant
   ferait doublon juste en dessous. Elle reste utile pour l'Open Graph
   (partages Facebook / LinkedIn), d'où le masquage plutôt que le
   retrait.
   ------------------------------------------------------------------- */

.home.page-id-3599 .post-image {
	display: none;
}


/* -------------------------------------------------------------------
   2. ACCUEIL — neutraliser la zone noire de marque
   Logo + titre + tagline. Le menu (.navigation) et le burger mobile
   restent intacts : on ne masque QUE le contenu de la marque.
   Sélecteurs réels du thème : .site-logo-link / .site-title /
   .site-description (et NON .blog-* ).
   ------------------------------------------------------------------- */

.home .header .site-logo-link,
.home .header .site-title,
.home .header .site-description {
	display: none;
}

/* Desktop : plus aucune hauteur résiduelle, le menu remonte en haut */
@media ( min-width: 851px ) {
	.home .header {
		padding: 0;
	}
	.home .header .section-inner {
		display: block;
		min-height: 0;
	}
}

/* ≤850px : le burger est positionné dans .header,
   on lui conserve une hauteur utile — NE PAS SUPPRIMER */
@media ( max-width: 850px ) {
	.home .header {
		padding: 12px 0;
	}
	.home .header .section-inner {
		min-height: 40px;
	}
}


/* -------------------------------------------------------------------
   3. EN-TÊTE COMPACT — pages intérieures uniquement
   Sur l'accueil, le bloc 2 masque ce contenu : cette grille ne
   s'applique donc plus qu'aux autres pages, où le bandeau subsiste.
   ------------------------------------------------------------------- */

@media ( min-width: 851px ) {
	.header {
		padding: 24px 0;
	}
	.header .section-inner {
		display: grid;
		grid-template-columns: 70px minmax( 0, 1fr );
		grid-template-rows: auto auto;
		column-gap: 20px;
		align-items: center;
	}
	.site-logo-link {
		grid-column: 1;
		grid-row: 1 / 3;
		margin: 0;
	}
	.site-title {
		grid-column: 2;
		grid-row: 1;
		margin: 0;
	}
	.site-description {
		grid-column: 2;
		grid-row: 2;
		margin: 6px 0 0;
	}
}


/* -------------------------------------------------------------------
   4. ACCUEIL — pleine largeur, sans colonne latérale
   ------------------------------------------------------------------- */

.home .sidebar {
	display: none;
}

.home .content {
	float: none;
	width: 100%;
	max-width: 100%;
	padding-top: 0;
}

.home .wrapper {
	background: #fff;
}

.home .wrapper::after,
.home .content::before {
	display: none;
}

.home .post-inner,
.home .post-content {
	float: none;
	width: 100%;
	padding-left: 0;
	padding-top: 0;
}

/* Le hero colle au menu */
.home .post-content > .srda-hero {
	margin-top: 0;
}


/* -------------------------------------------------------------------
   5. HERO — titre
   ------------------------------------------------------------------- */

.srda-hero .srda-hero-title {
	color: #fff;
	font-size: clamp( 1.7rem, 4.6vw, 3.1rem );
	line-height: 1.12;
	letter-spacing: -0.01em;
	margin: 0 0 1.75rem;
	text-shadow: 0 2px 14px rgba( 0, 0, 0, 0.45 );
}


/* -------------------------------------------------------------------
   6. HERO — barre de recherche
   ------------------------------------------------------------------- */

.srda-hero .srda-hero-search {
	max-width: 620px;
	margin-left: auto;
	margin-right: auto;
}

.srda-hero .srda-hero-search .wp-block-search__input {
	border: 0;
	border-radius: 999px;
	padding: 15px 22px;
	font-size: 1rem;
	background: #fff;
	box-shadow: 0 8px 28px rgba( 0, 0, 0, 0.28 );
}

.srda-hero .srda-hero-search .wp-block-search__button {
	border: 0;
	border-radius: 999px;
	padding: 15px 26px;
	background: #0093C2;      /* bleu du menu Rowling */
	color: #fff;
	font-weight: 700;
	letter-spacing: 0.5px;
	box-shadow: 0 8px 28px rgba( 0, 0, 0, 0.28 );
}

.srda-hero .srda-hero-search .wp-block-search__button:hover {
	background: #007ba3;
}


/* -------------------------------------------------------------------
   7. HERO — recadrage responsive
   L'image fait 1200 × 630 (rapport 1,90). Sur desktop, la colonne
   sans sidebar dépasse 1150 px pour 320 px de haut : le rognage est
   exclusivement vertical, le panneau d'entrée reste entier, aucun
   décalage n'est nécessaire.
   Sous ~610 px de large, le rognage devient horizontal et le panneau
   « ST RAMBERT D'ALBON », situé à droite, sort du cadre. On décale
   alors le point de focalisation vers la droite.
   Le !important est requis : le bloc Couverture écrit object-position
   en style inline sur la balise <img>.
   ------------------------------------------------------------------- */

@media ( max-width: 700px ) {
	.srda-hero .wp-block-cover__image-background {
		object-position: 75% 45% !important;
	}
}

@media ( max-width: 600px ) {
	.srda-hero .wp-block-cover__image-background {
		object-position: 100% 45% !important;
	}
}


/* -------------------------------------------------------------------
   8. HERO — mobile
   Pas de surcharge de min-height : les 320px du bloc Couverture
   suffisent, et le conteneur s'étend seul si le contenu déborde.
   ------------------------------------------------------------------- */

@media ( max-width: 600px ) {
	.srda-hero .wp-block-cover__inner-container {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.srda-hero .srda-hero-title {
		margin-bottom: 1.25rem;
	}

	/* Champ + bouton empilés et centrés */
	.srda-hero .srda-hero-search .wp-block-search__inside-wrapper {
		flex-direction: column;
		gap: 10px;
	}

	.srda-hero .srda-hero-search .wp-block-search__button {
		margin-left: 0;
		width: 100%;
	}
}


/* ===================================================================
   OPTIONNEL — hero bord à bord (100vw)
   Le hero suit actuellement la largeur du site, comme le menu.
   Décommenter pour qu'il déborde jusqu'aux bords de l'écran.
   =================================================================== */

/*
.home .post-content > .srda-hero.alignfull {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc( 50% - 50vw );
	margin-right: calc( 50% - 50vw );
}
*/

/* -------------------------------------------------------------------
   9. ACCUEIL — supprimer la loupe du bandeau
   Doublon avec la barre de recherche du hero. C'est elle qui creusait
   la bande noire entre le menu secondaire et le menu bleu.
   ------------------------------------------------------------------- */

.home .search-container {
	display: none;
}

/* -------------------------------------------------------------------
   10. HERO — resserrer le bloc de texte
   Empêche le titre de courir jusqu'au panneau routier, qui commence
   à 78 % de la largeur. Le titre passe naturellement sur deux lignes.
   ------------------------------------------------------------------- */

@media ( min-width: 851px ) {
	.srda-hero .wp-block-cover__inner-container {
		max-width: 600px;
	}
}