/*
Theme Name: Motuzka
Theme URI: https://motuzka.com.ua/
Author: Motuzka
Author URI: https://motuzka.com.ua/
Description: Мінімалістична блочна (FSE) тема для інтернет-магазину мотузок, шнурів і канатів. Білий фон, системний шрифт, без зовнішніх запитів — швидко вантажиться на мобільному інтернеті. Працює з WooCommerce, але не залежить від нього.
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 8.1
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: motuzka
Tags: e-commerce, block-patterns, full-site-editing, block-styles, one-column, wide-blocks, accessibility-ready
*/

/* Майже всі стилі живуть у theme.json. Тут — тільки те, чого theme.json не вміє. */

/* Плавний фокус для клавіатурної навігації */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 2px;
}

/* Зображення ніколи не вилазять за контейнер (важливо для 375px) */
img,
svg,
video {
	max-width: 100%;
	height: auto;
}

/* Не даємо довгим словам/артикулам ламати мобільну верстку */
body {
	overflow-wrap: break-word;
}

/* Пропустити до вмісту */
.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 100000;
	background: #fff;
	color: #1a1a1a;
	padding: 12px 20px;
	border: 1px solid #1a1a1a;
}

.skip-link:focus {
	left: 8px;
	top: 8px;
}

/* Дрібний моноширинний надзаголовок: «КИЇВ · ВІДПРАВКА ДО 15:00», «01», «02» */
.mtz-kicker {
	font-size: 0.75rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	margin-bottom: 0.5rem;
}

/* Логотип у шапці не має розтягуватись на мобільному */
.wp-block-site-logo img {
	display: block;
}