/*
Theme Name: Blog 2026
Author: Ange Chierchia
Author URI: https://chierchia.fr
Theme URI: 
Tags: full-site-editing, block-patterns
Text Domain: blog-2026
Requires at least: 6.4
Requires PHP: 7.4
Tested up to: 6.4
Version: 1.0.10

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Styles intended only for the front.*/
html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}


:where(.wp-block-post-comments-form) input:not([type=submit]),
:where(.wp-block-post-comments-form) textarea {
    border: 1px solid #949494;
    font-family: inherit;
    font-size: 1em
}

:where(.wp-block-post-comments-form) input:where(:not([type=submit]):not([type=checkbox])),
:where(.wp-block-post-comments-form) textarea {
    padding: calc(.667em + 2px)
}

.wp-block-post-comments-form {
    box-sizing: border-box
}

.wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title) {
    font-weight: inherit
}

.wp-block-post-comments-form[style*=font-family] :where(.comment-reply-title) {
    font-family: inherit
}

.wp-block-post-comments-form[class*=-font-size] :where(.comment-reply-title),
.wp-block-post-comments-form[style*=font-size] :where(.comment-reply-title) {
    font-size: inherit
}

.wp-block-post-comments-form[style*=line-height] :where(.comment-reply-title) {
    line-height: inherit
}

.wp-block-post-comments-form[style*=font-style] :where(.comment-reply-title) {
    font-style: inherit
}

.wp-block-post-comments-form[style*=letter-spacing] :where(.comment-reply-title) {
    letter-spacing: inherit
}

.wp-block-post-comments-form input[type=submit] {
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    overflow-wrap: break-word;
    text-align: center
}

.wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]):not([type=hidden]),
.wp-block-post-comments-form .comment-form textarea {
    box-sizing: border-box;
    display: block;
    width: 100%
}

.wp-block-post-comments-form .comment-form-author label,
.wp-block-post-comments-form .comment-form-email label,
.wp-block-post-comments-form .comment-form-url label {
    display: block;
    margin-bottom: .25em
}

.wp-block-post-comments-form .comment-form-cookies-consent {
    display: flex;
    gap: .25em
}

.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent {
    margin-top: .35em
}

.wp-block-post-comments-form .comment-reply-title {
    margin-bottom: 0
}

.wp-block-post-comments-form .comment-reply-title :where(small) {
    font-size: var(--wp--preset--font-size--medium, smaller);
    margin-left: .5em
}


.single-format-status .wp-block-post-title,
.format-status .wp-block-post-title {
    display: none;
}

.wp-block-post:where(.format-status, .single-format-status) {
    display: flex;
    flex-direction: column;
}

.wp-block-post:where(.format-status, .single-format-status) .wp-block-post-date {
    order: 1;
}

.wp-block-post:where(.format-status, .single-format-status) .wp-block-separator {
    order: 99;
}

.wp-block-archives-list.wp-block-archives {
    display: grid;
    flex-wrap: wrap;
    list-style-type: none;
    gap: .5rem;
    padding: 0;
    grid-template-columns: repeat(3, 1fr);
}

html :where(.is-position-sticky) {
    --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px);
    position: sticky;
    top: 0;
    z-index: 1;
}

@media screen and (max-width:600px) {
    html :where(.is-position-sticky) {
        --wp-admin--admin-bar--position-offset: 0px
    }
}

.wp-block-template-part:is(.site-header) > :where(:not(.alignfull)),
.wp-block-template-part:is(.site-footer) > .wp-block-group > :where(:not(.alignfull)) {
    max-width: var(--wp--style--global--wide-size);
    margin-left: auto;
    margin-right: auto;
}

:root :where(.wp-element-button:hover, .wp-block-button__link:hover) {
	background-color: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
    border-color: var(--wp--preset--color--contrast);
}


.wp-block-template-part:is(.site-header) {
    position: sticky; 
    top: 0; 
    background-color: rgba(255, 255, 255, 0.1); 
    backdrop-filter: blur(5px); 
    z-index: 1;
}

.wp-block-image, .wp-block-featured-image, .wp-block-post-featured-image {
    img {
        border-radius: 8px;
    }
}

.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
    padding: 8px;
    border-radius: 100%;
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--base);
    box-shadow:var(--wp--preset--shadow--sharp)
}

html.has-modal-open .wp-block-navigation__responsive-container.is-menu-open {
    height: 100svh;
}