/*
Theme Name: Blocksy Child – Association Rayons de Soleil en Ehpad
Description: Thème enfant du site Rayons de Soleil en Ehpad
Author: Paula Bearzotti
Template: blocksy
Version: 1.0
Text Domain: blocksy-child
*/

/* ==========================================================
   APPARENCE — MODE CLAIR
   ========================================================== */

/*
 * L'identité visuelle du site est conçue
 * exclusivement pour un affichage clair.
 *
 * Empêche les navigateurs d'adapter
 * automatiquement les couleurs en mode sombre.
 */
:root {
	color-scheme: only light;
}

/* Titres des articles — pas de césure */
.stk-block-posts__title,
.entry-card .entry-title {
	-webkit-hyphens: none !important;
	hyphens: none !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}
/* ==========================================================
   TITRES — MOBILE
   Évite les coupures de mots
   ========================================================== */

h1,
h2,
h3,
.entry-title,
.rds-event-card__title {
	-webkit-hyphens: none !important;
	hyphens: none !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}
@media screen and (min-width: 691px) {
	.ct-feature-grid .stk-column {
		position: relative;
	}

	.ct-feature-grid .stk-column:not(:last-child):before {
		content: '' !important;
		position: absolute;
		right: -25px;
		height: 100%;
		width: 1px;
		background: #eee;
	}	
}

/* Elementos laterales del header: posición inicial */
@media (min-width: 1000px) {
	#header [data-device="desktop"] [data-id="socials"],
	#header [data-device="desktop"] [data-id="menu"],
	#header [data-device="desktop"] [data-id="menu-secondary"],
	#header [data-device="desktop"] [data-id="button"] {
		transform: translateY(-75px);
		transition: transform 0.3s ease;
	}

	/* Volver al centro cuando el header se hace sticky */
	#header [data-device="desktop"] [data-sticky*="yes"] [data-id="socials"],
	#header [data-device="desktop"] [data-sticky*="yes"] [data-id="menu"],
	#header [data-device="desktop"] [data-sticky*="yes"] [data-id="menu-secondary"],
	#header [data-device="desktop"] [data-sticky*="yes"] [data-id="button"] {
		transform: translateY(0);
	}
}

/* ==========================================================
   HEADER MOBILE — TRIGGER EN MODE STICKY
   ========================================================== */

@media (max-width: 689.98px) {

	#header [data-device="mobile"] [data-sticky="yes"] [data-id="trigger"],
	#header [data-device="mobile"] [data-sticky="yes:shrink"] [data-id="trigger"] {
		--margin: 50px 0 0 0 !important;
	}

}
/* ==========================================================
   HERO PAGES + ARTICLES
   Dégradé Rayons de Soleil au-dessus de l'image
   La HOME est exclue
   ========================================================== */


/*
 * On prépare uniquement :
 * - les pages intérieures
 * - les articles
 *
 * La home n'est jamais concernée.
 */
.page:not(.home) .hero-section[data-type="type-2"] > figure,
.single-post .hero-section[data-type="type-2"] > figure {
	isolation: isolate;
}


/* ==========================================================
   VOILE CLAIR
   ========================================================== */

/*
 * Très léger voile entre la photo et le dégradé.
 * Il permet d'atténuer les photos très contrastées.
 */
.page:not(.home) .hero-section[data-type="type-2"] > figure::before,
.single-post .hero-section[data-type="type-2"] > figure::before {
	content: "";

	position: absolute;
	inset: 0;

	background: rgba(255, 255, 255, 0.50);

	z-index: 1;

	pointer-events: none;
}


/* ==========================================================
   IMAGE DE DÉGRADÉ
   ========================================================== */

.page:not(.home) .hero-section[data-type="type-2"] > figure::after,
.single-post .hero-section[data-type="type-2"] > figure::after {
	content: "";

	position: absolute;
	inset: 0;

	background-image:
		url("https://paulabearzotti.com/rayonsdesoleil/wp-content/uploads/2026/07/rayondesoleil-background@2x.webp");

	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;

	/*
	 * Le dégradé devient l'élément principal.
	 * La photo reste visible en transparence derrière.
	 */
	opacity: 0.82;

	z-index: 2;

	pointer-events: none;
}

/* HOME — Publications : zoom image au survol */

.home .rds-moments-carousel .stk-block-posts__image-link {
	display: block;
	overflow: hidden !important;
	border-radius: 18px !important;
}

