/* --- Styles for the articles (Blog, archives, articles) --- */

/* Archive & Blog Page Styles (archive.php, home.php) */

.archive-header {
    margin-bottom: 1em;
    /* padding-bottom: 1.5em; */
    /* border-bottom: 1px solid var(--color-border-light); */
    text-align: center;
}

.archive-nav {
    margin-bottom: 2.5em;
}

/* --- Styles for the grid of the articles on the archive page --- */

.archive .latest-posts-grid,
.blog .latest-posts-grid, 
.tax-category .latest-posts-grid,
.search .latest-posts-grid { 
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); 
    gap: 2.5em; 
    list-style: none; 
    padding: 1em; 
    margin: 0 auto 3em auto;
    max-width: var(--content-width, 1200px); 
}

/* Styles for each article as a card in the grid */
.archive .latest-posts-grid > article,
.blog .latest-posts-grid > article,
.tax-category .latest-posts-grid > article,
.search .latest-posts-grid > article {
    margin-bottom: 0 !important; 
    padding-bottom: 0 !important; 
    border-bottom: none !important; 
    /* Styles for the visual "card" */
    background-color: white;
    border-radius: 5px;
    border: 1px solid var(--color-border-light, #eee);
    border-radius: 5px;
    padding: 1.5em; 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease; 
    display: flex; 
    flex-direction: column;
    justify-content: space-between;
    height: 100%; 
}

/* Hover effect on cards */
.archive .latest-posts-grid > article:hover,
.blog .latest-posts-grid > article:hover,
.tax-category .latest-posts-grid > article:hover,
.search .latest-posts-grid > article:hover {
    transform: translateY(-5px) !important; 
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); 
}

/* Règle pour le survol qui neutralise AOS */
.latest-posts-grid > article:hover[data-aos] {
    transition-duration: 0.3s;
    transform: translateY(-5px);
}

.posts-navigation {
    grid-column: 1 / -1;
    margin-top: 3em;
}

.entry-title a {
    color: var(--color-text-dark)
}

.entry-title a:hover {
    color: var(--color-brand);
}

/* .entry-content p {
    font-size: 15px;
} */

#back-to-blog-button { 
    margin-bottom: 2em;
    margin-top: 1em;
    /* font-size: 13px; */
}

/* This rule ensures the card's hover effect takes precedence */
.latest-posts-grid > article:hover[data-aos] {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}


/* --- Styles for the internal organization of each article (In the card) --- */

body.blog article.post.has-post-thumbnail,
body.archive article.post.has-post-thumbnail,
body.post-type-archive-recette article.post.has-post-thumbnail,
body.search article.post.has-post-thumbnail {
    display: block !important; 
    margin-bottom: 0 !important; 
    padding-bottom: 0 !important;
}

body.blog article.post.has-post-thumbnail .post-thumbnail,
body.archive article.post.has-post-thumbnail .post-thumbnail,
body.post-type-archive-recette article.post.has-post-thumbnail .post-thumbnail,
body.search article.post.has-post-thumbnail .post-thumbnail {
    margin-top: 0em;
    margin-bottom: 0.8em; 
    height: 200px; 
    max-width: 100%; 
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; 
    border-radius: 5px;
}

body.blog article.post.has-post-thumbnail .entry-header,
body.archive article.post.has-post-thumbnail .entry-header,
body.post-type-archive-recette article.post.has-post-thumbnail .entry-header,
body.search article.post.has-post-thumbnail .entry-header, 
body.blog .entry-header {
    margin-top: 0; 
    text-align: center;
    margin-bottom: 0.5em; 
}
body.single-post .entry-header {
    margin-top: 0;
    margin-bottom: 0.5em;
    text-align: center;
}

body.blog article.post.has-post-thumbnail .entry-header .entry-title,
body.search article.post.has-post-thumbnail .entry-header .entry-title, 
body.blog .entry-title,
body.single-post .entry-title {
    font-size: 20px; 
    line-height: 1.3;
    margin-top: 0;
    color: var(--color-text-dark);
}


