/*
Theme Name:   Hello Elementor Child – BV Lifestyle
Theme URI:    https://www.bv-lifestyle.in/
Description:  Child theme of Hello Elementor for BV Lifestyle. Adds a Shopify (Horizon) style product-category / collection page.
Author:       BV Lifestyle
Template:     hello-elementor
Version:      1.1.0
Text Domain:  hello-elementor-child
*/

/* =====================================================================
 * BV Search – header popup + search results page
 * ===================================================================== */
.bvs{--n:#072733;--m:#5B6B73;--b:#E3E9EE;position:fixed;inset:0;z-index:99999;display:none;font-family:"Inter",sans-serif}
.bvs.is-open{display:block}
.bvs__overlay{position:absolute;inset:0;background:rgba(7,39,51,.45);animation:bvsFade .2s ease}
.bvs__modal{position:relative;margin:108px auto 0;width:calc(100% - 32px);max-width:848px;max-height:calc(100vh - 140px);display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 24px 60px rgba(7,39,51,.25);animation:bvsUp .22s ease}
.admin-bar .bvs__modal{margin-top:140px;max-height:calc(100vh - 172px)}
@keyframes bvsFade{from{opacity:0}}
@keyframes bvsUp{from{opacity:0;transform:translateY(-10px)}}
.bvs__form{display:flex;align-items:center;gap:12px;padding:0 16px 0 22px;height:66px;margin:0;border-bottom:1px solid var(--n);flex:none}
.bvs__icon{display:flex;color:var(--n);flex:none}
.bvs .bvs__input{flex:1;min-width:0;height:100%;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;margin:0;font:400 20px/1 "Inter",sans-serif;color:var(--n)}
.bvs .bvs__input::placeholder{color:var(--m);opacity:1}
.bvs .bvs__input::-webkit-search-cancel-button{display:none}
.bvs .bvs__close{flex:none;display:grid;place-items:center;width:36px;height:36px;min-height:0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--n);cursor:pointer}
.bvs .bvs__close:hover,.bvs .bvs__close:focus-visible{background:#E1EDF5}
.bvs__body{overflow-y:auto;padding:4px 25px 24px;overscroll-behavior:contain}
.bvs__sec{margin-top:22px}
.bvs__sec[hidden]{display:none}
.bvs__sec-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.bvs .bvs__sec-head h3{margin:0;font:500 17px/1.3 "Inter",sans-serif;color:var(--n)}
.bvs .bvs__clear{border:0;background:none;padding:0;min-height:0;font:400 16px "Inter",sans-serif;color:var(--m);cursor:pointer}
.bvs .bvs__clear:hover{background:none;color:var(--n);text-decoration:underline}
.bvs__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.bvs .bvs__card{display:block;text-decoration:none;color:var(--n)}
.bvs__img{aspect-ratio:4/5;background:#F2F4F6;overflow:hidden}
.bvs__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.bvs__card:hover .bvs__img img{transform:scale(1.04)}
.bvs__title{margin:12px 0 4px;font:400 16px/1.45 "Inter",sans-serif;color:var(--n);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bvs__card:hover .bvs__title{text-decoration:underline;text-underline-offset:3px}
.bvs__price{font:500 16px/1.5 "Inter",sans-serif;color:var(--n)}
.bvs__price s{display:block;color:var(--m);font-weight:400}
.bvs__empty{margin:0;color:var(--m);font:400 15px/1.6 "Inter",sans-serif}
.bvs__empty[hidden],.bvs__foot[hidden]{display:none}
.bvs__skel .bvs__img{animation:bvsPulse 1.2s ease-in-out infinite}
.bvs__skel .bvs__title{height:14px;width:80%;background:#F2F4F6;border-radius:4px}
@keyframes bvsPulse{50%{opacity:.5}}
.bvs__foot{flex:none;border-top:1px solid var(--b);padding:16px 25px}
.bvs .bvs__all{display:flex;justify-content:space-between;align-items:center;font:500 15px "Inter",sans-serif;color:var(--n);text-decoration:none}
.bvs .bvs__all:hover{text-decoration:underline;text-underline-offset:3px}
html.bvs-lock,html.bvs-lock body{overflow:hidden}
@media (max-width:767px){
	.bvs__modal,.admin-bar .bvs__modal{margin-top:12px;max-height:calc(100vh - 24px);border-radius:14px}
	.bvs__form{height:58px;padding:0 10px 0 16px}
	.bvs .bvs__input{font-size:17px}
	.bvs__body{padding:0 16px 18px}
	.bvs__grid{grid-template-columns:repeat(2,1fr);gap:14px}
	.bvs__title,.bvs__price{font-size:14px}
}

/* Search results page – search box under the title */
.bvc-search{display:flex;align-items:center;max-width:634px;height:74px;margin:44px 0 12px;padding:0 20px 0 24px;gap:16px;background:#fff;border:1px solid #E3E9EE;border-radius:4px;transition:border-color .15s,box-shadow .15s}
.bvc-search:focus-within{border-color:#072733;box-shadow:0 0 0 1px #072733}
.bvc-search>svg{flex:none;color:#072733}
.bvc-search input[type=search]{flex:1;min-width:0;height:100%;margin:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;font:400 18px/1 "Inter",sans-serif;color:#072733}
.bvc-search input[type=search]::-webkit-search-cancel-button{display:none}
.bvc-search input[type=search]::placeholder{color:#5B6B73;opacity:1}
.bvc-search .bvc-search__clear{flex:none;display:grid;place-items:center;width:34px;height:34px;min-height:0;padding:0;border:0;border-radius:50%;background:transparent;color:#072733;cursor:pointer}
.bvc-search .bvc-search__clear:hover{background:#E1EDF5}
.bvc-search .bvc-search__clear[hidden]{display:none}
@media (max-width:767px){
	.bvc-search{height:60px;margin-top:28px;padding:0 12px 0 16px}
	.bvc-search input[type=search]{font-size:16px}
}