.home .rds-moments-carousel .stk-img-wrapper {
	display: block;
	overflow: hidden !important;
	border-radius: 18px !important;

	clip-path: inset(0 round 18px);
}

.home .rds-moments-carousel .stk-block-posts__image-link img {
	display: block;

	width: 100%;
	height: auto;

	transform: scale(1) !important;
	transition: transform 0.45s ease !important;
}

.home .rds-moments-carousel .stk-block-posts__item:hover
.stk-block-posts__image-link img {
	transform: scale(1.035) !important;
}
/* ==========================================================
   HOME SECTION ACTU
   ========================================================== */
.stk-block-posts__meta time::before {
	content: "Publié le ";
}
/* ==========================================================
   FOOTER — SÉPARATEUR PLEINE LARGEUR
   ========================================================== */

.rds-footer-wave {
	position: relative;

	width: 100vw !important;
	max-width: none !important;

	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
}
.ct-footer .ct-widget:not(:first-child) {
	margin-top: var(--widgets-gap, 20px) !important;
}
/* FOOTER — email sur une seule ligne */
#footer a[href^="mailto:"] {
	white-space: nowrap;
	word-break: normal;
	overflow-wrap: normal;
}
/* ==========================================================
   FOOTER — MENU DÉCOUVRIR
   ========================================================== */

#footer .widget_nav_menu ul {
	margin: 0;
	padding: 0;

	list-style: none;
}

#footer .widget_nav_menu li {
	margin: 0 0 4px;
}

#footer .widget_nav_menu a {
	color: #ffffff !important;

	text-decoration: none !important;

	transition: color .2s ease;
}

#footer .widget_nav_menu a:hover,
#footer .widget_nav_menu a:focus {
	color: var(--theme-palette-color-1, #ffd022) !important;
}
/* FOOTER — icône adresse alignée sur la première ligne */
#footer .ct-contact-info-block li:first-child .ct-icon-container {
	align-self: flex-start;
	margin-top: 5px;
}
/* =========================================================
   SOURCES DE PRESSE
   ========================================================= */

.rds-press-source {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: fit-content;
	margin: 14px 0 10px;
}

.rds-press-source img {
	display: block;
	width: auto;
	height: 28px;
	max-width: 150px;
}


/* La Dépêche du Midi */

.rds-press-source--depeche img {
	height: 30px;
}


/* Le Journal d'ici */

.rds-press-source--journal img {
	height: 36px;
}
/* =========================================================
   SOURCES DE PRESSE — SINGLE POST
   ========================================================= */

.single-post .hero-section .rds-press-source {
	margin: 14px auto 0;
}


/* =========================================================
   SOURCES DE PRESSE — ARTICLES ASSOCIÉS
   ========================================================= */

.ct-related-posts .rds-press-source {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* =========================================================
   SOURCES DE PRESSE — CENTRAGE MOBILE SUR LA HOME UNIQUEMENT
   ========================================================= */

@media (max-width: 689.98px) {
   
	   .home .rds-press-source {
		   margin-left: auto;
		   margin-right: auto;
	   }
   
   }
  
/* ==========================================================
	  MAINTENANCE PAGE — MOBILE
	  ========================================================== */
   
   @media (max-width: 689.98px) {
   
	   .rds-maintenance {
		   min-height: 100svh;
		   padding: 32px 20px 48px !important;
		   overflow: hidden;
	   }
   
	   /* Grupo central */
	   .rds-maintenance .rds-maintenance-content {
		   width: min(100%, 420px);
		   margin-left: auto;
		   margin-right: auto;
	   }
   
	   /* Logo */
	   .rds-maintenance .wp-block-site-logo img {
		   width: min(230px, 62vw) !important;
		   height: auto !important;
	   }
   
	   /* Título */
	   .rds-maintenance h2,
	   .rds-maintenance .wp-block-heading {
		   font-size: clamp(2rem, 6vw, 2.5rem) !important;
		   line-height: 1.1 !important;
		   margin-top: 24px !important;
		   margin-bottom: 18px !important;
	   }
   
	   /* Párrafos */
	   .rds-maintenance p {
		   font-size: 1.05rem !important;
		   line-height: 1.45 !important;
		   max-width: 26ch;
		   margin-left: auto !important;
		   margin-right: auto !important;
	   }
   
	   .rds-maintenance p + p {
		   margin-top: 18px !important;
	   }
   
   }