body.blog article.post.has-post-thumbnail .entry-content,
body.archive article.post.has-post-thumbnail .entry-content,
body.post-type-archive-recette article.post.has-post-thumbnail .entry-content,
body.search article.post.has-post-thumbnail .entry-content, 
body.blog .entry-content,
body.single-post .entry-content {
    margin-top: 0; 
    /* font-size: 14px;  */
    line-height: 1.6;
    margin-bottom: 1em; 
}
body.blog article.post.has-post-thumbnail .entry-content p:last-of-type,
body.search article.post.has-post-thumbnail .entry-content p:last-of-type, 
body.blog .entry-content p:last-of-type,
body.single-post .entry-content p:last-of-type {
    margin-bottom: 1em; 
    /* font-size: 14px; */
}


body.blog article.post.has-post-thumbnail .entry-footer,
body.archive article.post.has-post-thumbnail .entry-footer,
body.post-type-archive-recette article.post.has-post-thumbnail .entry-footer,
body.search article.post.has-post-thumbnail .entry-footer, article.post .entry-footer {
    margin-top: auto; 
    padding-top: 1em;
    border-top: 1px solid var(--color-border-light);
    font-size: 11px; 
    text-align: left !important; 
}
body.blog article.post.has-post-thumbnail .entry-meta,
body.archive article.post.has-post-thumbnail .entry-meta,
body.post-type-archive-recette article.post.has-post-thumbnail .entry-meta,
body.search article.post.has-post-thumbnail .entry-meta , article.post .entry-meta {
    text-align: left !important; 
    margin-top: 0.5em; 
    font-size: 11px; 
}

#primary .post-thumbnail img {
    width: 40%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* --- MEDIA QUERIES for the global article grid --- */

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .archive .latest-posts-grid,
    .blog .latest-posts-grid,
    .tax-category .latest-posts-grid,
    .search .latest-posts-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* --- MEDIA QUERIES for individual cards on mobile ---*/

@media screen and (max-width: 768px) {
    .archive .latest-posts-grid,
    .blog .latest-posts-grid,
    .tax-category .latest-posts-grid,
    .search .latest-posts-grid {
        grid-template-columns: 1fr; 
        gap: 2em; 
    }

    body.blog article.post.has-post-thumbnail,
    body.archive article.post.has-post-thumbnail,
    body.post-type-archive-recette article.post.has-post-thumbnail,
    body.search article.post.has-post-thumbnail {
        display: block !important; 
        grid-template-columns: unset !important;
        grid-template-areas: unset !important;
        gap: unset !important;
        
        background-color: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        padding: 0 !important;
        box-shadow: none !important;
        transform: none !important; 

        margin-bottom: 2.5em !important; /* Marge entre les articles en mode liste */
        padding-bottom: 2.5em !important; /* Padding pour la bordure inférieure */
        border-bottom: 1px solid var(--color-border-light) !important; /* Bordure entre les articles en mode liste */
    }

    
    body.blog article.post.has-post-thumbnail:last-child,
    body.archive article.post.has-post-thumbnail:last-child,
    body.post-type-archive-recette article.post.has-post-thumbnail:last-child,
    body.search article.post.has-post-thumbnail:last-child {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        border-bottom: none !important;
    }
    body.blog article.post.has-post-thumbnail .post-thumbnail,
    body.archive article.post.has-post-thumbnail .post-thumbnail,
    body.post-type-archive-recette article.post.has-post-thumbnail .post-thumbnail,
    body.search article.post.has-post-thumbnail .post-thumbnail {
        margin-top: 0;
        margin-bottom: 1em;
        height: auto; 
        display: block;
        border-radius: 0; 
    }
    body.blog article.post.has-post-thumbnail .post-thumbnail img,
    body.archive article.post.has-post-thumbnail .post-thumbnail img,
    body.post-type-archive-recette article.post.has-post-thumbnail .post-thumbnail img,
    body.search article.post.has-post-thumbnail .post-thumbnail img {
        max-height: none;
        object-fit: cover;
    }    
    body.blog article.post.has-post-thumbnail .entry-header,
    body.archive article.post.has-post-thumbnail .entry-header,
    body.post-type-archive-recette article.post.has-post-thumbnail .entry-header,
    body.search article.post.has-post-thumbnail .entry-header {
        text-align: center; /* Garder l'alignement gauche comme dans la carte si c'est la page d'accueil de blog */
    }
    body.blog article.post.has-post-thumbnail .entry-content,
    body.archive article.post.has-post-thumbnail .entry-content,
    body.post-type-archive-recette article.post.has-post-thumbnail .entry-content,
    body.search article.post.has-post-thumbnail .entry-content {
        font-size: 14px;
    }
    body.blog article.post.has-post-thumbnail .entry-footer,
    body.archive article.post.has-post-thumbnail .entry-footer,
    body.post-type-archive-recette article.post.has-post-thumbnail .entry-footer,
    body.search article.post.has-post-thumbnail .entry-footer {
        /* grid-area: unset; */ /* SUPPRIMÉ, car plus de grille interne */
        text-align: left !important; /* Garder l'alignement gauche comme dans la carte */
        font-size: 12px;
    }
    body.blog article.post.has-post-thumbnail .entry-meta,
    body.archive article.post.has-post-thumbnail .entry-meta,
    body.post-type-archive-recette article.post.has-post-thumbnail .entry-meta,
    body.search article.post.has-post-thumbnail .entry-meta {
        /* grid-area: unset; */ /* SUPPRIMÉ, car plus de grille interne */
        text-align: left !important; /* Garder l'alignement gauche comme dans la carte */
    }
}


