/*
Theme Name:  ONEstar
Theme URI:   https://onesta.co.jp
Author:      ONEsta LLC
Author URI:  https://onesta.co.jp
Description: ONEsta LLC 製のブロックテーマ。サイト固有の設計を重ねるための軽量な土台。
Version:     1.4.0
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 8.1
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: onestar
Tags:        block-patterns, full-site-editing, custom-colors, custom-fonts, wide-blocks
*/

:root {
	--onestar-content-max: var(--wp--style--global--content-size);
	--onestar-wide-max: var(--wp--style--global--wide-size);
	--onestar-narrow-max: 48rem;
	--onestar-gutter: var(--wp--preset--spacing--40);
	--onestar-section-padding-block: var(--wp--preset--spacing--60);
	--onestar-section-padding-inline: var(--onestar-gutter);
	--onestar-border-color: var(--wp--preset--color--neutral-200);
	--onestar-card-radius: 0.25rem;
}

:where(.onestar-site-header, .onestar-site-footer, .onestar-template-main, .onestar-pattern-header, .onestar-pattern-header-bar, .onestar-pattern-footer, .onestar-pattern-section, .onestar-pattern-page) {
	box-sizing: border-box;
	width: 100%;
	padding-right: var(--onestar-gutter);
	padding-left: var(--onestar-gutter);
}

:where(.onestar-site-header, .onestar-site-footer, .onestar-template-main, .onestar-pattern-header, .onestar-pattern-header-bar, .onestar-pattern-footer, .onestar-pattern-section, .onestar-pattern-page) > :first-child {
	margin-block-start: 0;
}

.onestar-site-header,
.onestar-pattern-header {
	padding-top: var(--wp--preset--spacing--20);
	padding-bottom: var(--wp--preset--spacing--20);
}

.onestar-site-header {
	position: relative;
	z-index: 10;
}

.onestar-site-footer,
.onestar-pattern-footer {
	padding-top: var(--wp--preset--spacing--40);
	padding-bottom: var(--wp--preset--spacing--40);
	border-top: 1px solid var(--onestar-border-color);
}

.onestar-site-footer__credit {
	gap: 0.25em;
	color: var(--wp--preset--color--neutral-600);
	font-size: var(--wp--preset--font-size--small);
}

.onestar-site-footer__credit :where(p, .wp-block-site-title) {
	font-family: var(--wp--preset--font-family--body);
	font-size: inherit;
	font-weight: 400;
	line-height: inherit;
	margin: 0;
}

.onestar-template-main {
	padding-top: var(--wp--preset--spacing--50);
	padding-bottom: var(--wp--preset--spacing--50);
}

.onestar-template-main--front {
	padding: 0;
}

.onestar-template-main > :where(:not(.alignfull):not(.wp-block-post-content)) {
	width: min(100%, var(--onestar-content-max));
	max-width: var(--onestar-content-max);
	margin-right: auto;
	margin-left: auto;
}

.onestar-template-main--wide > :where(:not(.alignfull):not(.wp-block-post-content)) {
	width: min(100%, var(--onestar-wide-max));
	max-width: var(--onestar-wide-max);
}

.onestar-template-main > * + * {
	margin-block-start: var(--wp--preset--spacing--40);
}

.onestar-template-main--centered {
	display: grid;
	min-height: 56vh;
	align-items: center;
}

.onestar-page-main {
	padding-bottom: var(--wp--preset--spacing--60);
}

.onestar-page-title {
	margin-bottom: var(--wp--preset--spacing--50);
}

.onestar-post-meta,
.onestar-comment-meta {
	gap: var(--wp--preset--spacing--20);
	color: var(--wp--preset--color--neutral-600);
	font-size: var(--wp--preset--font-size--small);
}

.onestar-comment-meta {
	gap: var(--wp--preset--spacing--10);
}

.onestar-post-nav {
	gap: var(--wp--preset--spacing--30);
	padding-top: var(--wp--preset--spacing--40);
	border-top: 1px solid var(--onestar-border-color);
}

.onestar-template-section {
	padding-top: var(--wp--preset--spacing--50);
}

.onestar-archive-card {
	padding-top: var(--wp--preset--spacing--40);
	padding-bottom: var(--wp--preset--spacing--40);
	border-bottom: 1px solid var(--onestar-border-color);
}

.onestar-archive-card:first-child {
	padding-top: 0;
}

.onestar-archive-card :where(.wp-block-post-title, .wp-block-post-excerpt) {
	margin-block-start: var(--wp--preset--spacing--20);
}

