/**
* Theme Name: قالب فرزند تکنوشاپ
* Description: قالب فرزند
* Author: گلکسی تم - Galaxy Theme
* Template: technoshop
* Version: 2.0.1
*/

/* =========================================================
 * Technoshop - Mobile Search
 * ========================================================= */

@media (max-width: 767px) {

    .technoshop-mobile-search-row {
        width: 100%;
    }

    .technoshop-mobile-search {
        position: relative;
        display: flex;
        align-items: center;

        width: 100%;
        height: 44px;

        padding: 0 42px 0 12px;

        background: #f3f3f3;
        border-radius: 8px;

        box-sizing: border-box;
    }

    .technoshop-mobile-search input[type="search"] {
        width: 100%;
        height: 100%;

        margin: 0;
        padding: 0;

        border: 0;
        outline: 0;

        background: transparent;

        font-size: 14px;

        box-shadow: none;
    }

    .technoshop-mobile-search input[type="search"]::placeholder {
        color: var(--tec-primary-color-600);
        opacity: 1;
    }

    .technoshop-mobile-search button {
        position: absolute;
        right: 10px;
        top: 50%;

        width: 24px;
        height: 24px;

        margin: 0;
        padding: 0;

        transform: translateY(-50%);

        display: flex;
        align-items: center;
        justify-content: center;

        border: 0;
        background: transparent;

        cursor: pointer;
    }

    .technoshop-mobile-search button i {
        font-size: 22px;
        color: var(--tec-primary-color-600);
    }

}