/* Limiting the width and centering the featured image on single article pages (on large screens) */
@media screen and (min-width: 769px){
    body.single .post-thumbnail,
    body.post-type-archive-recette .post-thumbnail {
        max-width: 70%;
    }

    /* Ensure text elements are block when not in grid (articles without image on large screens) */
    body.blog article.post:not(.has-post-thumbnail) .entry-header,
    body.archive article.post:not(.has-post-thumbnail) .entry-header,
    body.post-type-archive-recette article.post:not(.has-post-thumbnail) .entry-header,
    body.search article.post:not(.has-post-thumbnail) .entry-header,
    body.blog article.post:not(.has-post-thumbnail) .entry-content,
    body.archive article.post:not(.has-post-thumbnail) .entry-content,
    body.post-type-archive-recette article.post:not(.has-post-thumbnail) .entry-content,
    body.search article.post:not(.has-post-thumbnail) .entry-content,
    body.blog article.post:not(.has-post-thumbnail) .entry-footer,
    body.archive article.post:not(.has-post-thumbnail) .entry-footer,
    body.post-type-archive-recette article.post:not(.has-post-thumbnail) .entry-footer,
    body.search article.post:not(.has-post-thumbnail) .entry-footer {
        display: block; 
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .article-navigation-footer,
    .post-navigation {
        flex-direction: column;
        align-items: stretch;
    }
    .post-navigation .nav-links {
        flex-direction: column;
        gap: 0; /* Delete the gap between .nav-previous/next */
    }
    .post-navigation .nav-previous,
    .post-navigation .nav-next {
        text-align: center;
        margin-bottom: 10px;
    }
    #back-to-blog-button {
        display: block; 
        margin-left: auto;
        margin-right: auto;
        width: fit-content;
        margin-top: 1em;
        /* width: 100%; */
        /* text-align: center; */
        /* box-sizing: border-box; */
    }
    body:not(.home):not(.front-page) .entry-header {
    text-align: center;
    }
    .archive-nav {
        text-align: center;
    }
    #primary .post-thumbnail img {
        width: 80%;
        height: auto;
        display: block;
        margin: 0 auto;
    }
    /* .entry-content p {
        font-size: 13px;
    } */
}

/* --- Styles for the recipe page --- */
.custom-recipe-details {
    margin-bottom: 1em;
}
.recipe-details-list {
    list-style: none;
    line-height: 1.6;
}
.recipe-ingredients-list {
    list-style: none;
    line-height: 1.6;
}

