/*
 Theme Name: Twenty Fifteen pour Matoo
 Theme URI: https://matoo.net
 Author: Matoo
 Author URI: https://matoo.net
 Description: Thème enfant pour Twenty Fifteen adapté aux besoins du MatooBlog
 Template: twentyfifteen
 Version: 1.0.0
*/

/* ------------------------------
   Identité du site : titre / logo
   ------------------------------ */

/* Titre du site dans la sidebar */
.site-title a {
  font-family: 'Noto serif', sans-serif;
  font-size: 3.5rem;
  color: #94340C;
}

/* Couleur des titres d'articles */
.entry-title,
.entry-title a {
  color: #94340C;
}

/* Couleur du titre d'article au survol */
.entry-title a:hover {
  color: #000000b3;
}

/* -------------------------------------------
   Header mobile : logo + titre + bouton menu
   ------------------------------------------- */
@media screen and (max-width: 600px) {

  /* Le header sert de conteneur de référence pour le bouton */
  #masthead {
    position: relative;
  }

  /* Bouton "Menu and widgets" en haut à droite */
  .secondary-toggle {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    z-index: 10;
  }

  /* On décale le bloc identité sous le bouton */
  .site-branding {
    margin-top: 48px;
  }

  /* Logo + titre sur une ligne */
  .site-branding .custom-logo-link {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
  }

  .site-branding .custom-logo {
    height: auto;
    width: auto;
    max-width: 100%;
  }

  .site-branding .site-title {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
  }

  .site-branding .site-description {
    margin: 0;
  }

  /* Image à la une responsive */
  .post-thumbnail img {
    display: block;
    max-width: 825px;
    width: 100%;
    height: auto;
  }
}

/* --------------------------------
   Métas sous le titre (desktop)
   -------------------------------- */

/* Bloc metas sous le titre */
.entry-meta-header {
    margin-top: 0;
    margin-bottom: 1.2em;
    font-size: 1.8rem;
    line-height: 1.6;
    color: #555555;
}

/* Footer des articles, même hiérarchie que le header mais plus discret */
.entry-footer {
    font-size: 1.8rem;      /* plus petit que .entry-meta-header */
    line-height: 1.6;
}

/* Date en première ligne */
.entry-meta-header .posted-on {
    display: block;
    margin-bottom: 0.1em;
}

/* Catégories en deuxième ligne */
.entry-meta-header .cat-links {
    display: block;
}

/* Sous le titre : on garde seulement date + catégories */
.entry-meta-header .tags-links,
.entry-meta-header .comments-link {
    display: none;
}

/* Footer : on enlève date + catégories pour éviter les doublons */
.entry-footer .posted-on,
.entry-footer .cat-links {
    display: none;
}

/* Footer : chaque bloc meta sur sa propre ligne */
.entry-footer .tags-links,
.entry-footer .comments-link {
    display: block;
    margin-bottom: 0.2em;
}

/* Cacher l'auteur partout */
.entry-meta .byline,
.entry-footer .byline,
.entry-footer .author.vcard {
    display: none !important;
}

/* Icônes des metas sous le titre */
.entry-meta-header .posted-on:before,
.entry-meta-header .cat-links:before,
.entry-meta-header .tags-links:before,
.entry-meta-header .comments-link:before {
    font-size: 1.6em;
    top: 2px;
    color: #94340C;         /* texte + icônes en marron */
}

/* Icônes des metas en footer */
.entry-footer .posted-on:before,
.entry-footer .cat-links:before,
.entry-footer .tags-links:before,
.entry-footer .comments-link:before {
    font-size: 2.2rem;
    top: 2px;
}

/* ------------------------------
   Blockquotes Gutenberg
   ------------------------------ */

/* 1. Nettoyage des styles par défaut */
blockquote,
.wp-block-quote {
    font-style: normal;
    quotes: none;
}

blockquote::before,
blockquote::after,
.wp-block-quote::before,
.wp-block-quote::after {
    content: none !important;
}

/* 2. Style général des blockquotes Gutenberg */
blockquote.wp-block-quote {
    border-left: 0.4rem solid #94340C !important;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    color: inherit;
    font-size: 1em;
    margin: 2.5rem 0;
    padding: 0.5rem 0 0.5rem 2rem;
}

/* 3. Texte du cite */
blockquote.wp-block-quote cite {
    display: inline-block;
    position: relative;
    padding-top: 1.5rem;
    font-style: normal;
    line-height: 1.25;
}

/* 4. Pas de marge en bas sur le dernier paragraphe */
blockquote.wp-block-quote p:last-child {
    margin: 0;
}

/* 5. Petits tirets au-dessus du cite */
blockquote.wp-block-quote cite::before {
    content: '\2014\2014\2014\2014';
    letter-spacing: -2px;
    font-size: 10px;
    position: absolute;
    top: 0;
    left: calc(50% - 20px);
}

