/*
Theme Name: Baola
Theme URI: https://anphia.com
Author: Anphia
Author URI: https://anphia.com
Description: Just a theme for Anphia.
Requires at least: 6.8
Tested up to: 6.9
Requires PHP: 7.4
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: baola
Tags: full-site-editing, block-patterns, block-styles, magazine
*/

/* Links */
a {
    text-decoration-thickness: 2px;
    text-underline-offset: .12em;
}

/* Focus accessibility */
:where(.wp-site-blocks *:focus) {
	outline: 2px solid currentColor;
}

/* Better line breaks */
h1, h2, h3, h4, h5, h6,
blockquote,
figcaption,
p {
	text-wrap: pretty;
}

/* Prevent horizontal scroll for pre */
pre {
	overflow-x: auto;
}



.wp-block-navigation .wp-block-navigation-item__content:hover {
    color: color-mix(in srgb, var(--wp--preset--color--foreground) 60%, var(--wp--preset--color--background));
} 

.single-post a:hover,
.single-post .wp-block-navigation-item__content:hover {
    color: color-mix(in srgb, var(--post-fg) 60%, var(--post-bg));
}



.bl-posts-card {
    background-color: color-mix(in srgb, var(--wp--preset--color--background) 75%, var(--wp--preset--color--foreground) 15%) !important;
}
.single-post .bl-posts-card {
    background-color: color-mix(in srgb, var(--post-bg) 75%, var(--post-fg) 15%) !important;
}



.bl-posts-card > p:empty {
    display: none;
}

.custom-related-posts-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

@media (max-width: 1200px) {
    .custom-related-posts-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .custom-related-posts-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1000px) and (min-width: 601px) {
    .wp-block-post-template {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .wp-block-post-template > *:last-child:nth-child(odd) {
        display: none;
    }
}


/* ============== Misc =================== */


*:focus:not(:focus-visible) {
    outline: none;
}

*:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--wp--preset--color--foreground) 25%, transparent);
    outline-offset: 2px;
}


.single-post *:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--post-fg) 25%, transparent);
}

/* Posts cover layout */
.wp-block-cover__inner-container {
    height: 100%;
}

/* ================================= */

.wp-lightbox-overlay .scrim {
    background-color: #000000de !important;
}