/*
Theme Name: Tecosys.bg
Theme URI: https://tecosys.bg/
Description: Tecosys Custom Theme
Author: Algera BG
Author URI: https://algerabg.com
Template:     ollie
Version: 1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         blog, portfolio, entertainment, grid-layout, one-column, two-columns, three-columns, four-columns, block-patterns, block-styles, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, full-width-template, rtl-language-support, style-variations, template-editing, theme-options, translation-ready, wide-blocks
Text Domain: tecosys
*/

/*
 * Only what block settings and theme.json can't express.
 * Style new work in theme.json, styles/blocks/ or the block sidebar first.
 */

/* Header: logo centred between search and icons, rearranged on phones. */
.tecosys-header-main {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: var(--wp--preset--spacing--medium);
}
.tecosys-header-main > * {
	margin-block: 0 !important;
}
.tecosys-header-actions {
	justify-self: end;
}
.tecosys-header-actions svg {
	width: 28px;
	height: 28px;
}

/* Search block: its parts have no individual settings. */
.tecosys-header-search {
	max-width: 260px;
}
.tecosys-header-search .wp-block-search__inside-wrapper {
	flex-direction: row-reverse;
	align-items: center;
	border: 0;
	border-radius: 100px;
	background: var(--wp--preset--color--tertiary);
	padding: 2px 12px;
}
.tecosys-header-search .wp-block-search__input {
	border: 0 !important;
	background: transparent !important;
	box-shadow: none;
	color: var(--wp--preset--color--main);
	font-size: var(--wp--preset--font-size--x-small);
	padding: 6px 4px;
}
.tecosys-header-search .wp-block-search__input::placeholder {
	color: var(--wp--preset--color--main);
	opacity: 0.75;
}
.tecosys-header-search .wp-block-search__button {
	background: transparent;
	color: var(--wp--preset--color--main);
	margin: 0;
	padding: 2px;
}
.tecosys-header-search .wp-block-search__button svg {
	width: 18px;
	height: 18px;
	min-width: 18px;
	min-height: 18px;
}

/* Mini cart count. */
.tecosys-header-actions .wc-block-mini-cart__badge {
	min-width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	border-radius: 100px;
	background: var(--wp--preset--color--main) !important;
	color: var(--wp--preset--color--base) !important;
	font-size: 11px;
	font-weight: 600;
}

/* Active menu item underline. */
.tecosys-main-nav .wp-block-navigation-item__content {
	display: block;
	padding: 4px 10px 8px;
	border-bottom: 3px solid transparent;
	text-decoration: none !important;
}
.tecosys-main-nav .wp-block-navigation-item__content:hover,
.tecosys-main-nav .current-menu-item > .wp-block-navigation-item__content {
	border-bottom-color: var(--wp--preset--color--primary);
}

/* Ollie's carousel keeps its slides at content width by default. */
.tecosys-hero {
	position: relative;
	padding-inline: 0 !important;
	margin-block: 0 !important;
}
.tecosys-hero > *,
.tecosys-hero .wp-block-cover {
	width: 100%;
	max-width: none !important;
}
.tecosys-hero [class*="carousel-nav"] {
	position: absolute;
	inset: auto 0 18px;
	z-index: 2;
	margin: 0;
}

/* WooCommerce product page. */
.wc-block-components-product-price ins {
	color: var(--wp--preset--color--green);
	text-decoration: none;
}
.tecosys-product-buy .wp-block-group > :last-child {
	flex: 1 1 auto;
}
.tecosys-product-buy .wp-block-group > :last-child > * {
	width: 100%;
}
/* Hide "Допълнителна информация" when the product has no long description. */
.tecosys-product-info:not(:has(.wp-block-post-content)) {
	display: none;
}

/* The map iframe and the form plugin's fields have no block settings. */
.tecosys-map iframe {
	display: block;
	width: 100%;
	height: 400px;
	border: 1px solid var(--wp--preset--color--border-light);
	border-radius: 8px;
}
/* Complianz resizes the blocked-map placeholder to its image's proportions. */
.tecosys-map .cmplz-blocked-content-container {
	height: 400px !important;
	max-height: 400px !important;
	padding: 0 !important;
	border-radius: 8px;
	overflow: hidden;
	background-size: cover !important;
}
.tecosys-map .cmplz-blocked-content-container iframe {
	height: 400px !important;
}
.tecosys-contact-form .fluentform .ff-btn-submit {
	border: 0;
	border-radius: 6px;
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
	font-weight: 600;
	padding: 0.7em 2em;
}
.tecosys-contact-form .fluentform .ff-btn-submit:hover {
	background: var(--wp--preset--color--main);
}
.tecosys-contact-form .fluentform .ff-el-form-control {
	border: 1px solid var(--wp--preset--color--border-light);
	background: var(--wp--preset--color--base);
	font-family: inherit;
}

/* Small screens: no responsive block settings for these. */
@media (max-width: 781px) {
	.tecosys-hero .wp-block-cover__background,
	.tecosys-title-bar .wp-block-cover__background {
		background: rgb(9 28 44 / 72%) !important;
	}
	.tecosys-fact:nth-child(odd) {
		border-left: 0 !important;
	}
	.tecosys-photo-first-mobile {
		flex-direction: column-reverse;
	}
}
@media (max-width: 600px) {
	.tecosys-header-main {
		grid-template-columns: 1fr auto;
		grid-template-areas:
			"logo logo"
			"search actions";
		gap: var(--wp--preset--spacing--small);
	}
	.tecosys-header-main .wp-block-site-logo {
		grid-area: logo;
		justify-self: center;
	}
	.tecosys-header-search {
		grid-area: search;
		max-width: none;
	}
	.tecosys-header-actions {
		grid-area: actions;
	}
}