/*
Theme Name: Ночная гравюра
Theme URI: https://example.com/taro-noch
Author: Taro AI
Author URI: https://example.com
Description: Блочная тема для сервиса раскладов таро: чернильно-синий фон, карты цвета пергамента, тонкие линии гравюры и латунь для действий. Парная тема для плагина «Таро ИИ».
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 8.1
Version: 0.1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: taro-noch
Tags: blog, one-column, block-patterns, full-site-editing, translation-ready, custom-colors
*/

/* --------------------------------------------------------------------------
   Фон: тихая звёздная пыль. Без анимации, низкая непрозрачность.
   ----------------------------------------------------------------------- */

body {
	background-attachment: fixed;
	background-image:
		radial-gradient(1px 1px at 12% 18%, rgba(237, 227, 207, 0.5) 50%, transparent 50%),
		radial-gradient(1px 1px at 32% 62%, rgba(237, 227, 207, 0.35) 50%, transparent 50%),
		radial-gradient(1.4px 1.4px at 58% 28%, rgba(194, 154, 85, 0.4) 50%, transparent 50%),
		radial-gradient(1px 1px at 72% 76%, rgba(237, 227, 207, 0.4) 50%, transparent 50%),
		radial-gradient(1px 1px at 88% 42%, rgba(237, 227, 207, 0.3) 50%, transparent 50%),
		radial-gradient(1.2px 1.2px at 46% 88%, rgba(194, 154, 85, 0.3) 50%, transparent 50%);
	background-size: 520px 520px;
}

/* --------------------------------------------------------------------------
   Типографика
   ----------------------------------------------------------------------- */

:where(p, li) {
	max-width: 70ch;
}

.has-text-align-center :where(p),
.wp-block-group.has-text-align-center p {
	margin-inline: auto;
}

.taro-lead {
	font-size: var(--wp--preset--font-size--large);
	opacity: 0.9;
}

/* Видимый фокус на всём сайте. */
:where(a, button, input, select, textarea, summary):focus-visible {
	outline: 2px solid var(--wp--preset--color--brass);
	outline-offset: 3px;
}

/* --------------------------------------------------------------------------
   Шапка
   ----------------------------------------------------------------------- */

.taro-logo {
	align-items: center;
	display: flex;
	gap: 0.6rem;
	text-decoration: none;
}

.taro-logo__mark {
	flex: none;
	height: 2rem;
	width: 2rem;
}

.wp-block-navigation .wp-block-navigation-item__content {
	text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item__content:hover {
	text-decoration: underline;
}

.wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--wp--preset--color--ink) !important;
}

/* --------------------------------------------------------------------------
   Карточки и сетки паттернов
   ----------------------------------------------------------------------- */

.taro-card-box {
	background: var(--wp--preset--color--ink-raised);
	border: 1px solid rgba(200, 206, 223, 0.18);
	border-radius: 14px;
	height: 100%;
	padding: var(--wp--preset--spacing--40);
}

.taro-step-number {
	color: var(--wp--preset--color--brass);
	display: block;
	font-family: var(--wp--preset--font-family--heading);
	font-size: 2.5rem;
	line-height: 1;
	margin-bottom: 0.4rem;
}

.taro-cards-grid {
	display: grid;
	gap: 0.75rem;
	grid-template-columns: repeat(auto-fill, minmax(5.5rem, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

.taro-cards-grid a {
	display: block;
	font-size: 0.8125rem;
	line-height: 1.3;
	text-align: center;
	text-decoration: none;
}

.taro-cards-grid a:hover {
	text-decoration: underline;
}

.taro-cards-grid svg,
.taro-cards-grid img {
	border-radius: 8px;
	display: block;
	margin-bottom: 0.4rem;
	width: 100%;
}

/* --------------------------------------------------------------------------
   FAQ
   ----------------------------------------------------------------------- */

.wp-block-details summary {
	cursor: pointer;
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--large);
	color: var(--wp--preset--color--parchment);
}

.wp-block-details[open] summary {
	margin-bottom: 0.6rem;
}

/* --------------------------------------------------------------------------
   Подвал
   ----------------------------------------------------------------------- */

.taro-disclaimer {
	font-size: var(--wp--preset--font-size--small);
	opacity: 0.7;
}

/* --------------------------------------------------------------------------
   Страница 404
   ----------------------------------------------------------------------- */

.taro-404-card {
	margin-inline: auto;
	max-width: 13rem;
}

.taro-404-card svg {
	height: auto;
	width: 100%;
}

/* --------------------------------------------------------------------------
   Узкие экраны: первый экран должен помещаться целиком
   ----------------------------------------------------------------------- */

@media (max-width: 40rem) {
	.taro-lead {
		font-size: var(--wp--preset--font-size--medium);
	}

	.wp-block-group > .taro,
	.wp-block-group > .wp-block-shortcode {
		margin-top: var(--wp--preset--spacing--30);
	}
}

/* --------------------------------------------------------------------------
   Хлебные крошки
   ----------------------------------------------------------------------- */

.taro-breadcrumbs {
	font-size: var(--wp--preset--font-size--small);
	margin-bottom: var(--wp--preset--spacing--30);
	opacity: 0.75;
}

.taro-breadcrumbs span[aria-current] {
	color: var(--wp--preset--color--parchment);
}