/*!
Theme Name: Спехтехника
Theme URI: spec.ru
Author: DS-ART
Author URI: https://ds-art.ru/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: Спехтехника
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

vandec is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}


a.added_to_cart.wc-forward {
    display: none;
}
.products.columns-4 {
    display: flex;
    flex-wrap: wrap;
	margin: -15px;
}
.product-card {
    flex: 0 1 25%;
	padding: 15px;
}
.container{
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 30px;
}










.product-card-item.active {
    position: relative;
}

.product-card-item.active::before{
	content:'';
	position: absolute;width: 100%;height: 100%;top: 0;left: 0;
	background-color: #ffffff;
    opacity: 0.7;
}

.custom-sorting-dropdown {
    position: relative;
    display: inline-block;
}

.sorting-button {
    background-color: #f1f1f1;
    border: none;
    padding: 10px;
    cursor: pointer;
}

.sorting-options {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.sorting-options a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.sorting-options a:hover {
    background-color: #ddd;
}

.custom-sorting-dropdown:hover .sorting-options {
    display: block;
}

.custom-sorting-dropdown {
    position: relative;
    display: inline-block;
}

.sorting-button {
    background-color: #f1f1f1;
    border: none;
    padding: 10px;
    cursor: pointer;
}

.sorting-options {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.sorting-options a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.sorting-options a:hover {
    background-color: #ddd;
}

.custom-sorting-dropdown:hover .sorting-options {
    display: block;
}


.yith-wcwl-wishlistexistsbrowse a {
    display: none;
}
span.feedback {
    font-size: 0;
}
span.feedback i {
    font-size: 21px;
}
.yith-wcwl-add-button {
    font-size: 0;
}
i.yith-wcwl-icon.fa.fa-heart-o {
    font-size: 21px;
}


.yith-wcwl-wishlistaddedbrowse a {
    display: none;
}
span.tinvwl_remove_from_wishlist-text {
    display: none;
}
span.tinvwl_add_to_wishlist-text {
    display: none;
}
.tinvwl-product-in-list.tinvwl-product-make-remove .tinvwl_remove_from_wishlist-text, .tinvwl-product-in-list.tinvwl-product-make-remove .tinvwl_already_on_wishlist-text, .tinvwl-product-in-list.tinvwl-product-make-remove img.icon-already-on-wishlist, .tinvwl_add_to_wishlist_button.tinvwl-product-in-list .tinvwl_remove_from_wishlist-text, .tinvwl_add_to_wishlist_button.tinvwl-product-in-list .tinvwl_already_on_wishlist-text, .tinvwl_add_to_wishlist_button.tinvwl-product-in-list img.icon-already-on-wishlist {
    display: none !important;
}
.tinv-modal-inner {
    display: none;
}
.tinv-overlay{
	display: none;
}
.tinv-cell{
	display: none;
}
.tinv-table{
	display: none;
}
.tinvwl_added_to_wishlist.tinv-modal.tinv-modal-open{
	display: none;
}


/* =====================================================
   CF7 FORMS — form__row / form__field / form__checkbox
   ===================================================== */

/* 2-column row */
.form__row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 14px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: 14px;
}
.form__row:last-child { margin-bottom: 0; }
@media (max-width: 500px) {
    .form__row { -ms-grid-columns: 1fr; grid-template-columns: 1fr; }
}

/* Individual field */
.form__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 14px;
}
.form__field:last-child { margin-bottom: 0; }
.form__row .form__field { margin-bottom: 0; }

/* Label */
.form__field > label {
    font-size: 13px;
    font-weight: 600;
    color: rgba(45, 36, 28, 0.75);
    line-height: 1.3;
}

/* CF7 fields receive a real, persistent accessible label at runtime. */
.wc-form-label {
    display: block;
    margin: 0 0 7px;
    color: rgba(45, 36, 28, 0.78);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
}
.calculator .wc-form-label,
.form--dark .wc-form-label {
    color: rgba(255, 240, 219, 0.86);
}
.wc-form-label + .wpcf7-form-control-wrap { display: block; }

/* CF7 control wrap */
.form__field .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

/* Inputs, textarea, select */
.form__field input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.form__field textarea,
.form__field select {
    padding: 12px 18px;
    border: 1.5px solid rgb(255, 206, 137);
    color: rgba(45, 36, 28, 0.85);
    background: transparent;
    border-radius: 12px;
    width: 100%;
    font-size: 16px;
    font-family: "Manrope", sans-serif;
    -webkit-transition: border-color 0.3s ease, background 0.3s ease;
    transition: border-color 0.3s ease, background 0.3s ease;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 1.4;
}
.form__field input::placeholder,
.form__field textarea::placeholder { color: rgba(45, 36, 28, 0.4); }
.form__field input:focus,
.form__field textarea:focus,
.form__field select:focus { border-color: rgb(117, 70, 32); }
.form__field textarea { height: 120px; resize: vertical; }

