/*
Theme Name: Nekoko
Theme URI: https://example.com/nekoko
Author: Nekoko
Description: A clean, accessible starter theme for the Nekoko website.
Version: 1.0.2
Requires at least: 6.0
Requires PHP: 7.2
Text Domain: nekoko
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

@font-face {
	font-family: "Google Sans Flex";
	font-style: normal;
	font-weight: 1 1000;
	font-stretch: 100%;
	font-display: swap;
	src: url("assets/fonts/google-sans-flex/google-sans-flex-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "Google Sans Flex";
	font-style: normal;
	font-weight: 1 1000;
	font-stretch: 100%;
	font-display: swap;
	src: url("assets/fonts/google-sans-flex/google-sans-flex-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	--nekoko-font-family: "Google Sans Flex", sans-serif;
	--nekoko-primary: #004682;
	--nekoko-primary-dark: #003663;
	--nekoko-secondary: #f5b335;
	--nekoko-secondary-dark: #dda020;
	--nekoko-brick: #bd433f;
	--nekoko-tertiary: #bd433f;
	--nekoko-button-yellow: var(--nekoko-secondary);
	--nekoko-button-yellow-hover: #f1c97e;
	--nekoko-button-blue: var(--nekoko-primary);
	--nekoko-button-blue-hover: #3b6f9c;
	--nekoko-button-red: var(--nekoko-tertiary);
	--nekoko-button-red-hover: #cb7673;
	--nekoko-button-black: var(--nekoko-black);
	--nekoko-button-white: var(--nekoko-white);
	--nekoko-white: #ffffff;
	--nekoko-black: #000000;
	--nekoko-ink: #1f2937;
	--nekoko-muted: #64748b;
	--nekoko-surface: var(--nekoko-white);
	--nekoko-background: #f8fafc;
	--nekoko-accent: var(--nekoko-primary);
	--nekoko-accent-dark: var(--nekoko-primary-dark);
	--nekoko-border: #e2e8f0;
	--nekoko-content-width: 75rem;
	--nekoko-grid-columns: 12;
	--nekoko-grid-gap: 1.5rem;
	--nekoko-radius: 0.75rem;
	--nekoko-card-radius: 0.75rem;
	--nekoko-font-size-h1: 69px;
	--nekoko-font-size-h2: 55px;
	--nekoko-font-size-h3: 44px;
	--nekoko-font-size-h4: 35px;
	--nekoko-font-size-h5: 28px;
	--nekoko-font-size-h6: 23px;
	--nekoko-font-size-body: 18px;
	--nekoko-font-size-small: 14px;
	--nekoko-font-size-tiny: 12px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--nekoko-background); color: var(--nekoko-ink); font-family: var(--nekoko-font-family); font-size: var(--nekoko-font-size-body); line-height: 1.65; }
img { height: auto; max-width: 100%; }
a { color: var(--nekoko-accent); }
a:hover, a:focus { color: var(--nekoko-accent-dark); }
button, input, select, textarea, optgroup { font: inherit; }
h1, h2, h3, h4, h5, h6, blockquote, cite, pre, code, kbd, samp { font-family: inherit; }
h1, h2, h3, h4, h5, h6 { color: var(--nekoko-ink); font-weight: 700; line-height: 1.12; }
h1 { font-size: var(--nekoko-font-size-h1); }
h2 { font-size: var(--nekoko-font-size-h2); }
h3 { font-size: var(--nekoko-font-size-h3); }
h4 { font-size: var(--nekoko-font-size-h4); }
h5 { font-size: var(--nekoko-font-size-h5); }
h6 { font-size: var(--nekoko-font-size-h6); }
p { font-size: var(--nekoko-font-size-body); }
small, .has-small-font-size { font-size: var(--nekoko-font-size-small); }
.nekoko-text-tiny, .has-nekoko-tiny-font-size { font-size: var(--nekoko-font-size-tiny); }
.button,
button:not(.menu-toggle),
input[type="button"],
input[type="reset"],
input[type="submit"],
.wp-block-button__link {
	display: inline-block;
	padding: .7rem 1.1rem;
	border: 1px solid var(--nekoko-primary);
	border-radius: .4rem;
	background: var(--nekoko-primary);
	color: var(--nekoko-white);
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
}
.button:hover,
.button:focus,
button:not(.menu-toggle):hover,
button:not(.menu-toggle):focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.wp-block-button__link:hover,
.wp-block-button__link:focus {
	border-color: var(--nekoko-primary-dark);
	background: var(--nekoko-primary-dark);
	color: var(--nekoko-white);
}
.button--secondary {
	border-color: var(--nekoko-secondary);
	background: var(--nekoko-secondary);
	color: var(--nekoko-black);
}
.button--secondary:hover,
.button--secondary:focus {
	border-color: var(--nekoko-secondary-dark);
	background: var(--nekoko-secondary-dark);
	color: var(--nekoko-black);
}
.has-nekoko-primary-color { color: var(--nekoko-primary) !important; }
.has-nekoko-primary-background-color { background-color: var(--nekoko-primary) !important; color: var(--nekoko-white); }
.has-nekoko-secondary-color { color: var(--nekoko-secondary) !important; }
.has-nekoko-secondary-background-color { background-color: var(--nekoko-secondary) !important; color: var(--nekoko-black); }
.has-nekoko-brick-color { color: var(--nekoko-brick) !important; }
.has-nekoko-brick-background-color { background-color: var(--nekoko-brick) !important; color: var(--nekoko-white); }
.wp-block-paragraph.is-style-nekoko-pill-blue,
.wp-block-paragraph.is-style-nekoko-pill-red,
.wp-block-paragraph.is-style-nekoko-pill-light-blue {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	margin: 0 0 .75rem;
	padding: .35rem .85rem;
	border: 1px solid currentColor;
	border-radius: 999px;
	background: var(--nekoko-white);
	font-size: .8125rem;
	font-weight: 500;
	line-height: 1.2;
}
.wp-block-paragraph.is-style-nekoko-pill-blue { color: var(--nekoko-primary); }
.wp-block-paragraph.is-style-nekoko-pill-red { color: var(--nekoko-brick); }
.wp-block-paragraph.is-style-nekoko-pill-light-blue { border-color: #d2e9fc; background: #e4f2ff; color: var(--nekoko-primary); }
.wp-block-paragraph.is-style-nekoko-pill-light-red { display: inline-flex; align-items: center; width: fit-content; margin: 0 0 .75rem; padding: .35rem .85rem; border: 1px solid #f2cbc8; border-radius: 999px; background: #fbe9e8; color: var(--nekoko-brick); font-size: .8125rem; font-weight: 500; line-height: 1.2; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.screen-reader-text:focus { top: 1rem; left: 1rem; z-index: 100000; width: auto; height: auto; padding: .75rem 1rem; margin: 0; overflow: visible; clip: auto; background: #fff; color: var(--nekoko-ink); box-shadow: 0 2px 8px rgba(0, 0, 0, .15); }
.site-header, .site-footer { background: var(--nekoko-primary); color: var(--nekoko-white); }
.site-header { border-bottom: 1px solid var(--nekoko-primary-dark); }
.site-header__inner, .site-footer__inner, .site-footer__bottom, .site-main { width: min(calc(100% - 2rem), var(--nekoko-content-width)); margin-inline: auto; }
.site-header__inner { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 1.5rem; min-height: 5rem; padding-block: .75rem; }
.site-branding { min-width: 0; }
.site-branding .custom-logo-link { display: block; width: 10rem; max-width: 100%; }
.site-branding .custom-logo { display: block; width: 100%; height: auto; }
.site-header__content { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 1.5rem; min-width: 0; }
.site-header__content[hidden] { display: none; }
.main-navigation { min-width: 0; }
.nekoko-grid { display: grid; gap: var(--nekoko-grid-gap); }
.header-actions { display: flex; align-items: center; gap: .75rem; max-width: 26rem; min-width: 0; }
.header-actions .wp-block-button { min-width: 0; margin: 0; }
.header-actions .wp-block-button__link { max-width: 100%; overflow-wrap: anywhere; }
.header-actions .wp-block-button.is-style-nekoko-white-blue > .wp-block-button__link {
	border-color: var(--nekoko-primary) !important;
	background-color: var(--nekoko-white) !important;
	color: var(--nekoko-primary) !important;
}
.header-actions .wp-block-button.is-style-nekoko-yellow > .wp-block-button__link {
	border-color: var(--nekoko-secondary) !important;
	background-color: var(--nekoko-secondary) !important;
	color: var(--nekoko-black) !important;
}
.header-actions .wp-block-button.is-style-nekoko-white-blue > .wp-block-button__link:hover,
.header-actions .wp-block-button.is-style-nekoko-white-blue > .wp-block-button__link:focus-visible {
	border-color: var(--nekoko-primary-dark) !important;
	background-color: var(--nekoko-white) !important;
	color: var(--nekoko-primary-dark) !important;
}
.header-actions .wp-block-button.is-style-nekoko-yellow > .wp-block-button__link:hover,
.header-actions .wp-block-button.is-style-nekoko-yellow > .wp-block-button__link:focus-visible {
	border-color: var(--nekoko-secondary-dark) !important;
	background-color: var(--nekoko-secondary-dark) !important;
	color: var(--nekoko-black) !important;
}
.menu-toggle { display: none; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; padding: .55rem; border: 1px solid var(--nekoko-secondary); border-radius: .4rem; background: var(--nekoko-secondary); color: var(--nekoko-black); cursor: pointer; }
.menu-toggle:focus-visible, .custom-logo-link:focus-visible, .primary-menu a:focus-visible { outline: 3px solid var(--nekoko-white); outline-offset: 4px; }
.menu-toggle__icon { position: relative; display: block; width: 1.5rem; height: 1.125rem; }
.menu-toggle__icon span { position: absolute; left: 0; width: 100%; height: .125rem; background: currentColor; border-radius: .125rem; transition: transform .18s ease, opacity .18s ease; }
.menu-toggle__icon span:nth-child(1) { top: 0; }
.menu-toggle__icon span:nth-child(2) { top: .5rem; }
.menu-toggle__icon span:nth-child(3) { top: 1rem; }
.menu-toggle[aria-expanded="true"] .menu-toggle__icon span:nth-child(1) { transform: translateY(.5rem) rotate(45deg); }
.menu-toggle[aria-expanded="true"] .menu-toggle__icon span:nth-child(2) { opacity: 0; }
.menu-toggle[aria-expanded="true"] .menu-toggle__icon span:nth-child(3) { transform: translateY(-.5rem) rotate(-45deg); }
.primary-menu, .primary-menu ul { padding: 0; margin: 0; list-style: none; }
.primary-menu { display: flex; gap: 1.25rem; }
.primary-menu { justify-content: center; flex-wrap: wrap; }
.primary-menu a { color: var(--nekoko-white); font-weight: 600; text-decoration: none; overflow-wrap: anywhere; }
.primary-menu a:hover, .primary-menu a:focus, .primary-menu .current-menu-item > a { color: var(--nekoko-secondary); }
.primary-menu .menu-item-has-children > a::after { content: ""; display: inline-block; width: 8px; height: 8px; margin-inline-start: .45rem; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); vertical-align: 3px; }
.site-main { padding-block: 3rem 4rem; }
.site-main--home { width: 100%; max-width: none; padding: 0; }
.nekoko-home-hero { overflow: hidden; background: linear-gradient(135deg, #fff3d6 0%, #fffaf0 40%, var(--nekoko-white) 78%); }
.nekoko-home-hero__inner { width: min(calc(100% - 2rem), var(--nekoko-content-width)); margin-inline: auto; padding-block: clamp(3.5rem, 8vw, 7rem); }
.nekoko-home-hero__content { min-width: 0; }
.nekoko-home-hero__title { max-width: 14ch; margin: 0; color: var(--nekoko-ink); font-size: var(--nekoko-font-size-h1); font-weight: 700; letter-spacing: -.045em; line-height: 1.03; }
.nekoko-home-hero__text { max-width: 42rem; margin: 1.5rem 0 0; color: var(--nekoko-ink); font-size: var(--nekoko-font-size-body); line-height: 1.55; }
.nekoko-home-hero__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }
.nekoko-home-hero__secondary-action { border-color: var(--nekoko-primary); background: var(--nekoko-white); color: var(--nekoko-primary); }
.nekoko-home-hero__secondary-action:hover, .nekoko-home-hero__secondary-action:focus { border-color: var(--nekoko-primary-dark); background: var(--nekoko-primary-dark); color: var(--nekoko-white); }
.nekoko-home-hero__visual { align-self: center; }
.nekoko-home-hero__image { display: block; width: 100%; max-width: 30rem; margin-inline: auto; }
.home-how-it-works { width: min(calc(100% - 2rem), var(--nekoko-content-width)); margin: 0 auto; padding: clamp(3.5rem, 8vw, 6rem) 0; }
.home-how-it-works h2 { margin-top: 0; color: var(--nekoko-ink); }
.content-area { min-width: 0; }
.site-content { display: grid; grid-template-columns: minmax(0, 1fr) 18rem; gap: 3rem; }
.site-content--full { display: block; }
.entry, .widget, .not-found { padding: clamp(1.25rem, 3vw, 2.5rem); background: var(--nekoko-surface); border: 1px solid var(--nekoko-border); border-radius: var(--nekoko-radius); box-shadow: 0 1px 2px rgba(15, 23, 42, .04); }
.entry + .entry { margin-top: 1.5rem; }
.entry-title { margin-top: 0; line-height: 1.2; }
.entry-title a { color: inherit; text-decoration: none; }
.entry-meta, .entry-footer { color: var(--nekoko-muted); font-size: .9rem; }
.entry-meta a, .entry-footer a { color: inherit; }
.entry-content::after { display: table; clear: both; content: ""; }
.entry-content > *:first-child { margin-top: 0; }
.entry-content > *:last-child { margin-bottom: 0; }
.wp-post-image { margin-bottom: 1.25rem; border-radius: .5rem; }
.more-link { display: inline-block; margin-top: .5rem; font-weight: 700; }
.widget + .widget { margin-top: 1.5rem; }
.widget-title { margin-top: 0; }
.widget ul { padding-left: 1.25rem; margin-bottom: 0; }
.page-header { margin-bottom: 1.5rem; }
.page-title { margin: 0; }
.page-description { color: var(--nekoko-muted); }
.navigation.pagination { margin-top: 2rem; }
.nav-links { display: flex; flex-wrap: wrap; gap: .5rem; }
.page-numbers { padding: .45rem .7rem; border: 1px solid var(--nekoko-border); border-radius: .35rem; text-decoration: none; }
.page-numbers.current { background: var(--nekoko-accent); border-color: var(--nekoko-accent); color: #fff; }
.comments-area { margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid var(--nekoko-border); }
.comment-list { padding-left: 1.25rem; }
.comment-form input, .comment-form textarea { width: 100%; padding: .65rem; border: 1px solid var(--nekoko-border); border-radius: .35rem; }
.comment-form input[type="submit"] { width: auto; }
.site-footer { border-top: 1px solid var(--nekoko-primary-dark); }
.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6 { color: inherit; }
.site-footer__inner { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2.5rem 2rem; padding-block: clamp(3rem, 5vw, 5rem); font-size: 1rem; }
.site-footer__column { min-width: 0; overflow-wrap: anywhere; }
.site-footer__bottom { border-top: 1px solid var(--nekoko-white); padding-block: 1.25rem; color: var(--nekoko-white); text-align: center; font-size: .875rem; overflow-wrap: anywhere; }
.footer-copyright { margin: 0; }
.footer-widget + .footer-widget { margin-top: 2rem; }
.footer-widget__title { margin: 0 0 1rem; color: inherit; font-size: 22px; line-height: 1.35; }
.footer-widget ul { margin: 0; padding: 0; list-style: none; }
.footer-widget .sub-menu { padding-inline-start: 1rem; }
.footer-widget .menu a { display: inline-block; padding-block: .3rem; text-decoration: none; text-underline-offset: .2em; }
.footer-widget .menu a:hover, .footer-widget .menu a:focus-visible { text-decoration: underline; }
.footer-brand .custom-logo-link { display: inline-block; width: 10rem; max-width: 100%; }
.footer-brand .custom-logo { display: block; width: 100%; height: auto; }
.footer-brand__name { font-size: 1.5rem; font-weight: 700; text-decoration: none; }
.footer-brand__description { margin-block: 1rem; }
.footer-brand__description > :first-child { margin-top: 0; }
.footer-brand__description > :last-child { margin-bottom: 0; }
.footer-social { margin-top: 1.25rem; }
.footer-social__items { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem; }
.footer-social__item { display: flex; align-items: center; justify-content: center; min-width: 2.5rem; min-height: 2.5rem; border-radius: .25rem; color: inherit; text-decoration: none; }
.footer-social__item svg { display: block; width: 1.25rem; height: 1.25rem; fill: currentColor; }
.footer-social__item[aria-disabled="true"] { cursor: default; }
.site-footer a { color: var(--nekoko-white); }
.site-footer a:hover, .site-footer a:focus { color: var(--nekoko-secondary); }
.site-footer a:focus-visible { outline: 3px solid var(--nekoko-secondary); outline-offset: 3px; }
@media (max-width: 64rem) { .site-footer__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 40rem) { .site-footer__inner { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 64rem) {
	.site-header__inner { grid-template-columns: minmax(0, 1fr) auto; }
	.menu-toggle { display: inline-flex; }
	.site-header__content { grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr); gap: 1rem; padding-bottom: .5rem; }
	.site-header__content:not(.is-open) { display: none; }
	.primary-menu, .primary-menu .sub-menu { display: flex; flex-direction: column; gap: .5rem; }
	.primary-menu .sub-menu { padding-inline-start: 1rem; margin-top: .25rem; }
	.primary-menu a { display: block; padding-block: .375rem; }
	.header-actions { display: grid; grid-template-columns: minmax(0, 1fr); max-width: none; width: 100%; }
	.header-actions .wp-block-button__link { width: 100%; }
}
@media (min-width: 64.0625rem) {
	.nekoko-grid { grid-template-columns: repeat(var(--nekoko-grid-columns), minmax(0, 1fr)); }
	.nekoko-home-hero__content { grid-column: span 8; align-self: center; }
	.nekoko-home-hero__visual { grid-column: span 4; }
	.primary-menu > .menu-item { position: relative; }
	.primary-menu > .menu-item.menu-item-has-children::after { content: ""; position: absolute; z-index: 19; top: 100%; right: 0; left: 0; height: .55rem; }
	.primary-menu .sub-menu { position: absolute; z-index: 20; top: calc(100% + .55rem); left: 0; display: none; min-width: 13rem; padding: .65rem; border: 1px solid rgba(255, 255, 255, .3); border-radius: .5rem; background: var(--nekoko-primary-dark); box-shadow: 0 .75rem 1.5rem rgba(0, 0, 0, .2); }
	.primary-menu .sub-menu .menu-item + .menu-item { margin-top: .25rem; }
	.primary-menu .sub-menu a { display: block; padding: .45rem .6rem; border-radius: .3rem; }
	.primary-menu .sub-menu a:hover, .primary-menu .sub-menu a:focus { background: rgba(255, 255, 255, .12); color: var(--nekoko-secondary); }
	.primary-menu .menu-item-has-children:hover > .sub-menu,
	.primary-menu .menu-item-has-children:focus-within > .sub-menu { display: block; }
	.primary-menu .sub-menu .menu-item-has-children > .sub-menu { top: -.65rem; left: calc(100% + .55rem); }
}
@media (max-width: 48rem) { .site-content { grid-template-columns: 1fr; gap: 1.5rem; } }
@media (prefers-reduced-motion: reduce) { .menu-toggle__icon span { transition: none; } }

.nekoko-public-profile { max-width: var(--nekoko-content-width); margin: 3rem auto 5rem; }
.nekoko-public-profile__header { display: flex; align-items: center; gap: 1.5rem; padding: 2rem; border: 1px solid var(--nekoko-border); border-radius: var(--nekoko-card-radius); background: var(--nekoko-white); }
.nekoko-public-profile__image { flex: 0 0 auto; width: 8rem; height: 8rem; border-radius: 50%; object-fit: cover; }
.nekoko-public-profile__eyebrow { margin: 0 0 .35rem; color: var(--nekoko-primary); font-size: var(--nekoko-font-size-small); font-weight: 700; }
.nekoko-public-profile__header h1 { margin: 0; }
.nekoko-public-profile__city { margin: .35rem 0 0; color: var(--nekoko-muted); }
.nekoko-public-profile__details { margin-top: 1.5rem; padding: 1.5rem 2rem; border-radius: var(--nekoko-card-radius); background: #f5f2eb; }
.nekoko-public-profile__details p { margin: 0; }
.nekoko-public-profile__details p + p { margin-top: .75rem; }
.nekoko-public-profile__listings { margin-top: 3rem; }
.nekoko-public-profile__listing-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
.nekoko-public-profile__listing { display: flex; flex-direction: column; padding: 1.25rem; border: 1px solid var(--nekoko-border); border-radius: var(--nekoko-card-radius); background: var(--nekoko-white); box-shadow: 0 .5rem 1.25rem rgba(31, 41, 55, .07); }
.nekoko-public-profile__listing img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: .5rem; }
.nekoko-public-profile__listing h3 { margin: 1rem 0 .5rem; font-size: 1.35rem; }
.nekoko-public-profile__listing p { margin: 0 0 1rem; font-size: 1rem; }
.nekoko-public-profile__listing .nekoko-text-link { margin-top: auto; font-weight: 700; text-decoration: none; }
@media (max-width: 48rem) { .nekoko-public-profile { margin: 1.5rem 1rem 3rem; }.nekoko-public-profile__header { align-items: flex-start; padding: 1.25rem; }.nekoko-public-profile__image { width: 5rem; height: 5rem; }.nekoko-public-profile__listing-grid { grid-template-columns: 1fr; } }