/* =========================================================
HBD PREMIUM DESKTOP SEARCH BAR
Existing Search Functionality Safe
========================================================= */
@media (min-width:1025px){
/* Search area */
.hbd-desktop-search{
flex:1 1 auto;
max-width:780px;
margin:0 auto;
display:flex;
align-items:center;
height:56px;
background:#fff;
border:1px solid #e1e5e3;
border-radius:30px;
box-shadow:
0 4px 18px rgba(0,0,0,.06);
overflow:hidden;
transition:.3s ease;
position:relative;
z-index:20;
}
.hbd-desktop-search:focus-within{
border-color:#007536;
box-shadow:
0 6px 25px rgba(0,117,54,.14);
}
/* Input */
.hbd-desktop-search-input{
flex:1;
height:100%;
border:0 !important;
outline:0 !important;
background:transparent !important;
padding:0 22px !important;
font-size:15px !important;
color:#222 !important;
box-shadow:none !important;
}
.hbd-desktop-search-input::placeholder{
color:#999;
}
/* Category selector */
.hbd-search-category{
height:100%;
min-width:175px;
padding:0 42px 0 18px;
border:0;
border-left:1px solid #eeeeee;
outline:0;
background:#fff;
color:#555;
font-size:14px;
cursor:pointer;
appearance:none;
-webkit-appearance:none;
position:relative;
}
/* Category arrow */
.hbd-search-category-wrap{
position:relative;
height:100%;
display:flex;
align-items:center;
}
.hbd-search-category-wrap::after{
content:"";
position:absolute;
right:18px;
top:50%;
width:7px;
height:7px;
border-right:2px solid #555;
border-bottom:2px solid #555;
transform:
translateY(-65%)
rotate(45deg);
pointer-events:none;
}
/* Search button */
.hbd-search-submit{
width:78px;
height:56px;
flex:0 0 78px;
border:0;
background:#007536;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
transition:.3s ease;
}
.hbd-search-submit:hover{
background:#005d2c;
}
.hbd-search-submit svg{
width:21px;
height:21px;
fill:none;
stroke:currentColor;
stroke-width:2;
}
/* Hide original visual search trigger
but JS will still use its functionality */
.ct-header [data-row="middle"] .ct-header-search{
position:absolute !important;
width:1px !important;
height:1px !important;
padding:0 !important;
margin:-1px !important;
overflow:hidden !important;
clip:rect(0,0,0,0) !important;
white-space:nowrap !important;
border:0 !important;
}
/* Header middle alignment */
.ct-header [data-row="middle"] [data-column="middle"]{
display:flex !important;
align-items:center !important;
justify-content:center !important;
flex:1 1 auto !important;
}
/* Keep account/cart on right */
.ct-header [data-row="middle"] [data-column="end"]{
flex:0 0 auto !important;
display:flex !important;
align-items:center !important;
}
}
/* =========================================================
HBD PREMIUM DESKTOP SEARCH BAR
Existing Search Functionality Safe
========================================================= */
@media (min-width:1025px){
/* Search area */
.hbd-desktop-search{
flex:1 1 auto;
max-width:780px;
margin:0 auto;
display:flex;
align-items:center;
height:56px;
background:#fff;
border:1px solid #e1e5e3;
border-radius:30px;
box-shadow:
0 4px 18px rgba(0,0,0,.06);
overflow:hidden;
transition:.3s ease;
position:relative;
z-index:20;
}
.hbd-desktop-search:focus-within{
border-color:#007536;
box-shadow:
0 6px 25px rgba(0,117,54,.14);
}
/* Input */
.hbd-desktop-search-input{
flex:1;
height:100%;
border:0 !important;
outline:0 !important;
background:transparent !important;
padding:0 22px !important;
font-size:15px !important;
color:#222 !important;
box-shadow:none !important;
}
.hbd-desktop-search-input::placeholder{
color:#999;
}
/* Category selector */
.hbd-search-category{
height:100%;
min-width:175px;
padding:0 42px 0 18px;
border:0;
border-left:1px solid #eeeeee;
outline:0;
background:#fff;
color:#555;
font-size:14px;
cursor:pointer;
appearance:none;
-webkit-appearance:none;
position:relative;
}
/* Category arrow */
.hbd-search-category-wrap{
position:relative;
height:100%;
display:flex;
align-items:center;
}
.hbd-search-category-wrap::after{
content:"";
position:absolute;
right:18px;
top:50%;
width:7px;
height:7px;
border-right:2px solid #555;
border-bottom:2px solid #555;
transform:
translateY(-65%)
rotate(45deg);
pointer-events:none;
}
/* Search button */
.hbd-search-submit{
width:78px;
height:56px;
flex:0 0 78px;
border:0;
background:#007536;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
transition:.3s ease;
}
.hbd-search-submit:hover{
background:#005d2c;
}
.hbd-search-submit svg{
width:21px;
height:21px;
fill:none;
stroke:currentColor;
stroke-width:2;
}
/* Hide original visual search trigger
but JS will still use its functionality */
.ct-header [data-row="middle"] .ct-header-search{
position:absolute !important;
width:1px !important;
height:1px !important;
padding:0 !important;
margin:-1px !important;
overflow:hidden !important;
clip:rect(0,0,0,0) !important;
white-space:nowrap !important;
border:0 !important;
}
/* Header middle alignment */
.ct-header [data-row="middle"] [data-column="middle"]{
display:flex !important;
align-items:center !important;
justify-content:center !important;
flex:1 1 auto !important;
}
/* Keep account/cart on right */
.ct-header [data-row="middle"] [data-column="end"]{
flex:0 0 auto !important;
display:flex !important;
align-items:center !important;
}
}
কাঠের পন্য
কাঠের তৈরি পন্য | Wooden Crafts
No products were found matching your selection.