/*
Theme Name:     Newspaper Child (pressa.lviv.ua)
Theme URI:      https://pressa.lviv.ua
Description:    Дочірня тема pressa.lviv.ua. Сюди перенесено правки, які раніше жили
                прямо у Newspaper/header.php і губилися при кожному оновленні теми.
Author:         pressa.lviv.ua
Template:       Newspaper
Version:        1.8.1
Text Domain:    newspaper-child
*/

/* ---------------------------------------------------------------------------
   Перенесено з Newspaper 8 → header.php (inline <style>).
   Мобільне меню: примусова видимість + плавна анімація висування.
   --------------------------------------------------------------------------- */
.td-menu-mob-open-menu .td-menu-background {
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
}

#td-mobile-nav,
.td-menu-background {
	visibility: visible;
	-webkit-transition: transform .5s cubic-bezier(.79, .14, .15, .86);
	-moz-transition: transform .5s cubic-bezier(.79, .14, .15, .86);
	-o-transition: transform .5s cubic-bezier(.79, .14, .15, .86);
	transition: transform .5s cubic-bezier(.79, .14, .15, .86);
}

/* ---------------------------------------------------------------------------
   Логотип.
   Оригінальне правило зі style.css Newspaper 8 — саме воно давало логотипу
   ширину 500px (перевірено на pressa.rv.ua: 500x93). Файли логотипів
   перезалито в медіатеку цього сайту, тож розмітка тепер така сама.
   --------------------------------------------------------------------------- */
.td-header-style-10 .td-header-sp-logo img {
	max-width: 500px;
}

/* ---------------------------------------------------------------------------
   Слайдери на головній.
   На головній два блоки [td_block_slide]: el_class="desktop-slider" і
   el_class="mobile-slider". Перемикання між ними було вписане прямо у
   style.css теми Newspaper 8 (файл теж правили руками) і зникло з оновленням.
   Значення точок перемикання взяті з тієї ж правки.
   --------------------------------------------------------------------------- */
@media (min-width: 767px) {
	.mobile-slider { display: none; }
}

@media (max-width: 500px) {
	.mobile-slider  { display: block; }
	.desktop-slider { display: none; }
}

/* ===========================================================================
   Правила, перенесені з мініфікованої style.css Newspaper 8.
   Тему правили руками, і разом із PHP-файлами туди дописали оформлення
   власних блоків. Без цього список «ОСТАННІ НОВИНИ» розсипається на рядки,
   верхня панель переноситься на два ряди, а блок підписки лишається без стилів.

   Стокові правила tagDiv (іконки соцмереж, гліфи td-icon-*) сюди свідомо
   НЕ переносили: у Newspaper 12 інший набір гліфів.
   =========================================================================== */

/* --- Верхня панель: погода і курс валют в один рядок --------------------- */
.td-weather-top-widget {
	display: inline-block;
	margin-right: 32px;
}
.td-weather-top-widget .td-icons {
	background: 0 0;
	vertical-align: middle;
	position: relative;
	top: -1px;
	margin-right: 2px;
}
.td-weather-top-widget .td-icons:before { font-size: 18px; display: block; }
.td-weather-top-widget .td-weather-now,
.td-weather-top-widget .td-course-now {
	line-height: inherit;
	padding: 0;
	float: none;
	width: auto;
	display: inline-block;
}
.td-weather-top-widget .td-weather-now span { font-weight: 600; }
.td-weather-top-widget .td-weather-now .td-big-degrees { font-size: 11px; }
.td-weather-top-widget .td-weather-now .td-weather-unit {
	font-size: 8px;
	opacity: 1;
	left: 1px;
	top: -6px;
	vertical-align: inherit;
}
.td-weather-top-widget .td-weather-header { display: inline-block; padding-left: 6px; }
.td-weather-top-widget .td-weather-header .td-weather-city {
	font-size: 11px;
	font-weight: 500;
	text-transform: none;
	margin: 0;
}

