/*
 Theme Name: Ixion Child
 Template: ixion
*/

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=Cormorant+Garamond:wght@500;700&display=swap');

body { outline: 5px solid magenta !important; }

/* Image de fond sur le header */
.site-header {               /* si rien ne change, on testera #masthead */
  position: relative;
  background: url('images/header-bg.jpg') center/cover no-repeat;
  padding-top: 60px;         /* ajuste la hauteur */
  padding-bottom: 60px;
}

/* améliorer la lisibilité du titre/menu sur la photo */ /* Bannière + voile directement via background (méthode la plus fiable) */
#masthead{
  position: relative;
  /* 1er layer = voile sombre ; 2e = ton image */
  background:
    linear-gradient(rgba(0,0,0,0.32), rgba(0,0,0,0.32)),
    url('images/header-bg.jpg') center/cover no-repeat;
  padding-top: 60px;      /* hauteur : ajuste ces 2 valeurs */
  padding-bottom: 60px;
}

/* Couleurs/contraste du titre + menu */
.site-title a,
.site-description,
.main-navigation a{
  color:#fff !important;
  text-shadow: 0 2px 4px rgba(0,0,0,.5);
}
.main-navigation a:hover,
.main-navigation .current_page_item > a{
  color:#F3E9DC !important; /* blanc chaud */
}

/* (Optionnel) moins haut sur mobile */
@media (max-width: 768px){
  #masthead{ padding-top:36px; padding-bottom:36px; }
}

/* ---- Palette Monastère de la Pentecôte ---- */

/* Couleur des titres */
h1, h2, h3, h4, h5, h6 {
  color: #3c4a3e; /* vert/gris profond */
}

/* Texte courant */
body {
  color: #2f2f2f; /* gris anthracite */
  background-color: #ffffff;
}

/* Navigation principale */
.main-navigation a {
  color: #ffffff; /* blanc par défaut */
  text-transform: uppercase;
  font-weight: bold;
}

.main-navigation a:hover,
.main-navigation .current-menu-item > a {
  color: #b08a53; /* ocre terre */
}

/* Boutons (ex: recherche) */
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
  background-color: #3c4a3e; /* vert/gris profond */
  color: #ffffff;
  border: none;
  padding: 8px 14px;
  cursor: pointer;
}

button:hover,
input[type="submit"]:hover {
  background-color: #b08a53; /* ocre terre */
}

/* Widgets (blocs latéraux) */
.widget {
  background-color: #f5f4f0; /* ivoire clair */
  padding: 15px;
  border-radius: 4px;
}

.widget-title {
  color: #3c4a3e; /* vert/gris profond */
  font-weight: bold;
}

/* ---- Header : titre du site ---- */
.site-title a {
  color: #ffffff !important;   /* blanc */
  text-shadow: 2px 2px 4px rgba(0,0,0,0.6); /* ombre douce */
}

/* ---- Menu de navigation ---- */
.main-navigation a {
  color: #ffffff !important;  /* blanc par défaut */
}

.main-navigation a:hover,
.main-navigation .current-menu-item > a {
  color: #b08a53 !important; /* ocre terre au survol/actif */
}

/* ---- Titres des articles/pages ---- */
.entry-title,
h1, h2, h3, h4, h5, h6 {
  color: #b38d2a !important;  /* ocre */
}

/* Titre des blocs (Heading) à l'intérieur des widgets */
.widget .wp-block-group h2,
.widget .wp-block-heading {
  color: #36702d !important;      /* vert profond */
  font-size: 1.2em;
  font-weight: 700;
  border-bottom: 2px solid #d8c9a7; /* fine ligne beige */
  padding-bottom: 3px;
  margin: 0 0 6px;
}

.widget-evenements {
  background-color: #f9f9f9;  /* fond doux */
  border: 1px solid #ddd;    /* bordure discrète */
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 5px;
}

