/*
Theme Name: Rama Mungwa
Theme URI: https://rama-mungwa.com
Author: Votre Nom
Author URI: https://votresite.com
Description: Thème personnalisé pour jim cloos développé avec WordPress, Tailwind CSS et DaisyUI
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rama-mungwa
*/

/* Styles pour les blocs Gutenberg */
.wp-block,
.entry-content > *,
.entry-content > .wp-block,
.entry-content .wp-block-group > .wp-block-group__inner-container > *,
.entry-content .wp-block-group > .wp-block-group__inner-container > .wp-block {
    margin-top: 0.75rem !important; /* Réduit à 0.75rem */
    margin-bottom: 0.75rem !important; /* Réduit à 0.75rem */
}

/* Réinitialisation des marges pour les premiers et derniers éléments */
.entry-content > *:first-child,
.entry-content > .wp-block:first-child,
.entry-content .wp-block-group > .wp-block-group__inner-container > *:first-child,
.entry-content .wp-block-group > .wp-block-group__inner-container > .wp-block:first-child {
    margin-top: 0 !important;
}

.entry-content > *:last-child,
.entry-content > .wp-block:last-child,
.entry-content .wp-block-group > .wp-block-group__inner-container > *:last-child,
.entry-content .wp-block-group > .wp-block-group__inner-container > .wp-block:last-child {
    margin-bottom: 0 !important;
}

.wp-block-group > .wp-block-group__inner-container > * + * {
    margin-top: 0.75rem; /* Réduit à 0.75rem */
}