/* --- Styles for the Menu page --- */

/* Styles for the introduction and description */

.menu-global-intro-wrapper p {
    text-align: center;
}

.menu-global-intro-wrapper p,
.menu-global-description-wrapper p { /* Target the paragraphs generated by wpautop */
    margin-top: 0; 
    margin-bottom: 1em; 
    font-size: 14px;
    line-height: 1.6;
    /* color: #333; */
    /* text-align: left; */
    padding: 0 20px;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

/* Styles for the wrappers themselves, if you want margins around the entire block */
.menu-global-intro-wrapper,
.menu-global-description-wrapper {
    margin-top: 2em; /* Space above */
    margin-bottom: 2em; /* Space below */
}

/* Style for the Menu Content Wrapper (where the background image goes) */
.menu-content-wrapper {
    display: flex; /* Use Flexbox to center the overlay */
    align-items: center; /* Center the overlay vertically */
    justify-content: center; 
    padding: 0;
    box-sizing: border-box; /* Include padding in width/height */
    margin-top: 1.5em;
    margin-bottom: 2em;
}

/* Style for the Overlay that contains the text (month and dishes) */
.menu-overlay {
    position: relative; /* NNecessary for the ::before pseudo-element */
    z-index: 1; /* Ensures content is above the pseudo-element */
    overflow: hidden; /* Prevents background image from overflowing rounded corners */
    border-radius: 5px; /* Rounded corners for the global frame */

    /* Background image properties */
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #5D4777;
    color: var(--color-text-light);
    /* padding: 30px;  */
    /* border-radius: 5px;  */
    max-width: 800px;
    width: 100%;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);  */
    text-align: center; 
    box-sizing: border-box; 

    /* Add a #f2e3e1 inner frame (formerly the padding) */
    padding: 25px; /* Internal padding for the menu content, THIS IS THE #f2e3e1 FRAME */
    border: 25px solid white;
    /* border: 25px solid #f2e3e1; */
    /* box-shadow: 0 0 15px rgba(255,255,255,0.4);  */
    box-shadow: 0 4px 5px rgba(0,0,0,0.3); 
    border-radius: 5px;
}

/* Ensures the overlay content is above the pseudo-element */
.menu-overlay > * {
    position: relative;
    z-index: 2;
}

/* Styles for the titles and paragraphs inside the overlay */
.menu-overlay h1,
.menu-overlay h2 {
    margin-top: 0;
    margin-bottom: 1em;
    font-family: var(--font-menu-script); /* Uses the default theme font for titles */
}

.menu-overlay h2.menu-month {
    font-family: var(--font-menu-script);
    font-weight: var(--font-menu-script-weight);
    font-style: var(--font-menu-script-style);
    /* font-weight: normal !important;  */
    /* font-style: normal !important;  */
    font-size: 30px; 
    color: var(--color-text-light); 
    /* text-transform: capitalize; */
    letter-spacing: 2px; 
    margin-bottom: 30px; /* Space below the month */
}

/* Styles for the dishes list */
.menu-overlay ul.menu-dishes {
    list-style: none; 
    padding: 0;
    margin: 20px 0;
    font-family: var(--font-menu-script);
    /* text-transform: capitalize; */
    line-height: 1.2; 
    /* letter-spacing: 1.5px; */
}

.menu-overlay ul.menu-dishes li.dish-item {
    font-size: 20px; 
    line-height: normal;
    margin-bottom: 10px;
    padding: 5px 0;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.3); /* Subtle separation line */
}

.menu-overlay ul.menu-dishes li.dish-item:last-child {
    border-bottom: none; /* No line under the last item */
}

/* Styles for the menu overlay when a background image is present */
.menu-overlay.has-background-image {
    background-color: transparent;
}

/* Uses a pseudo-element to create the semi-transparent color layer */
.menu-overlay.has-background-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(var(--color-brand-rgb), 0.7);
    z-index: 1; /* Places it between the background image of .menu-overlay and its content */
    border-radius: inherit; /* Inherits the rounded corners from the parent */
}