/* Select arrow */
.form__field select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7'%3E%3Cpath d='M1 1l4.5 4.5L10 1' stroke='rgba(45%2C36%2C28%2C0.5)' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    padding-right: 40px;
    cursor: pointer;
}
.form__field select option { color: rgb(45, 36, 28); background: rgb(255, 240, 219); }

/* Acceptance checkbox */
.form__checkbox {
    font-size: 13px;
    color: rgba(45, 36, 28, 0.65);
    line-height: 1.5;
    margin-bottom: 14px;
}
.form__checkbox .wpcf7-form-control-wrap { display: block; }
.form__checkbox .wpcf7-acceptance { display: block; }
.form__checkbox .wpcf7-acceptance label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
}
.form__checkbox .wpcf7-acceptance input[type="checkbox"] {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin-top: 2px;
    cursor: pointer;
    accent-color: rgb(84, 121, 119);
}
.form__checkbox .wpcf7-list-item-label {
    font-size: 13px;
    color: rgba(45, 36, 28, 0.65);
    line-height: 1.5;
}
.form__checkbox .wpcf7-list-item-label a { color: rgb(117, 70, 32); text-decoration: underline; }

/* CF7 submit */
.wpcf7-submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 14px 32px;
    border-radius: 12px;
    background: -webkit-gradient(linear, left top, left bottom, from(#2E4B49), to(#547977));
    background: linear-gradient(180deg, #2E4B49 0%, #547977 100%);
    color: rgb(255, 240, 219);
    font-size: 16px;
    font-weight: 700;
    font-family: "Manrope", sans-serif;
    cursor: pointer;
    border: 1.5px solid rgb(84, 121, 119);
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    width: 100%;
    margin-top: 8px;
    letter-spacing: 0.02em;
}
@media (min-width: 1200px) {
    .wpcf7-submit:hover { opacity: 0.82; }
}

/* CF7 validation */
.wpcf7-not-valid { border-color: #c0392b !important; }
.wpcf7-not-valid-tip { font-size: 12px; color: #c0392b; margin-top: 4px; display: block; }
.wpcf7-response-output {
    margin-top: 12px;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 14px;
    border: 1.5px solid transparent;
}
.wpcf7-mail-sent-ok { background: rgba(84,121,119,0.1); border-color: rgb(84,121,119); color: rgb(84,121,119); }
.wpcf7-mail-sent-ng, .wpcf7-aborted, .wpcf7-spam-blocked { background: rgba(192,57,43,0.08); border-color: #c0392b; color: #c0392b; }

/* Dark variant — inside .calculator section */
.calculator .form__field > label { color: rgba(255, 240, 219, 0.75); }
.calculator .form__field input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.calculator .form__field textarea,
.calculator .form__field select {
    color: rgba(255, 240, 219, 0.9);
    border-color: rgba(255, 206, 137, 0.45);
    background: rgba(255, 255, 255, 0.07);
}
.calculator .form__field input::placeholder,
.calculator .form__field textarea::placeholder { color: rgba(255, 240, 219, 0.35); }
.calculator .form__field input:focus,
.calculator .form__field textarea:focus,
.calculator .form__field select:focus { border-color: rgb(84, 121, 119); background: rgba(255,255,255,0.12); }
.calculator .form__field select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7'%3E%3Cpath d='M1 1l4.5 4.5L10 1' stroke='rgba(255%2C240%2C219%2C0.5)' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    color: rgba(255, 240, 219, 0.9);
}
.calculator .form__input input,
.calculator .form__input textarea { color: rgba(255, 240, 219, .95); }
.calculator .form__input input::-webkit-input-placeholder,
.calculator .form__input textarea::-webkit-input-placeholder { color: rgba(255, 240, 219, .72); }
.calculator .form__input input::-moz-placeholder,
.calculator .form__input textarea::-moz-placeholder { color: rgba(255, 240, 219, .72); }
.calculator .form__input input:-ms-input-placeholder,
.calculator .form__input textarea:-ms-input-placeholder { color: rgba(255, 240, 219, .72); }
.calculator .form__input input::-ms-input-placeholder,
.calculator .form__input textarea::-ms-input-placeholder { color: rgba(255, 240, 219, .72); }
.calculator .form__input input::placeholder,
.calculator .form__input textarea::placeholder { color: rgba(255, 240, 219, .72); }
.calculator .form__checkbox .wpcf7-list-item-label { color: rgba(255, 240, 219, 0.55); }
.calculator .form__checkbox .wpcf7-list-item-label a { color: rgb(255, 206, 137); }