@charset "UTF-8";
/*
Theme Name:   OceanWP Child Theme
Theme URI:    https://resources.sttstock.ru
Description:  A child theme of the OceanWP theme customized for oil and gas technical literature catalog and blog.
Author:       David / STT Stock Team
Author URI:   https://resources.sttstock.ru
Template:     oceanwp
Version:      1.0.8
License:      GNU General Public License v2 or later
License URI:  http://gnu.org
Text Domain:  oceanwpchild
*/

/* ==========================================================================
   1. ПЕРЕМЕННЫЕ И ШРИФТЫ (Оптимизировано для Autoptimize и W3TC)
   ========================================================================== */
:root {
	--font-headings: 'Roboto Slab', serif;
	--font-body: 'Roboto', sans-serif;
	--text-color-dark: #1a202c;
}

html {
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	font-family: var(--font-body);
	color: var(--text-color-dark);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-headings);
}

/* ==========================================================================
   2. ПОДКЛЮЧЕНИЕ ШРИФТА ROBOTO (Абсолютные пути для плагинов оптимизации)
   ========================================================================== */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('/wp-content/themes/oceanwp-child/fonts/roboto/roboto-light.woff2') format('woff2');
}

@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 300;
	font-display: swap;
	src: url('/wp-content/themes/oceanwp-child/fonts/roboto/roboto-light-italic.woff2') format('woff2');
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('/wp-content/themes/oceanwp-child/fonts/roboto/roboto-regular.woff2') format('woff2');
}

@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url('/wp-content/themes/oceanwp-child/fonts/roboto/roboto-italic.woff2') format('woff2');
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('/wp-content/themes/oceanwp-child/fonts/roboto/roboto-bold.woff2') format('woff2');
}

/* ==========================================================================
   3. ПОДКЛЮЧЕНИЕ ШРИФТА ROBOTO SLAB (Абсолютные пути для плагинов оптимизации)
   ========================================================================== */
@font-face {
	font-family: 'Roboto Slab';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('/wp-content/themes/oceanwp-child/fonts/roboto-slab/roboto-slab-light.woff2') format('woff2');
}

@font-face {
	font-family: 'Roboto Slab';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('/wp-content/themes/oceanwp-child/fonts/roboto-slab/roboto-slab-regular.woff2') format('woff2');
}

@font-face {
	font-family: 'Roboto Slab';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('/wp-content/themes/oceanwp-child/fonts/roboto-slab/roboto-slab-bold.woff2') format('woff2');
}

/* ==========================================================================
   4. ГЛОБАЛЬНАЯ ТИПОГРАФИКА (Специфика перехвата настроек Default в OceanWP)
   ========================================================================== */

/* Назначение базового шрифта Roboto на текстовые слои сайта */
body,
.text-roboto,
.sidebar-box,
.elementor-text-editor {
	font-family: var(--font-body);
	font-size: 16px;
	line-height: 1.5;
	/* ИСПРАВЛЕНО: 1.5 идеален по стандартам WCAG для чтения длинных инструкций */
	font-weight: 400;
	/* ИСПРАВЛЕНО: Базовый текст должен быть 400 (Regular). Это защищает от размытия на экранах инженеров */
}

/* Точечное наследование шрифта для контента */
p,
li,
td {
	font-family: var(--font-body);
	font-weight: 400;
}

/* ИСПРАВЛЕНО: th изначально должен быть жирным и выделяться в таблицах ГОСТов */
th {
	font-family: var(--font-body);
	font-weight: 700;
}

/* Разрешаем стандартным тегам форматирования легитимно использовать Bold 700 */
strong,
b {
	font-weight: 700;
}

/* Принудительное назначение цвета ТОЛЬКО на контентные текстовые узлы */
p,
li,
td,
.text-roboto,
.elementor-text-editor:not(.elementor-heading-title) {
	color: var(--text-color-dark);
}

/* Назначение шрифта для элементов форм без сброса их геометрии и иконок */
input,
button,
textarea,
select {
	font-family: var(--font-body);
}

/* Принудительное назначение Roboto Slab на все типы заголовков (через каскад OceanWP) */
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.site-title a,
.page-header-title,
.theme-heading,
.elementor-heading-title {
	font-family: var(--font-headings) !important;
	font-weight: 700 !important;
	color: var(--text-color-dark);
}