/* --- Список «ОСТАННІ НОВИНИ»: час і заголовок в одному рядку ------------- */
.td_module_16 { padding-bottom: 10px; }
.td_module_16 h3 { display: inline; }
.td_module_16 .entry-title { font-size: 15px; line-height: 18px; margin-bottom: 5px; }
.td_module_16 time {
	color: #838383;
	font-weight: 700;
	padding-right: 5px;
	border-right: 1px solid #c7c7c7;
}
.td_module_16 .fa-solid { color: #838383; }
.td_module_16 .td-module-meta-info { display: inline; }
.td_block_21 .td_module_16 .td-module-meta-info { display: none; }
.td_block_21.td-column-1 .td_module_16 {
	padding: 5px 0 5px 0;
	border-bottom: 1px dotted;
}
.td_block_21.td-column-1 .td_module_16 h3 { font-size: 15px; }
.td_block_21.td-column-1 .td_module_16 time { font-size: 15px; }
.top-news h3 a { font-weight: 700; }
.td-post-category.blog-label {
	width: auto;
	display: none;
	padding: 0 5px;
	line-height: 23px;
}

/* --- Кнопка «ВСІ НОВИНИ» ------------------------------------------------- */
.allnews { padding: 10px; border-radius: 100px; }

/* --- Блок «Джерело» і теги під статтею ----------------------------------- */
.td-post-source { text-align: right; }
.td-post-source-tags { font-size: 11px; }
.td-post-source-tags a { font-size: 11px; }
.td-post-source-tags .td-no-tags { margin-bottom: 34px; }
.td-post-source-via { font-family: Montserrat, 'Open Sans', arial, sans-serif; font-weight: 600; }

/* --- Блок підписки на соцмережі під статтею ------------------------------ */
.subscribe-block {
	background: #fff;
	box-shadow: 1px 2px 0 0 rgba(0, 0, 0, .05);
	padding: 10px;
	margin-bottom: 20px;
	font-size: 16px;
}
.subscribe-block p { margin-bottom: 12px; }
.social-links-block {
	margin: 10px auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 100%;
}
.social-links-block a {
	background: #83838375;
	padding: 1em;
	width: 19%;
	font-size: .9em;
	margin: 2px;
	color: #000;
	font-weight: 400;
	text-decoration: none;
	flex-grow: 1;
	text-align: center;
}
.social-links-block img { width: 50px; display: block; padding: 5px; margin: auto; }
.social-links-block a:hover { color: #fff; }
.social-links-block a:hover > img { filter: invert(1); }

.icon-telegram:hover  { background: #08c; }
.icon-facebook:hover  { background: #3b5998; }
.icon-youtube:hover   { background: red; }
.icon-twitter:hover   { background: #1da1f2; }
.icon-instagram:hover {
	background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}

/* --- Заголовки-дати у списку «ОСТАННІ НОВИНИ» --------------------------- */
.date-strichka {
	color: #83838375;
	margin: 16px 0 0 0 !important;
	font-size: 26px;
	font-weight: 800;
	line-height: 26px;
	padding: 0;
	letter-spacing: -.6px;
}



/* ------------------------------------------------------------------
   Правки поверх css/n8-legacy.css (повного style.css Newspaper 8).
   ------------------------------------------------------------------ */

/* Головна на телефоні: сайдбар («Останні новини») перед контентом, як у N8.
   Правило .invert-flex з N8 перебиває інлайновий CSS td-composer
   (.tdi_NN{display:block}), тому потрібен !important. */
@media (max-width: 500px) {
	.td-pb-row.invert-flex { display: flex !important; flex-direction: column !important; }
	.td-pb-row.invert-flex .right-col { order: 1; }
	.td-pb-row.invert-flex .left-col  { order: 2; }
}

/* Стрілки слайдера видимі завжди (N12 показує їх лише при наведенні). */
.td_block_slide .td-slide-nav { opacity: 1 !important; }

/* «Популярна категорія» у футері: N12 обгорнув назву в span.td-cat-name,
   а правило N8 для span у цьому блоці (float:right для лічильника)
   тепер чіпляє і назву. */
.td_block_popular_categories .td-cat-name { float: none; display: inline; }

/* Пошук у шапці поруч із меню, як у N8. N12 додав
   .header-search-wrap{position:absolute;top:0;right:0} і
   #td-top-search{position:absolute;margin-top:-24px} — у N8 таких правил нема
   (#td-top-search там навмисно position:unset). Через абсолютне позиціонування
   прихована форма пошуку ще й вилазила за край екрана на телефоні. */
.td-header-wrap .header-search-wrap { position: static; top: auto; right: auto; }
.td-header-wrap #td-top-search { position: static; top: auto; right: auto; margin-top: 0; }

/* «Статті по темі» як у N8: без стрілок ajax-пагінації (на rv.ua їх нема)
   і мініатюра фіксованої висоти 150px (у N8 це був inline style на <img>). */
.td_block_related_posts .td-next-prev-wrap { display: none; }
.td_block_related_posts .td-module-thumb .entry-thumb { height: 150px; object-fit: cover; }

/* На телефоні головне меню в шапці не показуємо (у N8 його там не було —
   працює td-mobile-nav). 768px = брейкпоінт Max Mega Menu. */
@media (max-width: 768px) {
	#td-header-menu .mega-menu-wrap { display: none !important; }
}

/* Іконки соцмереж (стиль 2, напр. «МИ У СОЦМЕРЕЖАХ» у мега-меню): N12 додав
   margin:5px 10px 10px 0, у N8 відступів не було — іконки стояли впритул. */
.td-social-style-2 .td-social-icon-wrap { margin: 0; }

/* Роздільник дат у списках новин. N12 має div.td-block-title{color:#111}
   (тег + клас), що перебиває .date-strichka — дублюємо з тією ж специфічністю. */
div.date-strichka.td-block-title,
div.td-block-title.date-strichka {
	color: #83838375;
	font-family: Montserrat, Roboto, sans-serif;
	margin: 16px 0 0 0 !important;
	font-size: 26px;
	font-weight: 800;
	line-height: 26px;
	padding: 0;
	letter-spacing: -.6px;
}

/* Банер у шапці: N12 додає .td-header-style-10 .td-header-sp-recs{margin-top:24px!important}
   поверх відступу N8 (.td-a-rklm-id-header > div{margin:24px auto 0}) — виходило 48px. */
.td-header-style-10 .td-header-sp-recs { margin-top: 0 !important; }

/* Кадрування мініатюр як у Newspaper 8.
   На сайті вимкнено генерацію розмірів tagDiv (використовується один «large»-файл),
   а форк N8 у td_module::get_image() дописував <img … style="height:Hpx"> — разом із
   object-fit:cover це давало рівні обрізані мініатюри. У N12 інлайн-стилю нема,
   тому відтворюємо його CSS-ом за атрибутами width/height, які модулі ставлять
   з номінального розміру (див. pressa_nominal_thumb_size). Розміри з height=0 — без обрізання. */
.td-module-thumb .entry-thumb,
.td-big-grid-post .entry-thumb,
img.entry-thumb[height] { object-fit: cover; }
img.entry-thumb[width="100"][height="70"] { height: 70px; }
img.entry-thumb[width="1068"][height="580"] { height: 580px; }
img.entry-thumb[width="218"][height="150"] { height: 150px; }
img.entry-thumb[width="265"][height="198"] { height: 198px; }
img.entry-thumb[width="324"][height="160"] { height: 160px; }
img.entry-thumb[width="324"][height="235"] { height: 235px; }
img.entry-thumb[width="324"][height="400"] { height: 400px; }
img.entry-thumb[width="356"][height="220"] { height: 220px; }
img.entry-thumb[width="356"][height="364"] { height: 364px; }
img.entry-thumb[width="485"][height="360"] { height: 360px; }
img.entry-thumb[width="533"][height="261"] { height: 261px; }
img.entry-thumb[width="534"][height="462"] { height: 462px; }
img.entry-thumb[width="696"][height="385"] { height: 385px; }
img.entry-thumb[width="741"][height="486"] { height: 486px; }
img.entry-thumb[width="80"][height="60"] { height: 60px; }

/* Шрифтові змінні N12. Блоки N12 друкують у тілі сторінки інлайн-CSS на кшталт
   .td-weather-header{font-family:var(--td_default_google_font_2,'Roboto')}, який іде
   після нашого CSS і перебиває Montserrat з N8 (на головній верхня панель ставала
   Roboto). Підставляємо в самі змінні шрифт N8 — тоді всі такі правила дають Montserrat. */
:root {
	--td_default_google_font_1: Montserrat, 'Open Sans', arial, sans-serif;
	--td_default_google_font_2: Montserrat, Roboto, sans-serif;
}
.td-header-top-menu .td-weather-header,
.td-header-top-menu .course-from,
.td_block_weather .td-weather-header { font-family: Montserrat, Roboto, sans-serif; }