[data-faq-search].faq-search{
--faq-accent:#26A1DA;
--faq-accent-hover:#1D8FC4;
--faq-text:#1A1A1A;
--faq-muted:#6B7280;
--faq-border:#D9E3EA;
--faq-bg:#FFFFFF;
width:100%;
margin:0 0 20px;
padding:0;
color:var(--faq-text);
font-family:'Montserrat',sans-serif;
}
[data-faq-search].faq-search,
[data-faq-search].faq-search *{
box-sizing:border-box;
font-family:'Montserrat',sans-serif;
}
[data-faq-search] .faq-search__row{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:stretch;
gap:16px;
width:100%;
margin:0;
padding:0;
}
[data-faq-search] .faq-search__input,
[data-faq-search] .faq-search__btn{
height:54px !important;
min-height:54px !important;
max-height:54px !important;
margin:0 !important;
box-sizing:border-box !important;
}
[data-faq-search] .faq-search__input{
display:block;
width:100% !important;
min-width:0;
padding:0 18px !important;
border:1.5px solid var(--faq-border) !important;
border-radius:5px !important;
background:var(--faq-bg) !important;
color:var(--faq-text) !important;
-webkit-text-fill-color:var(--faq-text) !important;
font-size:15px !important;
font-weight:400 !important;
line-height:normal !important;
appearance:none;
-webkit-appearance:none;
outline:none !important;
box-shadow:none;
transition:border-color .25s ease, box-shadow .25s ease;
}
[data-faq-search] .faq-search__input::-webkit-search-decoration,
[data-faq-search] .faq-search__input::-webkit-search-cancel-button,
[data-faq-search] .faq-search__input::-webkit-search-results-button,
[data-faq-search] .faq-search__input::-webkit-search-results-decoration{
-webkit-appearance:none;
}
[data-faq-search] .faq-search__input::placeholder{
color:#9CA3AF;
-webkit-text-fill-color:#9CA3AF;
opacity:1;
}
[data-faq-search] .faq-search__input:hover,
[data-faq-search] .faq-search__input:focus{
border-color:var(--faq-accent) !important;
}
[data-faq-search] .faq-search__input:focus{
box-shadow:0 0 0 3px rgba(38,161,218,.15) !important;
}
[data-faq-search] .faq-search__btn{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:12px;
width:auto;
padding:0 28px !important;
border:1.5px solid var(--faq-accent) !important;
border-radius:5px !important;
background:var(--faq-accent) !important;
color:#FFFFFF !important;
font-size:15px !important;
font-weight:600 !important;
line-height:1 !important;
text-transform:none;
text-decoration:none;
cursor:pointer;
white-space:nowrap;
box-shadow:none;
transition:background-color .25s ease, border-color .25s ease, transform .2s ease, box-shadow .25s ease;
}
[data-faq-search] .faq-search__btn:hover{
background:var(--faq-accent-hover) !important;
border-color:var(--faq-accent-hover) !important;
color:#FFFFFF !important;
transform:translateY(-2px);
box-shadow:0 8px 22px rgba(38,161,218,.25) !important;
}
[data-faq-search] .faq-search__btn:focus-visible,
[data-faq-search] .faq-search__nav:focus-visible{
outline:none !important;
box-shadow:0 0 0 4px rgba(38,161,218,.18) !important;
}
[data-faq-search] .faq-search__btn:active{
transform:translateY(0);
}
[data-faq-search] .faq-search__icon{
display:block;
width:18px;
height:18px;
flex:0 0 18px;
fill:currentColor;
}
[data-faq-search] .faq-search__status{
display:flex;
align-items:center;
justify-content:flex-start;
gap:14px;
min-height:34px;
margin:10px 0 0;
padding:0;
}
[data-faq-search] .faq-search__status[hidden],
[data-faq-search] .faq-search__navigation[hidden]{
display:none !important;
}
[data-faq-search] .faq-search__navigation{
display:inline-flex;
align-items:center;
order:1;
gap:8px;
flex:0 0 auto;
}
[data-faq-search] .faq-search__message{
order:2;
color:var(--faq-muted);
font-size:13px;
font-weight:500;
line-height:1.4;
}
[data-faq-search] .faq-search__counter{
min-width:52px;
text-align:center;
color:var(--faq-text);
font-size:13px;
font-weight:600;
}
[data-faq-search] .faq-search__nav{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:34px !important;
min-width:34px !important;
height:34px !important;
min-height:34px !important;
padding:0 !important;
margin:0 !important;
border:1.5px solid var(--faq-border) !important;
border-radius:5px !important;
background:#FFFFFF !important;
color:var(--faq-accent) !important;
cursor:pointer;
box-shadow:none;
transition:border-color .2s ease, background-color .2s ease, transform .2s ease;
}
[data-faq-search] .faq-search__nav:hover{
border-color:var(--faq-accent) !important;
background:rgba(38,161,218,.08) !important;
color:var(--faq-accent) !important;
transform:translateY(-1px);
}
[data-faq-search] .faq-search__nav svg{
display:block;
width:20px;
height:20px;
fill:currentColor;
} mark.page-hit{
padding:0 !important;
margin:0 !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
color:#26A1DA !important;
font-weight:600 !important;
box-shadow:none !important;
}
mark.page-hit.is-current{
background:transparent !important;
color:#26A1DA !important;
text-decoration:underline;
text-decoration-thickness:2px;
text-underline-offset:3px;
box-shadow:none !important;
}
@media(max-width:768px){
[data-faq-search] .faq-search__row{
grid-template-columns:1fr;
}
[data-faq-search] .faq-search__btn{
width:100% !important;
}
[data-faq-search] .faq-search__status{
align-items:flex-start;
flex-direction:column;
gap:8px;
}
}