/* Espacement spécifique pour les blocs courants */
.wp-block-heading,
.wp-block-paragraph,
.wp-block-image,
.wp-block-gallery,
.wp-block-quote,
.wp-block-pullquote,
.wp-block-table,
.wp-block-embed,
.wp-block-buttons,
.wp-block-columns,
.wp-block-media-text {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.wp-block-heading:first-child,
.wp-block-paragraph:first-child,
.wp-block-image:first-child,
.wp-block-gallery:first-child,
.wp-block-quote:first-child,
.wp-block-pullquote:first-child,
.wp-block-table:first-child,
.wp-block-embed:first-child,
.wp-block-buttons:first-child,
.wp-block-columns:first-child,
.wp-block-media-text:first-child {
    margin-top: 0;
}

/* Styles pour les animations reveal */


/* Styles de base pour les couleurs et arrière-plans */
/* Styles pour les titres h2 */
:root {
    /* Couleurs */
    --wp--preset--color--black: #000000;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--red: #cf2e2e;
    --wp--preset--color--dark-blue: #1e3a8a;
    --wp--preset--color--light-blue: #3b82f6;
    --wp--preset--color--light-gray: #f3f4f6;

    /* Dégradés */
    --wp--preset--gradient--light-blue-to-white: linear-gradient(135deg, #3b82f6 0%, #ffffff 100%);
    --wp--preset--gradient--dark-to-light-blue: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);

    /* Tailles de police */
    --wp--preset--font-size--small: 0.875rem;
    --wp--preset--font-size--normal: 1rem;
    --wp--preset--font-size--medium: 1.25rem;
    --wp--preset--font-size--large: 1.5rem;
    --wp--preset--font-size--x-large: 2.25rem;

    /* Espacements */
    --wp--preset--spacing--small: 1rem;
    --wp--preset--spacing--medium: 1.5rem;
    --wp--preset--spacing--large: 2rem;

    /* Largeurs de contenu */
    --wp--style--global--content-size: 800px;
    --wp--style--global--wide-size: 1200px;

    /* Variables de thème */
    --wp--style--block-gap: 1.5rem;
    --wp--custom--spacing--outer: 1rem;
}

/* Police Inter */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

/* Styles pour les listes dans tout le site */

/* Listes non ordonnées */
/* Listes non ordonnées */
.editor-styles-wrapper ul {
    list-style-type: disc;   /* ou circle / square */
    margin-left: 1.5em;
  
  }
 
  /* Listes ordonnées */
  ol {
    list-style-type: decimal; /* ou lower-roman / upper-alpha */
    margin-left: 1.5em;
    list-style-position: inside !important;
  }
  
  /* Forcer l’affichage même si un autre CSS met "none" */
  .editor-styles-wrapper ul, .editor-styles-wrapper ol {
    list-style-position: inside !important;
    
  }
  .editor-styles-wrapper ul li {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}
/* Styles pour l'éditeur Gutenberg */
.editor-styles-wrapper {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    line-height: 1.6;
    color: var(--wp--preset--color--black);
    background-color: var(--wp--preset--color--white);
}

/* Styles des titres dans l'éditeur */
.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6,
.editor-styles-wrapper .wp-block-heading h1,
.editor-styles-wrapper h1.wp-block-heading,
.editor-styles-wrapper .wp-block-heading h2,
.editor-styles-wrapper h2.wp-block-heading,
.editor-styles-wrapper .wp-block-heading h3,
.editor-styles-wrapper h3.wp-block-heading,
.editor-styles-wrapper .wp-block-heading h4,
.editor-styles-wrapper h4.wp-block-heading,
.editor-styles-wrapper .wp-block-heading h5,
.editor-styles-wrapper h5.wp-block-heading,
.editor-styles-wrapper .wp-block-heading h6,
.editor-styles-wrapper h6.wp-block-heading {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    line-height: 1.2;
    font-weight: 700;
}

.editor-styles-wrapper h1,
.editor-styles-wrapper .wp-block-heading h1,
.editor-styles-wrapper h1.wp-block-heading {
    font-size: var(--wp--preset--font-size--x-large);
    font-weight: 900;
    /* Très gras pour les h1 */
}

.editor-styles-wrapper h2,
.editor-styles-wrapper .wp-block-heading h2,
.editor-styles-wrapper h2.wp-block-heading {
    font-size: var(--wp--preset--font-size--large);
    font-weight: 900;
    /* Très gras pour les h2 */
}

.editor-styles-wrapper h3,
.editor-styles-wrapper .wp-block-heading h3,
.editor-styles-wrapper h3.wp-block-heading {
    font-size: var(--wp--preset--font-size--medium);
    font-weight: 700;
    /* Gras pour les h3 */
}

.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6,
.editor-styles-wrapper .wp-block-heading h4,
.editor-styles-wrapper h4.wp-block-heading,
.editor-styles-wrapper .wp-block-heading h5,
.editor-styles-wrapper h5.wp-block-heading,
.editor-styles-wrapper .wp-block-heading h6,
.editor-styles-wrapper h6.wp-block-heading {
    font-size: var(--wp--preset--font-size--normal);
}

/* Styles des paragraphes - Éditeur et Front-end */
.editor-styles-wrapper p,
.editor-styles-wrapper .wp-block-paragraph,
.wp-block p,
p.wp-block,
.wp-block-paragraph,
p,
.entry-content p,
.entry-content .wp-block-paragraph {
    margin-top: 0;
    margin-bottom: 0.5rem !important; /* Réduit à 0.5rem */
    font-size: var(--wp--preset--font-size--normal);
    line-height: 1.5; /* Légèrement réduit pour un meilleur rendu */
}

/* Réinitialisation des marges pour les paragraphes imbriqués */
.editor-styles-wrapper p:last-child,
.wp-block p:last-child,
.wp-block-paragraph:last-child {
    margin-bottom: 0 !important;
}

/* Ajustement des marges pour les blocs dans l'éditeur */
.editor-styles-wrapper .wp-block {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.editor-styles-wrapper .wp-block:first-child {
    margin-top: 0;
}

.editor-styles-wrapper .wp-block:last-child {
    margin-bottom: 0;
}

/* Espacement spécifique pour les blocs dans l'éditeur */
.editor-styles-wrapper .wp-block-heading,
.editor-styles-wrapper .wp-block-paragraph,
.editor-styles-wrapper .wp-block-image,
.editor-styles-wrapper .wp-block-gallery,
.editor-styles-wrapper .wp-block-quote,
.editor-styles-wrapper .wp-block-pullquote,
.editor-styles-wrapper .wp-block-table,
.editor-styles-wrapper .wp-block-embed,
.editor-styles-wrapper .wp-block-buttons,
.editor-styles-wrapper .wp-block-columns,
.editor-styles-wrapper .wp-block-media-text {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.editor-styles-wrapper .wp-block-heading:first-child,
.editor-styles-wrapper .wp-block-paragraph:first-child,
.editor-styles-wrapper .wp-block-image:first-child,
.editor-styles-wrapper .wp-block-gallery:first-child,
.editor-styles-wrapper .wp-block-quote:first-child,
.editor-styles-wrapper .wp-block-pullquote:first-child,
.editor-styles-wrapper .wp-block-table:first-child,
.editor-styles-wrapper .wp-block-embed:first-child,
.editor-styles-wrapper .wp-block-buttons:first-child,
.editor-styles-wrapper .wp-block-columns:first-child,
.editor-styles-wrapper .wp-block-media-text:first-child {
    margin-top: 0;
}

/* Liens dans l'éditeur */
.editor-styles-wrapper a {
    text-decoration: none;
    transition: color 0.2s ease;
}

/* Style pour les images en portrait */
.image-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.portrait-image {
    border-radius: 0.5rem;
}

.portrait-image img {
    border-radius: inherit !important;
}

a{
    text-decoration: none;
}

.editor-styles-wrapper a:hover,
.editor-styles-wrapper a:focus {
    color: var(--wp--preset--color--dark-blue);
    text-decoration: underline;
}

/* Listes dans l'éditeur */
.editor-styles-wrapper ul,
.editor-styles-wrapper ol {
    margin: 0 0 var(--wp--preset--spacing--medium) 0;
    padding-left: var(--wp--preset--spacing--medium);
}

/* Citations dans l'éditeur */
.editor-styles-wrapper blockquote {
    margin: var(--wp--preset--spacing--medium) 0;
    padding: var(--wp--preset--spacing--medium);
    border-left: 4px solid var(--wp--preset--color--light-blue);
    background-color: var(--wp--preset--color--light-gray);
    font-style: italic;
}

/* Images dans l'éditeur */
.editor-styles-wrapper img {
    max-width: 100%;
    height: auto;
}

/* Media Queries pour la réactivité dans l'éditeur */
@media (min-width: 782px) {

    .editor-styles-wrapper h1,
    .editor-styles-wrapper .wp-block-heading h1,
    .editor-styles-wrapper h1.wp-block-heading {
        font-size: calc(var(--wp--preset--font-size--x-large) * 1.2);
    }

    .editor-styles-wrapper h2,
    .editor-styles-wrapper .wp-block-heading h2,
    .editor-styles-wrapper h2.wp-block-heading {
        font-size: calc(var(--wp--preset--font-size--large) * 1.1);
    }
}

/* Styles pour les blocs Gutenberg dans l'éditeur */
.editor-styles-wrapper .wp-block {
    max-width: var(--wp--style--global--content-size);
}

.editor-styles-wrapper .wp-block[data-align="wide"] {
    max-width: var(--wp--style--global--wide-size);
}

.editor-styles-wrapper .wp-block[data-align="full"] {
    max-width: none;
}