/* ИСПРАВЛЕНО ДЛЯ ЮЗАБИЛИТИ: Возвращаем реакцию ссылок-заголовков на наведение мыши */
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
	color: #0073aa !important;
	/* Укажите ваш фирменный цвет акцента вместо синего */
	transition: color 0.2s ease-in-out;
}

/* Корректные отступы для текстовых блоков в статьях и ГОСТах */
.entry-content h1,
.entry-content h2,
.entry-content h3 {
	margin-top: 1.8rem;
	margin-bottom: 0.8rem;
}

.entry-content h4,
.entry-content h5,
.entry-content h6 {
	margin-top: 1.5rem;
	margin-bottom: 0.5rem;
}

/* ==========================================================================
   5. АДАПТИВНАЯ ТИПОГРАФИКА И РАЗМЕРЫ (Свободное управление в Elementor)
   ========================================================================== */

/* Базовые адаптивные размеры для стандартных страниц WordPress (Блог/Каталог) */
.single-post .entry-title,
.industry-news-template h1 {
	font-size: clamp(1.75rem, 4vw, 2.25rem);
	line-height: 1.25;
	font-weight: 700;
}

.catalog-title,
.industry-news-template h2 {
	font-size: clamp(1.4rem, 3.5vw, 2.0rem);
	line-height: 1.3;
	font-weight: 700;
}

/* Стандартные теги без !important — теперь Elementor сможет их переназначать */
h1 {
	font-size: clamp(1.75rem, 4vw, 2.25rem);
	line-height: 1.25;
	font-weight: 700;
}

h2 {
	font-size: clamp(1.375rem, 3.5vw, 2.0rem);
	line-height: 1.3;
	font-weight: 700;
}

h3 {
	font-size: clamp(1.25rem, 3vw, 1.75rem);
	line-height: 1.3;
	font-weight: 700;
}

/* Вес изменен на 700 или 400, так как начертание 500 не используется */
h4 {
	font-size: clamp(1.125rem, 2.5vw, 1.5rem);
	line-height: 1.4;
	font-weight: 700;
}

h5 {
	font-size: clamp(1.1rem, 2vw, 1.25rem);
	line-height: 1.4;
	font-weight: 400;
}

h6 {
	font-size: clamp(0.95rem, 1.5vw, 1.15rem);
	line-height: 1.4;
	font-weight: 400;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

/* ==========================================================================
   6. СПЕЦИФИКАЦИЯ ДЛЯ ТАБЛИЦ КАТАЛОГА (ГОСТ и ТУ)
   ========================================================================== */

/* Контейнер для адаптивной прокрутки таблиц на мобильных устройствах */
.table-responsive {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin: 25px 0;
	/* Оптимизировано для визуального отделения от контента */
}

.entry-content table,
.elementor-widget table {
	width: 100% !important;
	margin: 0 0 15px 0;
	/* ИСПРАВЛЕНО: добавлен нижний отступ для предотвращения слипания блоков */
	border-collapse: collapse;
	table-layout: auto;
}

.entry-content table th,
.elementor-widget table th {
	background-color: #1b365d;
	/* Глубокий синий корпоративный цвет */
	color: #ffffff;
	font-weight: 700;
	text-align: left;
	padding: 12px 10px;
	border: 1px solid #1b365d;
	font-size: 14px;
	/* 
	   ИСПРАВЛЕНО: white-space удален, чтобы длинные заголовки колонок могли переноситься.
	   Для предотвращения разрыва коротких технических терминов используется деликатный min-width.
	*/
	min-width: 100px;
}

.entry-content table td,
.elementor-widget table td {
	padding: 10px;
	border: 1px solid #e1e8ed;
	font-size: 14px;
	line-height: 1.4;
	color: var(--text-color-dark);
	word-break: normal;
	/* ИСПРАВЛЕНО: заменено на normal, чтобы русские слова переносились по слогам, а не рвались по одной букве */
}

/* Зебра-окраска строк для улучшения читаемости технических параметров */
.entry-content table tr:nth-child(even),
.elementor-widget table tr:nth-child(even) {
	background-color: #f8f9fa;
}

/* ДОБАВЛЕНО: Подсветка строки при наведении для удобства отслеживания длинных строк параметров */
.entry-content table tr:hover,
.elementor-widget table tr:hover {
	background-color: #f1f5f9;
	transition: background-color 0.15s ease-in-out;
}

/* ==========================================================================
   6.1. КАСТОМИЗАЦИЯ КАТАЛОГА ТЕХНИЧЕСКОЙ ЛИТЕРАТУРЫ (Разгрузка интерфейса)
   ========================================================================== */

/* Скрываем мета-данные (автор, дата, комментарии) только в каталоге репозитория */
.category-repository .meta,
.category-library .meta,
.category-manual .meta,
.category-standards .meta,
.category-gost-and-standards .meta,
.category-international-standards .meta,
.category-technology-and-innovation .meta {
	display: none !important;
}

/* Оставляем мета-данные полностью видимыми в новостях отрасли */
.category-industry-news .meta,
.category-tech-sovereignty .meta,
.category-tech-equipment .meta {
	display: block !important;
}

/* Изменяем внешний вид блоков PDF Embedder для удобства инженеров */
.pdfemb-viewer {
	border: 1px solid #e2e8f0 !important;
	border-radius: 6px !important;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
	margin-bottom: 25px !important;
}

/* ==========================================================================
   7. СТИЛИЗАЦИЯ ГЛАВНОГО МЕНЮ И ФУТЕРА
   ========================================================================== */

/* Главное навигационное меню сайта */
#site-navigation .main-menu>li>a {
	font-size: 13px;
	color: #FFFFFF;
	transition: color 0.25s ease;
}