body.single-post .menu-custom-fields-active a.post-thumbnail {
    display: none !important;
}

/* Adjustments for smaller screens */
@media (max-width: 768px) {
    .menu-content-wrapper {
        min-height: 400px; 
        /* padding: 10px; */
    }

    .menu-overlay {
        padding: 20px;
    }

    .menu-overlay h2.menu-month {
        font-size: 42px;
    }

    .menu-overlay ul.menu-dishes li.dish-item {
        font-size: 24px;
    }
}

/* Pagination for blog/archive pages */
.navigation.pagination {
    margin-top: 3em;
    margin-bottom: 3em;
    text-align: center; /* Center the pagination links */
}

.navigation.pagination .nav-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px; /* Space between page numbers */
}

.navigation.pagination .page-numbers {
    display: inline-flex; /* Use inline-flex for centering content within each link */
    justify-content: center;
    align-items: center;
    min-width: 40px; /* Minimum width for each page number */
    height: 40px; /* Fixed height for each page number */
    padding: 0 10px;
    text-decoration: none;
    color: var(--color-text-dark); 
    border: 1px solid var(--color-border-medium);
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
    font-weight: bold;
}

.navigation.pagination .page-numbers:hover {
    /* background-color: rgba(var(--color-brand-rgb), 0.1); */
    background-color: var(--color-brand);
    /* color: var(--color-primary); */
    border-color: var(--color-brand);
}

.navigation.pagination .page-numbers.current {
    background-color: var(--color-tertiary); 
    color: var(--color-text-dark); 
    border-color: var(--color-tertiary);
    pointer-events: none; /* Disable click on current page */
}

.navigation.pagination .page-numbers.dots {
    border: none;
    background: none;
    pointer-events: none; /* Not clickable */
    font-weight: normal;
}

/* Specific styling for prev/next links if needed, they also have .page-numbers */
.navigation.pagination .prev,
.navigation.pagination .next {
    color: var(--color-text-dark);
}


/* Link (button) styles */
.posts-navigation a {
    background-color: transparent; 
    color: var(--color-text-soft);
    margin-bottom: 0.2em;
    text-transform: uppercase;
    /* color: var(--color-brand); */
    text-decoration: none;
    display: block;
    padding: 10px;
    border: 1px solid var(--color-secondary);
    border-radius: 5px;
    transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}

.posts-navigation a:hover {
    /* color: var(--color-primary); */
    background-color: rgba(var(--color-secondary-rgb), 0.2);
    /* border-color: var(--color-secondary); */
    border: 1px solid var(--color-secondary);
    border-radius: 5px;
}

/* If titles/subtitles are inside the links, the following styles will apply via inheritance or will be set on the <a> */
.posts-navigation .nav-subtitle {
    display: block;
    font-size: 12px;
    color: var(--color-text-soft);
    margin-bottom: 0.2em;
    text-transform: uppercase;
}
.posts-navigation .nav-title {
    font-weight: bold;
    color: var(--color-brand);
}

/* Comments */
.comments-area {
    margin-top: 2em;
    padding-top: 1em;
    border-top: 1px solid var(--color-border-light);
}
.comment-list {
    list-style: none;
    padding: 0;
}
.comment-list .comment {
    margin-bottom: 2em;
    border-bottom: 1px dotted var(--color-border-medium);
}
.comment-list .children {
    list-style: none;
    padding-left: 2em;
}

/* Remove border from the last comment to avoid double lines or an extra line at the end */
.comment-list .comment:last-child {
    border-bottom: none;
}

/* Comment Author and Avatar */
.comment-author.vcard {
    display: flex; 
    align-items: center; 
    /* margin-bottom: -1em; */
}
.comment-author.vcard img { /* Avatar */
    border-radius: 50%;
    margin-right: 10px;
}

