/*
Theme Name: Symptomato
Theme URI: https://wordpress.org/themes/symptomato/
Author: rogatka
Author URI: https://t.me/rogatk
Description: A theme for Symptomato.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: symptomato
Tags: symptomato, tomato, symp
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import "root.css";
@import "assets/css/table.css";

* {
	font-variant-numeric: lining-nums;
}

a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

.mobile-hide {
	@media screen and (max-width: 768px) {
		display: none;
	}
}


/* copy of wp default css to a 1000px media query */
@media (min-width: 768px) {
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: none !important;
	}

	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: block !important;
		width: 100%;
		position: relative;
		z-index: auto;
		background-color: inherit;
	}
}

@media (max-width: 768px) {
	.no-mobile-padding {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
}

/* neutralize the wp default for 600px */
@media (min-width: 600px) {
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}
}

.wp-element-button {
	font-family: 'Raleway', sans-serif;
	-webkit-tap-highlight-color: transparent;
	-webkit-appearance: none;
	transition: background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear;
	border-radius: 4px;
	font-weight: 500;
	white-space: nowrap;
	cursor: pointer;
	border: none;
	user-select: none;
	text-decoration: none;
	text-align: left;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.wp-element-button:not(.back-button .wp-element-button):not(.wp-block-search__button):not(.subscribe-button .wp-element-button):not(.footer-link .wp-element-button):hover {
	background-color: var(--secondary-default) !important;
}

.subscribe-button .wp-element-button:hover {
	background-color: var(--primary-100) !important;
}

.back-button .wp-element-button:hover {
	color: var(--secondary-default) !important;
}

.title-search-group {
	width: 100%;
	justify-content: space-between;
}

:root :where(.wp-block-navigation a:where(:not(.wp-element-button))) {
	transition: .3s;
}

:root :where(.wp-block-navigation a:where(:not(.wp-element-button)):hover) {
	text-decoration: none !important;
	color: var(--secondary-default) !important;
}

.short-article-content {
	-webkit-line-clamp: 4;
	line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	display: -webkit-box;
	margin-top: 20px !important;
}

.wp-site-blocks {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

footer {
	margin-top: auto;
}

header {
	position: sticky;
	top: 0;
	z-index: 10;
}

.post-cover {
	aspect-ratio: 21 / 9 !important;
}

.wp-block-search__input {
	padding: 0 !important;
}

.wp-block-search__button {
	padding: 8px !important;
}

.subscribe-button a  {
	display: flex;
	gap: 12px;
}

.header-logo-svg, .header-logo-svg path {
	transition: .3s;
	cursor: pointer;
}

.header-logo-svg:hover path[fill="#19A1B7"] {
	fill: var(--primary-default) !important;
}

.tag-cloud-link,
.wp-block-categories a,
.wp-block-post-terms a { /* a */
	text-decoration: none;
	padding-inline: 10px;
	padding-block: 6px;
	background: var(--bg-color);
	border-radius: 20px;
	border: none !important;
}

.wp-block-categories {
	list-style: none;
	padding: 0;
	margin-bottom: 12px !important;
}

.post div {
	margin-bottom: 0 !important;
}

.comment-form-url {
	display: none;
}


/* Breakpoint Classes */

@media (min-width: 1200px) {
	.hide-on-desktop {
		display: none !important;
	}
}

@media (max-width: 1200px) {
	.hide-on-tablet {
		display: none !important;
	}
	.hide-on-desktop {
		display: inherit !important;
	}
}

@media (max-width: 768px) {
	.hide-on-mobile {
		display: none !important;
	}
	.title-search-group {
		flex-direction: column-reverse;
		align-items: start;
		justify-content: start;
	}
	.wp-block-search {
		width: 100%;
	}
	.post-card {
		background-color: var(--white) !important;
	}
	.post-data-container {
		flex-direction: column-reverse;
		align-items: start;
		justify-content: start;
		gap: 16px;
	}
	.hide-on-tablet {
		display: inherit !important;
	}
	.footer-part {
		padding-inline: 16px !important;
	}
}