/*
Theme Name:   Crèches SAGE
Description:  Thème enfant de Kadence reprenant les couleurs et polices de l'ancien site (Convertible).
Template:     kadence
Version:      1.0.2
Text Domain:  creches-sage
*/

/* ===== Palette (reprend l'ancien thème) =====
   Vert principal  #4bb19c   Vert clair  #75D69C   Turquoise #00C1CF
   Jaune-vert      #b9c302   Rose titres #ca4e6a   Corail h1 #fe6c61
   Texte           #666666   Fond gris   #e9e9e9                       */
body {
	--global-palette1: #4bb19c;
	--global-palette2: #3a9583;
	--global-palette3: #253135;
	--global-palette4: #444444;
	--global-palette5: #666666;
	--global-palette6: #7d7d7d;
	--global-palette7: #eeeeee;
	--global-palette8: #e9e9e9;
	--global-palette9: #ffffff;
	--sage-vert: #4bb19c;
	--sage-vert-clair: #75D69C;
	--sage-turquoise: #00C1CF;
	--sage-jaune: #b9c302;
	--sage-corail: #fe6c61;
}

/* ===== Typographie ===== */
body, p {
	font-family: 'Merriweather Sans', sans-serif;
	font-size: 15px;
	font-weight: 300;
	line-height: 24px;
	color: #666;
}
h1, .entry-hero h1, .page-title, .entry-title {
	font-family: 'Pacifico', cursive;
	font-weight: 400;
	color: var(--sage-jaune);
}
.single-content h1, .entry-content h1 { color: var(--sage-corail); }
h2 {
	font-family: 'Pacifico', cursive;
	font-weight: 400;
	color: var(--sage-vert-clair);
	line-height: 1.4;
}
h3, h4, h5, h6 {
	font-family: 'Merriweather Sans', sans-serif;
	font-weight: 400;
	color: var(--sage-turquoise);
}
h4 { color: var(--sage-jaune); }
.loop-entry .entry-title, .loop-entry .entry-title a { font-family: 'Merriweather Sans', sans-serif; color: #000; }

/* ===== Images arrondies ===== */
.entry-content img, .wp-block-image img {
	border-radius: 10px;
	transition: all .17s ease-in-out;
}

/* ===== En-tête ===== */
.site-branding .site-title-wrap { display: none; }          /* le logo suffit */
.home .entry-hero, .home .entry-header { display: none; }   /* pas de titre "Accueil" sur l'accueil */

/* ===== Menu principal (1er niveau) : gris, encadré jaune-vert au survol ===== */
.main-navigation .primary-menu-container > ul > li.menu-item > a {
	color: #7d7d7d !important;
	background: transparent !important;
	white-space: nowrap;
	font-weight: 600;
	padding: .5em .8em;
	margin: 0 2px;
	border: 1px solid transparent;
	border-radius: 4px;
}
.main-navigation .primary-menu-container > ul > li.menu-item > a:hover,
.main-navigation .primary-menu-container > ul > li.menu-item:hover > a {
	color: #fff !important;
	background-color: var(--sage-jaune) !important;
	border-color: var(--sage-jaune);
}
.main-navigation .primary-menu-container > ul > li.current-menu-item > a,
.main-navigation .primary-menu-container > ul > li.current-menu-ancestor > a {
	color: var(--sage-jaune) !important;
	border-color: var(--sage-jaune);
}
/* Icône maison (l'ancien thème utilisait Font Awesome, absent ici) */
#menu-item-545 > a::before { content: "Accueil"; }

/* ===== Sous-menus : jaune-vert par défaut, couleur par rubrique ===== */
.header-navigation .header-menu-container ul ul li.menu-item > a {
	background-color: var(--sage-jaune);
	color: #fff;
	font-weight: 600;
}
.header-navigation .header-menu-container ul ul li.menu-item > a:hover { filter: brightness(.9); color: #fff; }
#menu-item-111 > a, #menu-item-957 > a, #menu-item-32 > a, #menu-item-349 > a, #menu-item-171 > a { background-color: var(--sage-vert-clair) !important; }
#menu-item-345 > a, #menu-item-911 > a, #menu-item-280 > a, #menu-item-426 > a, #menu-item-110 > a { background-color: var(--sage-vert) !important; }
#menu-item-344 > a, #menu-item-1430 > a, #menu-item-361 > a, #menu-item-634 > a, #menu-item-239 > a, #menu-item-367 > a, #menu-item-1468 > a { background-color: var(--sage-turquoise) !important; }

/* ===== Menu mobile ===== */
#mobile-drawer .drawer-inner { background: var(--sage-vert); }
.mobile-navigation ul li > a, .mobile-navigation ul li .drawer-nav-drop-wrap > a { color: #fff; }
.mobile-navigation ul ul li.menu-item > a { background-color: rgba(255,255,255,.12); color: #fff; }

/* ===== Pied de page vert ===== */
.site-footer, .site-footer .site-footer-wrap, .site-footer a, .site-footer p, .site-footer .widget-title {
	background-color: var(--sage-vert);
	color: #fff;
}

/* ===== Divers ===== */
hr { border-color: var(--sage-vert-clair); }
blockquote, blockquote p { border-left: none; font-style: italic; font-weight: 400; line-height: 28px; }
.wpcf7-response-output { font-family: 'Pacifico', cursive; font-size: 22px; color: var(--sage-jaune); }
.occaz { color: #fff; background-color: var(--sage-vert); font-family: 'Merriweather Sans', sans-serif; }
.sidebar-widgets, .primary-sidebar .widget { background-color: #fff; padding: 10px; }

/* Libelles du menu sur une seule ligne */
.main-navigation .primary-menu-container > ul > li.menu-item > a,
.main-navigation .primary-menu-container > ul > li.menu-item > a .nav-drop-title-wrap { white-space: nowrap; }

/* ===== Correctifs v1.0.2 ===== */
/* Les libellés du menu contiennent des <br> hérités de l'ancien thème */
.main-navigation .primary-menu-container > ul > li > a br { display: none; }
.main-navigation .primary-menu-container > ul > li.menu-item > a { padding: .5em .6em; }
/* Diaporama Smart Slider : rester dans la carte de contenu (il débordait sur le titre) */
ss3-force-full-width { transform: none !important; width: 100% !important; max-width: 100% !important; margin: 0 0 30px !important; }
/* Ne pas afficher la date de modification (faussée par le piratage) */
.entry-meta .updated-on, .entry-meta time.updated:not(.published) { display: none; }