/*
Theme Name: ТТС КАІ
Theme URI: /
Author: Кафедра ТТС ФТЛ КАІ
Description: Тема сайту кафедри транспортних технологій і систем. Блокова: шапка, меню і футер редагуються в редакторі сайту. Працює разом із плагінами «ТТС …».
Version: 1.0.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: tts-theme
*/

/* ---------- База ---------- */
:root {
	--tts-radius: 14px;
	--tts-radius-sm: 12px;
	--tts-shadow: 0 10px 30px rgba(4, 35, 82, 0.10);
	--tts-ease: cubic-bezier(.2, .7, .2, 1);
}

body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
img { max-width: 100%; height: auto; }
:where(a) { text-underline-offset: 3px; }
:where(a:focus-visible, button:focus-visible) { outline: 3px solid var(--wp--preset--color--pink); outline-offset: 2px; border-radius: 4px; }

.screen-reader-text:focus { clip: auto !important; clip-path: none; height: auto; width: auto; z-index: 100000; background: #fff; padding: 12px 16px; }

/* ---------- Шапка ---------- */
.tts-header { border-bottom: 1px solid var(--wp--preset--color--line); }
.tts-header .wp-block-site-title a { text-decoration: none; }
.tts-header .wp-block-navigation a { font-weight: 700; text-decoration: none; }
.tts-header .wp-block-navigation a:hover { color: var(--wp--preset--color--pink-text); }
.tts-header .wp-block-navigation .wp-block-navigation__submenu-container {
	border: 1px solid var(--wp--preset--color--line) !important;
	border-radius: var(--tts-radius-sm);
	box-shadow: var(--tts-shadow);
	padding: 8px 0;
	min-width: 260px !important;
}
.tts-header .wp-block-navigation .wp-block-navigation__submenu-container a { font-weight: 600; padding: 8px 18px; }
.tts-topbar a { color: #fff; text-decoration: none; }
.tts-topbar a:hover { color: #FFB3CB; }

/* ---------- Картки (спільний вигляд для блоків ТТС і стандартних) ---------- */
.is-style-tts-card,
.tts-card {
	background: #fff;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--tts-radius);
	transition: transform .35s var(--tts-ease), box-shadow .35s var(--tts-ease), border-color .35s;
}
a.tts-card:hover,
.tts-card.is-linked:hover { transform: translateY(-4px); box-shadow: var(--tts-shadow); border-color: #CCD3E6; }

/* Кнопки */
.wp-block-button__link { transition: transform .25s var(--tts-ease), background-color .25s, box-shadow .25s; }
.wp-block-button__link:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(249, 22, 101, .25); }
.wp-block-button.is-style-outline .wp-block-button__link:hover { box-shadow: none; }

/* Таблиці, галереї, акордеони у змісті */
.wp-block-table table { border-collapse: collapse; }
.wp-block-table td, .wp-block-table th { border: 1px solid var(--wp--preset--color--line); padding: 10px 12px; }
.wp-block-gallery img { border-radius: var(--tts-radius-sm); }
.wp-block-details {
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--tts-radius-sm);
	background: #fff;
	padding: 14px 18px;
}
.wp-block-details + .wp-block-details { margin-top: 10px; }
.wp-block-details summary { font-weight: 700; cursor: pointer; color: var(--wp--preset--color--navy); }
.wp-block-details[open] summary { margin-bottom: 10px; }

/* Файли (PDF тощо) */
.wp-block-file {
	display: flex; flex-wrap: wrap; gap: 10px 16px; align-items: center;
	background: #fff; border: 1px solid var(--wp--preset--color--line); border-radius: var(--tts-radius-sm);
	padding: 12px 16px;
}
.wp-block-file a:not(.wp-block-file__button) { font-weight: 700; }

/* Хлібні крихти / мета записів */
.tts-post-meta { color: var(--wp--preset--color--muted); font-size: 14px; }
.tts-post-meta a { color: var(--wp--preset--color--pink-text); font-weight: 700; text-decoration: none; text-transform: uppercase; letter-spacing: .6px; font-size: 12px; }

/* Картки записів у списках (архіви, пошук) */
.tts-post-grid .wp-block-post {
	background: #fff; border: 1px solid var(--wp--preset--color--line); border-radius: var(--tts-radius);
	overflow: hidden; display: flex; flex-direction: column;
	transition: transform .35s var(--tts-ease), box-shadow .35s var(--tts-ease);
}
.tts-post-grid .wp-block-post:hover { transform: translateY(-4px); box-shadow: var(--tts-shadow); }
.tts-post-grid .wp-block-post-featured-image { margin: 0; }
.tts-post-grid .wp-block-post-featured-image img { aspect-ratio: 16 / 10; object-fit: cover; width: 100%; }
.tts-post-grid .tts-post-body { padding: 18px; }
.tts-post-grid .wp-block-post-title a { text-decoration: none; }

/* Футер */
.tts-footer a { color: #fff; text-decoration: none; }
.tts-footer a:hover { color: #FFB3CB; }
.tts-footer .wp-block-navigation a { font-weight: 600; }

/* Повага до налаштувань «менше руху» */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}