blockquote p:first-of-type::before {
  font-family: "fontello";
  content: "\e80a";
  margin-right: 0.5rem;
  position: relative;
  top: -0.3rem;
}

blockquote p:first-of-type::after {
  font-family: "fontello";
  content: "\e810";
  margin-left: 0.5rem;
  position: relative;
  bottom: -0.5rem;
}

/* ---------------------------------------
   Lisibilité sur mobile (texte + métas)
   --------------------------------------- */
@media screen and (max-width: 620px) {

    /* Texte principal plus grand sur mobile */
    .entry-content,
    .comment-content {
        font-size: 1.9rem;   /* ~19px sur la base Twenty Fifteen */
        line-height: 1.8;
    }

    /* Métadonnées moins dominantes sur mobile */
    .entry-meta-header {
        font-size: 1.4rem;
    }

    .entry-footer {
        font-size: 1.4rem;
    }

    /* Icônes un peu réduites pour suivre la baisse des métas */
    .entry-meta-header .posted-on:before,
    .entry-meta-header .cat-links:before,
    .entry-meta-header .tags-links:before,
    .entry-meta-header .comments-link:before {
        font-size: 1.5em;
    }

    .entry-footer .posted-on:before,
    .entry-footer .cat-links:before,
    .entry-footer .tags-links:before,
    .entry-footer .comments-link:before {
        font-size: 1.6rem;
    }
}

/* Footer à 2 colonnes -------------------------------------- */

.footer-widgets {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;       /* réduit l'espace entre les colonnes */
  margin-bottom: 2rem;
}

/* 2 colonnes sur écrans larges */
.footer-column {
  flex: 1 1 0;       /* chacune prend ~50% */
  min-width: 0;
}

/* Empiler sur petits écrans */
@media screen and (max-width: 620px) {
  .footer-widgets {
    flex-direction: column;
  }

  .footer-column {
    width: 100%;
  }
}

/* Harmoniser les widgets avec Twenty Fifteen */
.site-footer .widget {
  margin: 0 0 1.6em;
}

.site-footer .widget-title {
  color: #333;
  font-family: 'Noto Sans', sans-serif;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin: 0 0 1em;
}

/* Plus d'espace au-dessus des widgets du footer */
.footer-widgets {
  padding-top: 2.5rem;   /* augmente cette valeur si tu veux plus */
}

.wp-block-heading {
  font-size: 2.2rem;
  color: #94340C;
  font-weight: 700;
  text-transform: uppercase;
}

/* Images des derniers articles en rond */
.wp-block-latest-posts__featured-image img {
  width: 75px;              /* même taille que ton style inline actuel */
  height: 75px;
  border-radius: 50%;       /* cercle */
  object-fit: cover;        /* recadre correctement */
  border: 3px solid #94340C; /* bordure marron */
}

.wp-block-latest-posts__featured-image img {
  width: 75px !important;
  height: 75px !important;
  border-radius: 50% !important;
  object-fit: cover;
  border: 3px solid #94340C;
}

/* Supprimer l'indentation du contenu dans les groupes de widgets */
.wp-widget-group__inner-blocks .widget {
  margin-left: 0;
  padding-left: 0;
}

/* S'assurer que le paragraphe du widget s'aligne sous le titre */
.wp-widget-group__inner-blocks .widget p {
  margin-left: 0;
}

/* 1. Le contenu du widget ne doit pas être plus étroit que le titre */
.wp-widget-group__inner-blocks {
  padding-left: 0;
  padding-right: 0;
}

/* 2. Widgets dans les groupes : pas de retrait horizontal */
.wp-widget-group__inner-blocks .widget {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

/* 3. Paragraphes alignés sous le titre */
.wp-widget-group__inner-blocks .widget p {
  margin-left: 0;
  margin-right: 0;
}

/* 4. Globalement : réduire le retrait horizontal des widgets */
.widget {
  margin-left: 0;
  margin-right: 0;
}

/* Mise en forme propre de la liste "Derniers articles" */
.wp-block-latest-posts__list li {
  padding: 0.8rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15); /* ligne de séparation */
  overflow: hidden;                              /* contient l'image floatée */
}

/* Optionnel : enlever la bordure sur le dernier élément */
.wp-block-latest-posts__list li:last-child {
  border-bottom: none;
}

/* Vignette à gauche (tu peux garder ton cercle + bordure) */
.wp-block-latest-posts__featured-image.alignleft img {
  display: block;
}

/* Titre et date alignés à droite de la vignette */
.wp-block-latest-posts__post-title,
.wp-block-latest-posts__post-date {
  display: block;
}


/* Style des boutons like en bas des posts */
.kodex_buttons button.kodex_like_button{
    background:#7F0000;
		border-color:#7F0000;
	  color: white;
}
.kodex_buttons button.kodex_button_active {
    background:#7F0000;
	  border-color:#E2BD00;
}
.kodex_buttons button:hover{
    background:#E2BD00;
		border-color:#E2BD00;
}