.onestar-empty-state {
	text-align: center;
}

.onestar-empty-state > * {
	margin-right: auto;
	margin-left: auto;
}

.onestar-search-form {
	max-width: var(--onestar-narrow-max);
}

/* Sidebar Layout */
@media (min-width: 782px) {
	.onestar-sidebar-column {
		position: sticky;
		top: var(--wp--preset--spacing--40);
		align-self: flex-start;
	}
}

.onestar-sidebar {
	padding: var(--wp--preset--spacing--30);
	border: 1px solid var(--onestar-border-color);
	border-radius: var(--onestar-card-radius);
	background: transparent;
}

.onestar-sidebar > * + * {
	margin-block-start: var(--wp--preset--spacing--30);
}

.onestar-sidebar-layout {
	gap: var(--wp--preset--spacing--50);
}

.onestar-sidebar-content > * + * {
	margin-block-start: var(--wp--preset--spacing--40);
}

.onestar-cover-hero {
	min-height: 60vh;
}

.onestar-pattern-header-bar {
	padding-top: var(--wp--preset--spacing--20);
	padding-bottom: var(--wp--preset--spacing--20);
	font-size: var(--wp--preset--font-size--small);
}

.onestar-pattern-header--centered,
.onestar-pattern-mobile-menu {
	text-align: center;
}

.onestar-pattern-header-actions {
	gap: var(--wp--preset--spacing--20);
}

.onestar-pattern-section,
.onestar-pattern-page {
	padding-top: var(--onestar-section-padding-block);
	padding-bottom: var(--onestar-section-padding-block);
}

.onestar-pattern-section > :where(:not(.alignfull)),
.onestar-pattern-page > :where(:not(.alignfull)) {
	width: min(100%, var(--onestar-wide-max));
	max-width: var(--onestar-wide-max);
	margin-right: auto;
	margin-left: auto;
}

.onestar-pattern-section--narrow > :where(:not(.alignfull)),
.onestar-pattern-cta.onestar-pattern-section--narrow > :where(:not(.alignfull)) {
	width: min(100%, var(--onestar-narrow-max));
	max-width: var(--onestar-narrow-max);
}

.onestar-pattern-hero {
	box-sizing: border-box;
	width: 100%;
	padding-right: var(--onestar-gutter);
	padding-left: var(--onestar-gutter);
}

.onestar-pattern-hero--split {
	padding-top: var(--wp--preset--spacing--60);
	padding-bottom: var(--wp--preset--spacing--60);
}

.onestar-pattern-hero--fullscreen {
	min-height: 80svh;
}

.onestar-pattern-cta {
	text-align: center;
}

.onestar-pattern-cta--split {
	text-align: left;
}

.onestar-pattern-cta--cover {
	min-height: 25rem;
}

.onestar-pattern-card-grid .wp-block-columns,
.onestar-pattern-pricing .wp-block-columns,
.onestar-pattern-team .wp-block-columns,
.onestar-pattern-testimonials .wp-block-columns {
	gap: var(--wp--preset--spacing--30);
}

.onestar-pattern-card-grid .wp-block-column > .wp-block-group,
.onestar-pattern-pricing .wp-block-column > .wp-block-group,
.onestar-pattern-team .wp-block-column > .wp-block-group,
.onestar-pattern-testimonials .wp-block-column > .wp-block-group {
	height: 100%;
	padding: var(--wp--preset--spacing--30);
	border: 1px solid var(--onestar-border-color);
	border-radius: var(--onestar-card-radius);
}

.onestar-pattern-logo-cloud .wp-block-columns,
.onestar-pattern-stats .wp-block-columns {
	gap: var(--wp--preset--spacing--40);
}

.onestar-pattern-section--inverse {
	color: var(--wp--preset--color--neutral-50);
}

.onestar-pattern-mega-menu {
	gap: var(--wp--preset--spacing--40);
	padding: var(--wp--preset--spacing--40);
}

@media (max-width: 781px) {
	:root {
		--onestar-gutter: var(--wp--preset--spacing--30);
	}

	.onestar-site-header,
	.onestar-pattern-header {
		align-items: flex-start;
	}

	.onestar-template-main,
	.onestar-pattern-section,
	.onestar-pattern-page {
		padding-top: var(--wp--preset--spacing--40);
		padding-bottom: var(--wp--preset--spacing--40);
	}

	.onestar-pattern-hero--split {
		padding-top: var(--wp--preset--spacing--50);
		padding-bottom: var(--wp--preset--spacing--50);
	}
}