/*
 * Theme Name: Blanky Nordic
 * Theme URI: https://blanky.369theme.com/theme/blanky-nordic/
 * Author: miroku
 * Author URI: https://profiles.wordpress.org/369work/
 * Description: A Nordic magazine-style WordPress block theme with monochrome + amber gold aesthetics. Designed for bloggers and writers.
 * Version: 3.1
 * Requires at least: 6.6
 * Tested up to: 7.0
 * Requires PHP: 7.4
 * License: GNU General Public License v3 or later
 * License URI: https://www.gnu.org/licenses/gpl-3.0.html
 * Text Domain: blanky-nordic
 * Tags: blog, one-column, custom-colors, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, wide-blocks, translation-ready
 * Domain Path: /languages

This theme, like WordPress, is licensed under the GPL.
 */

/* ============================================================
   CSS Reset
   ============================================================ */

*,
*::before,
*::after {
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
}

html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    min-height: 100svh;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

img,
picture,
video,
canvas,
svg {
    display: block;
    max-width: 100%;
}

input,
button,
textarea,
select {
    font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: break-word;
}

p {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

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

button {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    touch-action: manipulation;
}

/* ============================================================
   WordPress Block Theme Foundation
   ============================================================ */

.wp-site-blocks {
    display: flex;
    flex-direction: column;
    min-height: 100svh;
}

:where(.wp-site-blocks)>* {
    margin-block-start: 0;
    margin-block-end: 0;
}

.wp-block-navigation-item a {
    text-decoration: none;
    color: inherit;
}

/* ============================================================
   Accessibility: Focus styles
   ============================================================ */

:focus-visible {
    outline: 3px solid currentColor;
    outline-offset: 3px;
}

a:focus-visible {
    outline: 3px solid currentColor;
    outline-offset: 3px;
    border-radius: 2px;
}

button:focus-visible,
input[type="submit"]:focus-visible,
input[type="reset"]:focus-visible,
input[type="button"]:focus-visible {
    outline: 3px solid currentColor;
    outline-offset: 3px;
    border-radius: 2px;
}

input:not([type="submit"]):not([type="reset"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline: 3px solid currentColor;
    outline-offset: 0;
    border-radius: 2px;
}

input[type="checkbox"]:focus-visible,
input[type="radio"]:focus-visible {
    outline: 3px solid currentColor;
    outline-offset: 3px;
}

/* ============================================================
   Language-based font switching
   ============================================================ */

:lang(ja),
:lang(ja) body {
    font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
}

/* Navigation responsive open/close icons */
.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
    width: 2rem;
    height: 2rem;
}

/* ============================================================
   Featured image: fallback placeholder
   ============================================================ */

.blanky-no-thumbnail {
    aspect-ratio: 16 / 9;
    background-color: var(--wp--preset--color--surface);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.blanky-no-thumbnail .blanky-thumbnail-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    opacity: 0.3;
    color: var(--wp--preset--color--primary);
}

.blanky-no-thumbnail .blanky-thumbnail-placeholder svg {
    width: 100%;
    height: 100%;
}

/* ============================================================
   Query pagination
   ============================================================ */

.wp-block-query-pagination {
    margin-top: 3rem;
    padding: 3rem 0;
    gap: 1rem;
}

.wp-block-query-pagination .wp-block-query-pagination-numbers .page-numbers {
    margin-left: 1rem;
}