/* Align comment content and actions with the author's name */
.comment-body .comment-content,
.comment-body .comment-actions,
.comment-body .comment-meta > p.comment-awaiting-moderation { /* Also align moderation message */
    /* Calculate the offset: avatar width (56px) + avatar margin-right (10px) */
    margin-left: calc(56px + 10px);
}

.comment-content p {
    margin: 0 0 0.5em; /* Add bottom margin for spacing */
    line-height: 1.6; /* Improve readability */
}

/* Style for the date next to the author in comments */
.comment-metadata a { 
    font-size: 12px; 
    margin-left: 1em;
    color: var(--color-secondary);
}

/* Styles for comment action links (Reply, Edit) */
.comment-actions {
    display: flex; 
    gap: 1em;
    margin-bottom: 1.5em;
    font-size: 12px;
}

.comment-actions a {
    text-decoration: none;
    color: var(--color-primary); /* Use your brand color for links */
    transition: color 0.3s ease;
}

.comment-actions a:hover {
    color: var(--color-brand); /* Change color on hover */
}

.comment-form-cookies-consent {
    display: flex;
    align-items: center;
    gap: 5px; /* Add space between checkbox and label */
}

.comment-form .comment-form-cookies-consent label {
    margin-bottom: 0;
}

/* Style for the "Contactez-moi" button on the 'Ma Présentation' page */
.contact-me-button-wrapper {
    text-align: center; /* Center the button */
    margin-top: 3em; /* Space above the button */
    margin-bottom: 2em; /* Space below the button */
}

.entry-meta, .entry-meta a {
    /* margin-top: 1em; */
    margin-bottom: 1.5em;
    font-size: 12px;
    color: var(--color-secondary);
}

/* Article Footer (entry-footer) */
.entry-footer {
    margin-top: 1.5em;
    padding-top: 1em;
    border-top: 1px solid var(--color-border-light);
    font-size: 12px;
    color: var(--color-text-medium);
}
.entry-footer span {
    display: inline-block;
    margin-right: 1em;
    margin-bottom: 0.5em;
}

/* Style for the "Retour au Blog" button at the top of the article */
body.single .article-top-navigation .button-back-to-blog,
body.post-type-archive-recette .article-top-navigation .button-back-to-blog {
    display: inline-block; /* Default button behavior */
    margin-top: 3.5em;
    margin-bottom: 1.5em; /* Space before the start of the article content */
}

/* Navigation under articles (single.php) */
.article-navigation-footer {
    /* margin-top: 2em; */
    margin-bottom: 2em;
    padding-top: 1.5em;
    border-top: 1px solid var(--color-border-light);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}


/* Post Navigation (next/previous posts) */
/* This is used on single post pages to navigate to the next or previous post */
.post-navigation {     
    width: 100%;
}
.post-navigation .nav-links {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 20px;
}
.post-navigation .nav-links > div {
    flex: 0 1 50%;
}
.post-navigation .nav-previous { text-align: left; }
.post-navigation .nav-next { text-align: right; }
.post-navigation .nav-subtitle {
    display: block;
    font-size: 12px;
    color: var(--color-text-medium);
    margin-bottom: 0.2em;
    text-transform: uppercase;
}
.post-navigation .nav-title {
    font-weight: 500;
    color: var(--color-brand-accent);
}
.post-navigation a {
    color: var(--color-brand-accent);
    text-decoration: none;
    display: block;
    padding: 10px;
    border: 1px solid transparent;
    border-radius: 5px;
    transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; /* Added transitions */
}
.post-navigation a:hover {
    /* color: var(--color-primary); */
    /* background-color: rgba(var(--color-tertiary-rgb), 0.2); */
    border-color: var(--color-brand);
}

/* Centering for the Gutenberg Buttons block (the container for one or more buttons) */
.entry-content .wp-block-buttons {
    justify-content: center; /* Centers the individual buttons within the flex container */
    /* Gutenberg's default styles (is-layout-flex) already apply display: flex */
}

/* Spacing for Gutenberg Button blocks within post content */
.entry-content .wp-block-button {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    /* font-size: 12px; */
}