/*
MOVE CSS TO TW AFTER TYPESENSE?

Breakpoints

        'sm': '640px',
        // => @media (min-width: 640px) { ... }
        'md': '768px',
        // => @media (min-width: 768px) { ... }
        'lg': '1024px',
        // => @media (min-width: 1024px) { ... }
        'xl': '1280px',
        // => @media (min-width: 1280px) { ... }
        '2xl': '1536px' // => @media (min-width: 1536px) { ... }
}

*/


@media (min-width: 1280px) {
    ol.ais-Hits-list {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
}
@media (min-width: 1280px) {
    .ais-Hits-item {
        width: 100%;
    }
}


/*SEARCH*/

[type="search"]:focus {
    border-color: #e5e7eb;
    --tw-ring-inset: 0;
}
.highlight em {
    color: #f2932e;
}
.aa-Item:hover {
    text-decoration: none;
    background: #f2f7fb;
}
.aa-Item a:hover {
    text-decoration: none;
}

.ais-SearchBox-input {
    width:95%;
}
/*FACET*/
.algolia-instant-selector-results .sidebar {
    /*    margin-top: 1rem;*/
    margin-bottom: 1rem;
    border-radius: .125rem;
}

.refine span.text-base {
    padding-bottom: 1rem;
}


.ais-CurrentRefinements-item  {
    background: #f2f7fb;
    border: 1px solid #179bb6;
    padding: .50rem;
    border-radius: 3px;
}
span.ais-CurrentRefinements-label {
    font-weight: 600;
}
.ais-CurrentRefinements-delete {
    float:right;
}
/*
.ais-CurrentRefinements .ais-CurrentRefinements-delete {
    color: #F2932E;
}
*/

.ais-ClearRefinements-button.action.primary {
    color: #F2932E;
    /*    float:right; */
}
.ais-ClearRefinements-button.action.primary:hover {
    text-decoration:underline;
}

.ais-HierarchicalMenu-link:hover {
    color: #F2932E;

}

@media (min-width: 640px) {
    .algolia-instant-selector-results .sidebar {
        order: 1;
        grid-column: span 2/span 2;
    }
}

@media (min-width: 640px) {
    .algolia-instant-selector-results .sidebar {
        order: 3;
    }
}

@media (min-width: 768px) {
    .algolia-instant-selector-results .sidebar {
        grid-column: span 1/span 1;
        order: 1;
    }
}
/*MAIN*/
@media (min-width: 640px) {
    .algolia-instant-selector-results .column.main {
        grid-column: span 2/span 2;
        order: 2;
    }
}

@media (min-width: 768px) {
    .algolia-instant-selector-results .column.main {
        grid-column-start: 2 !important;
        grid-row: span 2/span 2;
        order: 2;
    }
}

@media (min-width: 1024px) {
    .algolia-instant-selector-results .column.main {
        grid-column: span 3/span 3;
        grid-column-start: span 3;
        order: 2;
    }
}

.ais-Panel  {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border-radius: .125rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding: 1rem;
    --tw-shadow: 0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    --tw-border-opacity: 1;
}
.ais-Panel-header {
    padding-bottom: 1rem;
    justify-content: space-between;
}
.ais-Panel-header .name {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600;
}
.ais-Panel-body {
    padding-top: .75rem;
}
li.ais-HierarchicalMenu-item {
    padding-top: .25rem;
    padding-bottom: .25rem;
}
span.ais-HierarchicalMenu-count {
    float: right;
}
/*GRid*/
ol.ais-Hits-list {
    display: grid;
    padding-top: 1rem;
    padding-bottom: 3rem;
    gap: 1rem;
    grid-template-columns: repeat(1,minmax(0,1fr));
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {
    ol.ais-Hits-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (min-width: 1280px) {
    ol.ais-Hits-list {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
}


/*hit*/
/*
li.ais-Hits-item {
    display: flex;
    width: 100%;
    border-radius: .125rem;
    border-radius: .125rem;
    flex-direction: column;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding: 1rem;
    --tw-shadow: 0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
*/

.product-slider .product-item h3 {
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;

    -webkit-line-clamp: 4; /* number of lines to show */
    -webkit-box-orient: vertical;
}

@media (min-width: 640px) {
    .product-slider .product-item h3 {
        min-height: 100px;
    }
    .ais-Hits-item h3 {
        min-height: 100px;
    }
}



.ais-Hits-item h3 {
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;

    -webkit-line-clamp: 4; /* number of lines to show */
    -webkit-box-orient: vertical;
}

.ais-Hits-item h3:hover {
    color: #F2932E;
}

.ais-Hits-item mark {
    /*    background-color: #CFEAFA;*/
    color: #F2932E;
}

.aa-Item mark {
    /*    background-color: #CFEAFA;*/
    color: #F2932E;
}

/*search input*/
.aa-Input {
    background: #fff url('../images/searchicon.svg') no-repeat right 10px center;
}
.aa-Input::focus {
    background: none;
}


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

    .ais-SearchBox-input {
        border-radius: .5rem;
        font-size: 1rem;
        letter-spacing: 0;
        background: #fff url('../images/searchicon.svg') no-repeat right 10px center;

        /*
     width: 90%;

         background-position: 10px 10px;
         background-repeat: no-repeat;

      */
    }

}




.ais-SearchBox-reset,
.ais-SearchBox-submit {
    padding-left: 1rem;
}


/*PAGIATION*/
.ais-Pagination {
    text-align:center;
}

.ais-Pagination-list {
    display: inline-flex;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    background: #fff;
}

.ais-Pagination-item {
    border-right: 1px solid #D1D5DB;
    color: #6b7280;
    padding: 5px 10px;
}
.is-Pagination-item .ais-Pagination-item--nextPage {
    border-right:0;
}
.ais-Pagination-item:hover {
    color: #F2932E;
}

/*

.ais-Pagination-list {
    --tw-shadow: 0 1px 2px 0 #0000000d;
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    display: inline-flex;
}

.ais-Pagination-item {
    margin-left: -1px;
}

.ais-Pagination-item .ais-Pagination-link {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity));
    line-height: 1.25rem;
    font-weight: 500;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    --tw-bg-opacity: 1;
    border-width: 1px;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219/var(--tw-border-opacity));
}
.ais-Pagination-link:hover {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity));
}

.ais-Pagination-item--selected .ais-Pagination-link {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity));
    --tw-border-opacity: 1;
    border-color: rgb(29 78 216/var(--tw-border-opacity));
    border-width: 1px;
    margin-right: 1px;
}

*/
.ais-Pagination-item--selected {
    background-color: #f2f7fb;
}

/*SORTER*/
.ais-SortBy-select {
    font-size: .875rem;
    line-height: 1.25rem;
    border-radius: .375rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219/var(--tw-border-opacity));
    --tw-shadow: 0 1px 2px 0 #0000000d;
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}

.tracking-wider {
    letter-spacing: 0;
}
#instant-empty-results-container .no-results {
    background: #f2f7fb;
    padding: .5rem .75rem;
}
/* clears the ‘X’ from Internet Explorer */
input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }
/* clears the ‘X’ from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

.old-price .price-label {
    display: none;
}
.old-price .price {
    text-decoration:line-through;
}

.js_slides .product-item .product-info .stock {
    display: flex;
    flex-direction: row;
}
.js_slides .product-item .product-info .price-box .old-price,
.js_slides .product-item .product-info .price-box .special-price {
    display: inline-block;
}

.js_slides .product-item .product-info .price-box .old-price{
    float:left;
    padding-right: .25rem;
}

/*EMAIL*/
input[type="email"]{
    text-transform: lowercase;
}


li.ais-Hits-item {
    position: relative;
}
.product-label {

    z-index: 9;
}

.relative.mr2.level-0:hover span a {
    color: #F2932E;
}

.min-w-28 {
    min-width: 7rem; /* 112px */
}
.page-products img.product-image-photo {
    max-width: 235px;
    max-height: 235px;
}