/*
Theme Name: Anvipa
Theme URI: https://wordpress.org/themes/anvipa/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: The Anvipa theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 4.8
Tested up to: 7.0
Requires at least: 3.5
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, block-patterns
Text Domain: anvipa

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

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */


/* SEARCH WRAPPER POSITION FIX */
.unq-header-search-desktop {
    position: relative;
}

/* SEARCH BOX */
.unq-search-box {
    position: relative;
    width: 100%;
}

/* INPUT */
.unq-search-input {
    width: 100%;
    padding: 10px 45px 10px 15px;
    border: 1px solid #ddd;
    border-radius: 30px;
    outline: none;
}

/* SEARCH BUTTON */
.unq-search-btn {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    cursor: pointer;
}

/* =========================
   AJAX DROPDOWN STYLE
========================= */
.ajax-search-results {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    border-radius: 10px;
    margin-top: 8px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
    z-index: 9999;
    max-height: 350px;
    overflow-y: auto;

    /* hidden by default */
    display: none;
}

/* show state */
.ajax-search-results.show {
    display: block;
}

/* SINGLE ITEM */
.ajax-product-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    text-decoration: none;
    border-bottom: 1px solid #f2f2f2;
    transition: 0.2s;
}

.ajax-product-item:hover {
    background: #f9f9f9;
}

/* THUMB */
.ajax-product-thumb img {
    width: 45px;
    height: 45px;
    object-fit: cover;
    border-radius: 6px;
}

/* TITLE */
.ajax-product-title {
    font-size: 14px;
    font-weight: 600;
    color: #222;
}

/* PRICE */
.ajax-product-price {
    font-size: 12px;
    color: #666;
}

/* MOBILE FIX */
@media (max-width: 768px) {

    .ajax-search-results {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
    }
}