/*
Theme Name: Minimind
Author: Baker Digital Studio
Author URI: https://bakerdigitalstudio.ca/
Description: A simple minimal blog theme to help embrace the a minimal mindset. Minimind provides a clean and clear display for image light blogs.
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 7.2
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: minimind
Tags: blog, one-column, full-site-editing, custom-colors, custom-menu, custom-logo, editor-style
*/

.wp-block-navigation a[aria-current="page"] {
    color: #cb99ff !important;
}
/* Focus styles */
:where(.wp-site-blocks *:focus-visible) {
	outline-width: 2px;
	outline-style: solid;
	outline-offset: 2px;
}

a:where(:not(.wp-element-button)) {
	color: currentColor;
}

a:where(:not(.wp-element-button)):hover {
	color: currentColor;
	text-decoration-color: var( --wp--preset--color--highlight );
	text-decoration-thickness: 2px;
}

::selection {
	background-color: var( --wp--preset--color--highlight );
	color: var( --wp--preset--color--base );
}

h1, h2, h3, h4, h5, h6 {
	text-wrap: balance;
} 

blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/* All transtions handled here to respect accessibility preferences */
@media ( prefers-reduced-motion: no-preference ) {		
	a:where(:not(.wp-element-button)) {
		transition: all 0.35s ease-in-out;
	}
}
/* 🔥 PAGES INTERNES (pas la home) */

body:not(.home) .wp-block-post-content {
    max-width: 900px;
    margin: 0 auto;
}

body:not(.home) .wp-block-post-title {
    margin-bottom: 30px;
    text-align: center;
}

body:not(.home) p {
    line-height: 1.7;
    font-size: 18px;
}
body:not(.home) .wp-block-group.is-layout-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
body:not(.home) .wp-block-group.is-layout-grid p strong {
    position: relative;
    cursor: pointer;
}

body:not(.home) .wp-block-group.is-layout-grid p strong::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 0%;
    height: 2px;
    background-color: #cb99ff;
    transition: width 0.3s ease;
}

body:not(.home) .wp-block-group.is-layout-grid p strong:hover::after {
    width: 100%;
}
body:not(.home) .wp-block-group.is-layout-grid p strong:hover {
    color: #cb99ff;
}
@media (max-width: 1024px) {
    body:not(.home) .wp-block-group.is-layout-grid {
        grid-template-columns: repeat(2, 1fr);
	padding: 0 20px;
    }
}
@media (max-width: 600px) {

    body:not(.home) .wp-block-group.is-layout-grid {
        grid-template-columns: 1fr;
        padding: 0 20px;
    }

}