.widget-evenements h3 {
  color: #428937;            /* ton vert profond */
  font-size: 1.2em;
  margin-bottom: 10px;
}

.widget-evenements ul {
  list-style-type: none;
  padding-left: 0;
}

.widget-evenements li {
  margin-bottom: 8px;
  font-size: 0.95em;
}

/* Bloc Derniers articles */
.widget_recent_entries { background:#f9f9f9; padding:15px; border-radius:5px; margin-bottom:20px; }
.widget_recent_entries .widget-title,
.widget_recent_entries h2 { color:#36702d; font-size:1.2em; font-weight:700; border-bottom:2px solid #d8c9a7; padding-bottom:3px; margin:0 0 10px; }
.widget_recent_entries ul { list-style:none; margin:0; padding:0; }
.widget_recent_entries li { margin-bottom:8px; }
.widget_recent_entries a { color:#2f2f2f; text-decoration:none; }
.widget_recent_entries a:hover { color:#36702d; }


.sidebar-box p {
  margin: 6px 0;
}

.sidebar-box a {
  color: #36702d;
  text-decoration: none;
}

.sidebar-box a:hover {
  text-decoration: underline;
}

/* Même taille pour toutes les vidéos, ratio 16:9, responsive */
.video-wrapper {
  position: relative;
  width: 100%;
  padding-top: 56.25%;   /* 16:9 => 9/16 = 0.5625 */
  margin-bottom: 15px;
  overflow: hidden;
}

.video-wrapper iframe {
  position: absolute;
  inset: 0;              /* top:0; right:0; bottom:0; left:0 */
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

/* Boîte "Catégories" harmonisée */
.widget_categories {
  background: #f9f9f9;
  padding: 15px;
  border-radius: 5px;
  margin-bottom: 20px;
}

/* Titre "Catégories" en vert profond + souligné beige */
.widget_categories .widget-title,
.widget_categories h2 {
  color: #36702d;
  font-size: 1.2em;
  font-weight: 700;
  border-bottom: 2px solid #d8c9a7;
  padding-bottom: 3px;
  margin: 0 0 10px;
}

/* Liste propre, sans puces natives */
.widget_categories ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Lignes aérées + puce personnalisée */
.widget_categories li {
  margin: 6px 0;
  position: relative;
  padding-left: 14px;
}
.widget_categories li::before {
  content: "–";              /* petite barre élégante */
  position: absolute;
  left: 0;
  top: 0;
  color: #d8c9a7;            /* beige doux */
}

/* Boîte Thématiques */
.widget_categories {
  background: #f9f9f9;
  padding: 15px;
  border-radius: 5px;
  margin-bottom: 20px;
}

/* Titre Thématiques */
.widget_categories .widget-title,
.widget_categories h2 {
  color: #36702d;             /* vert profond */
  font-size: 1.2em;
  font-weight: 700;
  border-bottom: 2px solid #d8c9a7;
  padding-bottom: 3px;
  margin: 0 0 10px;
}

/* Liste avec puces rondes */
.widget_categories ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.widget_categories li {
  margin: 6px 0;
  position: relative;
  padding-left: 18px;
}
.widget_categories li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 8px;
  height: 8px;
  background-color: #d8c9a7;  /* beige */
  border-radius: 50%;         /* rond */
}

/* Liens */
.widget_categories a {
  color: #2f2f2f;
  text-decoration: none;
}
.widget_categories a:hover {
  color: #36702d;             /* vert profond */
  text-decoration: underline;
}

/* Encadré beige du groupe */
.sidebar-box {
  background: #f9f9f9;
  padding: 15px;
  border-radius: 5px;
  margin-bottom: 20px;
}

/* Titre "Thématiques" */
.sidebar-title {
  color: #36702d;              /* vert profond mémorisé */
  font-size: 1.2em;
  font-weight: 700;
  border-bottom: 2px solid #d8c9a7;
  padding-bottom: 3px;
  margin: 0 0 10px;
}

/* Liste Catégories (bloc natif) dans notre groupe */
.sidebar-box .wp-block-categories,
.sidebar-box .wp-block-categories-list {
  list-style: none;
  margin: 0;
  padding: 0;
}


.sidebar-box .wp-block-categories-list li {
  margin: 6px 0;
  position: relative;
  padding-left: 18px;
}

/* Puces rondes beiges */
.sidebar-box .wp-block-categories-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 8px;
  height: 8px;
  background-color: #d8c9a7;
  border-radius: 50%;
}

/* Liens de catégories */
.sidebar-box .wp-block-categories a {
  color: #2f2f2f;
  text-decoration: none;
}
.sidebar-box .wp-block-categories a:hover {
  color: #36702d;
  text-decoration: underline;
}

/* ====== Sous-menus (override Ixion) ====== */
.main-navigation ul li { position: relative; }

/* conteneur du sous-menu */
.main-navigation .sub-menu,
.main-navigation ul ul {
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 220px;
  background: #ffffff !important;
  border: 1px solid #e6e0d1;
  border-radius: 6px;
  box-shadow: 0 8px 18px rgba(0,0,0,.12);
  display: none;
  z-index: 9999;
}

/* afficher au survol / focus clavier */
.main-navigation li:hover > .sub-menu,
.main-navigation li:focus-within > .sub-menu,
.main-navigation li:hover > ul ul,
.main-navigation li:focus-within > ul ul {
  display: block;
}

/* liens internes du sous-menu */
.main-navigation .sub-menu a,
.main-navigation ul ul a {
  display: block;
  padding: 4px 12px !important;   /* très peu d’espace */
  background: #ffffff !important;
  color: #2f2f2f !important;
  text-decoration: none;
  white-space: nowrap;
}

/* hover/focus */
.main-navigation .sub-menu a:hover,
.main-navigation .sub-menu a:focus,
.main-navigation ul ul a:hover,
.main-navigation ul ul a:focus {
  background: #f5f4f0 !important; /* ivoire */
  color: #36702d !important;       /* vert profond */
}

/* petite flèche sur l’item parent (optionnel) */
.main-navigation li.menu-item-has-children > a::after {
  content: "▾";
  font-size: .8em;
  margin-left: 6px;
}

/* accessibilité */
.main-navigation a:focus {
  outline: 2px solid #36702d;
  outline-offset: 2px;
}

/* ——— compacter les sous-menus (force haute spécificité) ——— */
.main-navigation ul ul li,
.main-navigation .sub-menu li {
  margin: 0 !important;           /* au cas où le li porte l'espace */
  padding: 0 !important;
}

.main-navigation ul ul li > a,
.main-navigation .sub-menu li > a {
  display: block;
  padding: 6px 12px !important;   /* ← règle l’espacement vertical/horizontal */
  line-height: 1.2 !important;    /* ← réduit la hauteur de ligne */
  background: #fff !important;
  color: #2f2f2f !important;
  text-decoration: none;
  white-space: nowrap;
  /* si besoin d'encore plus compact :
  font-size: 0.95em !important;
  */
}

.main-navigation ul ul li > a:hover,
.main-navigation .sub-menu li > a:hover,
.main-navigation ul ul li > a:focus,
.main-navigation .sub-menu li > a:focus {
  background: #f5f4f0 !important;
  color: #36702d !important;
}

/* ====== MENU MOBILE (burger) ====== */

/* conteneur général */
.main-navigation.toggled ul {
  display: block;
  width: 100%;
  background: #ffffff;
  padding: 0;
  margin: 0;
  border-top: 1px solid #e6e0d1;
}

/* items */
.main-navigation.toggled ul li {
  border-bottom: 1px solid #f0f0f0;
}

.main-navigation.toggled ul li a {
  display: block;
  padding: 12px 16px;
  color: #2f2f2f;
  text-decoration: none;
}

/* hover/focus */
.main-navigation.toggled ul li a:hover,
.main-navigation.toggled ul li a:focus {
  background: #f5f4f0;
  color: #36702d;
}

/* sous-menus (affichés en retrait) */
.main-navigation.toggled ul ul {
  background: #fafafa;
  padding-left: 20px;   /* indentation */
}

.main-navigation.toggled ul ul li a {
  padding: 10px 16px;
  font-size: 0.95em;
}

/* petite flèche sur les parents */
.main-navigation.toggled li.menu-item-has-children > a::after {
  content: "▸";
  float: right;
  font-size: 0.8em;
  margin-top: 2px;
}

/* Police du corps du texte */
body {
  font-family: 'Lora', serif;
  font-weight: 400;
  color: #2f2f2f; /* texte lisible */
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 700;
  color: #36702d; /* vert profond */
  line-height: 1.3;
}


/* Accueil : masquer le bloc "Articles récents" de la page d'accueil */
.home #front-page-recent-posts {
  display: none !important;
}

/* Masquer le bloc auteur */
.post .author-info,
.entry-meta {
  display: none !important;
}

/* Masquer le formulaire de commentaire et le titre "Laisser un commentaire" */
.comments-area,
.comment-respond {
  display: none !important;
}

/* Liens partout dans le contenu du site (page, articles, sidebar, footer) */
.site-content a,
.site-content .entry-content a,
.site-content .widget a,
.site-content .wp-block a {
  color: #36702d !important;   /* vert profond */
  font-weight: 700 !important; /* gras */
  text-decoration: none;
}

/* Survol / focus */
.site-content a:hover,
.site-content .entry-content a:hover,
.site-content .widget a:hover,
.site-content .wp-block a:hover,
.site-content a:focus,
.site-content .entry-content a:focus,
.site-content .widget a:focus,
.site-content .wp-block a:focus {
  color: #2a5a24 !important;   /* un peu plus sombre */
  text-decoration: underline;  /* underline au survol/focus */
}

/* Liens visités : même couleur que normal pour la cohérence visuelle */
.site-content a:visited {
  color: #36702d !important;
}

/* --- Couleur ocre pour tous les titres du site (contenu + sidebar + widgets) --- */
:root { --titre-ocre: #b38d2a; }  /* change ici si besoin */

/* Titres dans le contenu des pages / articles */
.site-content h1,
.site-content h2,
.site-content h3,
.site-content h4,
.site-content h5,
.site-content h6,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.wp-block-heading {
  color: var(--titre-ocre) !important;
}

/* Titre d’article (et lien sur le titre) */
.entry-title,
.entry-title a {
  color: var(--titre-ocre) !important;
}
.entry-title a:hover,
.entry-title a:focus {
  filter: brightness(0.9);
  text-decoration: none;
}

/* Titres de widgets / sidebar (y compris tes boîtes personnalisées) */
.widget .widget-title,
.widget h2,
.sidebar .widget h2,
.sidebar-title,
.recent-posts-title,
.sidebar-box .sidebar-title {
  color: var(--titre-ocre) !important;
}

/* Titres de widgets créés avec des blocs Gutenberg */
#secondary .widget .wp-block-heading,
.widget-area .widget .wp-block-heading,
.widget_block .wp-block-heading,
#secondary .widget .wp-block-heading a {
  color: var(--titre-ocre) !important;
  font-weight: 700; /* si tu veux qu’ils soient bien marqués */
}

.site-footer .site-info {
    text-transform: none;
}

.category h1.page-title::before {
    content: "";
}


/* Uniformiser la couleur des titres de posts en archive */
.archive .entry-title a,
.archive .format-link .entry-title a {
  color: #b5882c !important; /* ocre */
}

/* Au survol, tous passent en vert profond */
.archive .entry-title a:hover,
.archive .entry-title a:focus,
.archive .format-link .entry-title a:hover,
.archive .format-link .entry-title a:focus {
  color: #36702d !important; /* vert profond */
}