/*
 * =================================
 * STANDALONE PRODUCT SEARCH
 * =================================
 */

.ik-standalone-product-search {
    position: relative;
    width: 100%;
    margin-block-start: 0 !important;
}


/*
 * =================================
 * INPUT WRAPPER
 * =================================
 */

.ik-standalone-product-search-input-wrapper {
    position: relative;
    padding: 0 10px 10px 10px;
}


/*
 * =================================
 * INPUT
 * =================================
 */

.ik-standalone-product-search-input {
    width: 100%;
    box-sizing: border-box;

    height: 50px;

    padding: 0 16px;

    font-size: 16px;
    line-height: 1.4;
	
	border-radius: 10px;
	border: 0px;

}

.ik-standalone-product-search-input:focus {

    outline: none;

    box-shadow: none;

}

/*
 * =================================
 * LOADING
 * =================================
 */

.ik-standalone-product-search-loading {
    display: none;

    position: absolute;

    top: 50%;
    right: 24px;

    width: 16px;
    height: 16px;

    margin-top: -8px;

    border: 2px solid var(--ik-secondary);
    border-top-color: var(--ik-primary);

    border-radius: 50%;

    animation:
        ik-standalone-product-search-spin
        0.7s linear infinite;
}


.ik-standalone-product-search-loading.is-visible {
    display: block;
}


@keyframes ik-standalone-product-search-spin {

    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }

}


/*
 * =================================
 * VÝSLEDKY
 * =================================
 */

.ik-standalone-product-search-results {
    position: absolute;

    top: 100%;
    left: 0;

    width: 100%;

    box-sizing: border-box;

    z-index: 1000;

    max-height: 420px;

    overflow-y: auto;

    background: rgba(255, 255, 255, 0.85);

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    border: 1px solid rgba(0, 96, 100, 0.15);

    border-top: none;

    border-radius: 0 0 10px 10px;

    box-shadow:
        0 8px 25px rgba(0, 0, 0, 0.12);

    opacity: 0;

    visibility: hidden;

    transform: translateY(-4px);

    transition:
        opacity 0.15s ease,
        transform 0.15s ease,
        visibility 0.15s ease;
}


.ik-standalone-product-search-results.is-visible {

    opacity: 1;

    visibility: visible;

    transform: translateY(0);

}


/*
 * =================================
 * JEDEN VÝSLEDEK
 * =================================
 */

.ik-standalone-product-search-result {

    display: flex;
    align-items: center;

    gap: 20px;

    padding: 13px 16px;

    background-color: transparent !important;

    border-bottom: 1px solid rgba(0, 96, 100, 0.10);

    text-decoration: none;

    transition:
        background-color 0.15s ease;

}


.ik-standalone-product-search-result:hover {

    background-color: rgba(255, 255, 255, 0.90) !important;

}


/*
 * =================================
 * NÁZEV
 * =================================
 */

.ik-standalone-product-search-result-name {

    display: block;

    flex: 1;

    min-width: 0;

    color:
        var(--ik-primary);

    font-size: 16px;

    line-height: 1.35;

}


/*
 * =================================
 * SÚKL
 * =================================
 */

.ik-standalone-product-search-result-sukl {

    flex: 0 0 auto;

    margin-top: 0;

    color:
        var(--ik-text);

    font-size: 14px;

    white-space: nowrap;

}


/*
 * =================================
 * VÝROBCE
 * =================================
 */

.ik-standalone-product-search-result-manufacturer {

    flex: 0 0 180px;

    margin-top: 0;

    color:
        #666;

    font-size: 14px;

}


/*
 * =================================
 * ZPRÁVA
 * =================================
 */

.ik-standalone-product-search-message {

    padding: 14px 16px;

    background-color: transparent !important;

    color:
        var(--ik-text);

    font-size: 14px;

}


/*
 * =================================
 * MOBIL
 * =================================
 */

@media (max-width: 700px) {

    /*
     * Vyšší vyhledávací pole
     */

    .ik-standalone-product-search-input {

        height: 50px;

        padding: 0 14px;

        font-size: 16px;

    }


    /*
     * Výsledek pod sebou
     */

    .ik-standalone-product-search-result {

        display: block;

        padding: 12px 14px;

    }


    /*
     * Název
     */

    .ik-standalone-product-search-result-name {

        margin-bottom: 5px;

        font-size: 16px;

    }


    /*
     * SÚKL
     */

    .ik-standalone-product-search-result-sukl {

        margin-top: 3px;

        font-size: 13px;

    }


    /*
     * Výrobce
     */

    .ik-standalone-product-search-result-manufacturer {

        margin-top: 2px;

        font-size: 13px;

    }

}