/* Главное меню при наведении и активный пункт */
#site-navigation .main-menu>li>a:hover,
#site-navigation .main-menu>li.current-menu-item>a {
	color: #FFF8C1;
}

/* Выделение пункта "Онлайн Склад" в меню */
#site-navigation .main-menu>li.menu-storage>a {
	color: #FFF8C1;
	font-weight: 700;
}

/* Стилизация области подвала (Footer) */
#footer,
#footer-bottom {
	font-size: 13px;
	color: #DBDBDB;
}

/* Гарантируем правильный цвет для контента футера */
#footer p,
#footer-bottom p,
#footer-sidebar .widget {
	color: #DBDBDB;
	font-size: 13px;
}

/* Ссылки в подвале в обычном состоянии */
#footer a,
#footer-bottom a {
	color: #DBDBDB;
	transition: color 0.25s ease;
	text-decoration: none;
}

/* Ссылки в подвале при наведении */
#footer a:hover,
#footer-bottom a:hover {
	color: #FFF8C1;
	text-decoration: underline;
}

/* ==========================================================================
   8. СЕТКА И КАРТОЧКИ НОВОСТЕЙ ОТРАСЛИ (Оптимизация под PageSpeed Insights)
   ========================================================================== */
.stt-news-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
	margin-bottom: 40px;
}

.stt-news-card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: #ffffff;
	border: 1px solid #e1e8ed;
	padding: 20px;
	border-radius: 4px;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.stt-news-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.stt-news-thumbnail {
	width: 100%;
	aspect-ratio: 16 / 9;
	/* Защита от сдвигов CLS */
	overflow: hidden;
	margin-bottom: 15px;
	border-radius: 2px;
	background: #f8f9fa;
}

.stt-news-img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	display: block;
}

.stt-news-title {
	font-size: 1.25rem;
	margin-bottom: 10px;
	line-height: 1.3;
}

.stt-news-title a {
	color: var(--text-color-dark);
	text-decoration: none;
	transition: color 0.2s ease;
}

/* ИСПРАВЛЕНО: Зеленый цвет заменен на акцентный красный СТТ для сохранения идентичности бренда */
.stt-news-title a:hover {
	color: #E30613;
}

.stt-news-meta {
	font-size: 0.85rem;
	color: #718096;
	margin-bottom: 12px;
}

.stt-news-excerpt {
	font-size: 0.95rem;
	line-height: 1.4;
	color: #4a5568;
	margin-bottom: 15px;
}

.stt-news-readmore {
	font-size: 0.75rem;
	color: #183A64;
	font-weight: 700;
	/* ИСПРАВЛЕНО: Ссылка действия сделана заметнее для улучшения конверсии */
	text-decoration: none;
	align-self: flex-start;
}

.stt-news-readmore:hover {
	color: #E30613;
	text-decoration: underline;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
	.stt-news-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}
}

/* Защита главного изображения статьи в Autoptimize */
.stt-single-lcp-img {
	width: 100% !important;
	height: 100% !important;
	max-height: 550px;
	object-fit: cover;
	display: block;
	border-radius: 4px;
}

/* ==========================================================================
   9. СТИЛИЗАЦИЯ КАСТОМНОГО ВИДЖЕТА НОВОСТЕЙ ОТРАСЛИ (Тенденции)
   ========================================================================== */
.stt-news-sidebar-widget .widget-title {
	font-family: var(--font-headings) !important;
	font-size: 20px !important;
	color: var(--text-color-dark) !important;
	font-weight: 700 !important;
	margin-bottom: 15px;
}

.stt-news-widget-list {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.stt-news-item {
	margin-bottom: 12px;
}

.stt-news-link {
	text-decoration: none;
	color: #183A64;
	/* Корпоративный синий */
	font-family: var(--font-body);
	font-size: 16px;
	font-weight: 400;
	/* ИСПРАВЛЕНО: Изменено с 300 на 400 против размытия букв */
	display: block;
	transition: color 0.2s ease, padding 0.2s ease;
}

/* ИСПРАВЛЕНО: Цвет заменен на красный, так как золотой #FFF8C1 полностью сливался с белым фоном */
.stt-news-link:hover {
	color: #E30613;
	padding-left: 3px;
	/* Мягкий интерактивный сдвиг при наведении */
}

.stt-news-marker {
	color: #E30613;
	/* Акцентный красный маркер */
	margin-right: 8px;
	font-weight: 700;
}

/* ==========================================================================
   10. ОПТИМИЗАЦИЯ ВИДЖЕТА КАТЕГОРИЙ ДЛЯ ТЕХНИЧЕСКОЙ БИБЛИОТЕКИ СТТ
   ========================================================================== */
.sidebar-box .wp-block-categories {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.sidebar-box .wp-block-categories li {
	position: relative;
	padding: 8px 0;
	border-bottom: 1px solid #e1e8ed;
	font-size: 14px;
	line-height: 1.4;
}

.sidebar-box .wp-block-categories li a {
	color: #183A64;
	text-decoration: none;
	transition: color 0.2s ease;
	font-weight: 400;
}

.sidebar-box .wp-block-categories li a:hover {
	color: #E30613;
	/* ИСПРАВЛЕНО: приведен к единому корпоративному цвету наведения */
	text-decoration: underline;
}

.sidebar-box .wp-block-categories ul.children {
	list-style: none !important;
	margin: 5px 0 0 0 !important;
	padding-left: 15px !important;
	/* Лесенка вложенности папок технической литературы */
}

.sidebar-box .wp-block-categories ul.children li {
	border-bottom: none;
	padding-bottom: 0;
	padding-top: 6px;
}

/* ==========================================================================
   11. ИСПРАВЛЕНИЕ ОТОБРАЖЕНИЯ ИКОНОК FONT AWESOME (Защита от пустых квадратов)
   ========================================================================== */

/* Гарантируем, что системные иконки OceanWP и Elementor наследуют правильные свойства */
.fa,
.fas,
.far,
.fab,
.fa-solid,
.fa-regular,
.fa-brands,
.owp-icon,
.elementor-icon,
[class^="fa-"],
[class*=" fa-"] {
	font-display: swap !important;
	/* Убирает задержку отрисовки иконок в PageSpeed */
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Точечный фикс для стрелочек в выпадающем меню технической библиотеки */
#site-navigation .main-menu .nav-arrow,
.sidebar-box .wp-block-categories li::before {
	font-family: "Font Awesome 6 Free" !important;
	font-weight: 900 !important;
	color: #183A64;
	/* Корпоративный синий */
}

/* Фикс для иконки поиска в кастомном виджете */
form.oceanwp-searchform button .owp-icon,
form.oceanwp-searchform button i {
	color: #183A64 !important;
	font-weight: 700 !important;
}