/* Ridmi — /instantsearch/ page skin (algoliasearch plugin, route instantsearch/).
   Loaded ONLY by the theme template shop/themes/ridmi/instantsearch.html.
   Overrides plugin inline styles + CDN satellite theme; dark via html.rd-dark.
   Global search-overlay (aa-*) fixes stay in ridmi-ui.css. */
/* filters toggle button: readable in both themes (plugin ships white-on-aliceblue) */
.ais-InstantSearch .filter-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:40px; padding:8px 18px; border:none; border-radius:12px; cursor:pointer;
  background:#fff; color:#50658C; box-shadow:0 4px 14px rgba(80,101,140,.10);
  font-family:'Inter',system-ui,sans-serif; font-size:13.5px; font-weight:700;
  transition:background .15s ease, box-shadow .15s ease; }
.ais-InstantSearch .filter-btn:hover{ background:#F6FAFE; box-shadow:0 6px 18px rgba(80,101,140,.16); }
html.rd-dark .ais-InstantSearch .filter-btn{ background:#232C3B; color:#C9D4E6; }
/* result cards */
.ais-InstantSearch .ais-Hits-item{ border-radius:16px; }
html.rd-dark .ais-InstantSearch .ais-Hits-item{ background:#1B2330; box-shadow:none;
  border:1px solid rgba(255,255,255,.07); }
html.rd-dark .ais-InstantSearch .filter-container,
html.rd-dark .ais-InstantSearch .ais-RefinementList-item,
html.rd-dark .ais-InstantSearch .ais-RefinementList-labelText,
html.rd-dark .ais-InstantSearch .ais-RefinementList-count{ color:#C9D4E6; }
/* pagination in dark */
html.rd-dark .ais-InstantSearch .ais-Pagination-link{ background:#1B2330; color:#C9D4E6;
  border-color:rgba(255,255,255,.12); box-shadow:none; }
html.rd-dark .ais-InstantSearch .ais-Pagination-item--selected .ais-Pagination-link{
  background:var(--peri); color:#12171F; border-color:var(--peri); }
/* phones: tighter gutters (wrapper 18 + container 10 + card 24 stacked to 52px) */
@media (max-width:640px){
  .layout__main-wrapper:has(.ais-InstantSearch){ padding-left:0; padding-right:0; }
  .ais-InstantSearch{ margin-left:12px; margin-right:12px; }
  .ais-InstantSearch .ais-Hits-item{ padding:14px 14px; }
}
/* instantsearch page, dark: the page searchbox (ais-SearchBox) + item description/price colors */
html.rd-dark .ais-SearchBox-form, html.rd-dark .ais-SearchBox-input{
  background:#1B2330; color:#E7ECF4; border-color:rgba(255,255,255,.12); }
html.rd-dark .ais-SearchBox-input::placeholder{ color:#6B7686; }
html.rd-dark .ais-InstantSearch .aa-ItemContentDescription{ color:#C9D4E6; }
html.rd-dark .ais-InstantSearch .aa-ItemContentDescription i{ color:#97A1B2; }
/* ---- /instantsearch/ desktop redesign (2026-07-03): centered column, tidy row-cards ---- */
.ais-InstantSearch{ max-width:900px !important; margin:8px auto 40px !important; padding:0 16px;
  overflow:visible !important; font-family:'Inter',system-ui,sans-serif; }
.ais-InstantSearch .left-panel, .ais-InstantSearch .right-panel{ float:none; width:auto; margin:0; }
.ais-InstantSearch .filter-btn{ width:auto; border:none; margin:0 0 12px; }
.ais-InstantSearch .filter-container{ border:none; border-radius:16px; background:#fff; padding:16px;
  box-shadow:0 4px 14px rgba(80,101,140,.08); margin-bottom:14px; }
.ais-InstantSearch .ais-Hits-list{ display:flex; flex-direction:column; gap:12px; margin:0; padding:0; }
.ais-InstantSearch .ais-Hits-item{ width:auto; margin:0; padding:14px 16px;
  box-shadow:0 4px 14px rgba(80,101,140,.08); transition:box-shadow .15s ease; }
.ais-InstantSearch .ais-Hits-item:hover{ box-shadow:0 10px 30px rgba(80,101,140,.14); }
.ais-InstantSearch .aa-ItemLink{ display:block; color:inherit; }
.ais-InstantSearch .aa-ItemContent{ display:flex; gap:16px; align-items:flex-start; }
.ais-InstantSearch .aa-ItemIcon.aa-ItemIcon--picture{ flex:0 0 auto; width:64px; height:auto;
  background:none; box-shadow:none; }
.ais-InstantSearch .aa-ItemIcon--picture img{ width:64px; height:auto; border-radius:8px;
  box-shadow:0 4px 12px rgba(80,101,140,.18); }
.ais-InstantSearch .aa-ItemContentBody{ min-width:0; }
.ais-InstantSearch .aa-ItemContentBody > div:first-child{ font-size:15px; font-weight:600;
  line-height:1.45; color:#3A4358; }
.ais-InstantSearch mark{ background:none; padding:0; color:var(--cyan); font-weight:800; }
.ais-InstantSearch .aa-ItemContentDescription{ margin-top:4px; font-size:13px; color:#8590A6; }
.ais-InstantSearch .aa-ItemContentDescription > div + div{ margin-top:4px;
  font-family:'Roboto',system-ui,sans-serif; font-weight:700; font-size:14px; color:#3A4358; }
.ais-InstantSearch .ais-Pagination{ margin:20px 0 0; }
.ais-InstantSearch .ais-Pagination-list{ display:flex; justify-content:center; gap:6px; flex-wrap:wrap; }
.ais-InstantSearch .ais-Pagination-link{ border-radius:10px; }
@media (max-width:640px){
  .ais-InstantSearch{ margin:8px 12px 32px !important; padding:0; }
}
/* dark counterparts */
html.rd-dark .ais-InstantSearch .filter-container{ background:#1B2330; box-shadow:none;
  border:1px solid rgba(255,255,255,.07); }
html.rd-dark .ais-InstantSearch .aa-ItemContentBody > div:first-child{ color:#E7ECF4; }
html.rd-dark .ais-InstantSearch .aa-ItemContentDescription{ color:#97A1B2; }
html.rd-dark .ais-InstantSearch .aa-ItemContentDescription > div + div{ color:#E7ECF4; }
html.rd-dark .ais-InstantSearch .ais-Hits-item{ box-shadow:none; }
/* ---- /instantsearch/: searchbox styled like the theme header field + filter chips (2026-07-03) ---- */
.rhead .rsearch .ais-SearchBox{ width:100%; }
.rhead .rsearch .ais-SearchBox-form{ display:flex; align-items:center; gap:10px; width:100%;
  min-height:48px; background:#fff; border:1.5px solid #C8DDF4;
  border-radius:var(--r-md) !important; box-shadow:0 4px 14px rgba(80,101,140,.08); padding:0 14px; }
.rhead .rsearch .ais-SearchBox-form:focus-within{ border-color:var(--cyan);
  box-shadow:0 0 0 3px rgba(var(--cyan-rgb),.12); }
.rhead .rsearch .ais-SearchBox-input{ flex:1 1 auto; min-width:0; border:none !important; outline:none;
  box-shadow:none !important; background:transparent; min-height:44px; padding:0 !important;
  font-family:'Inter',system-ui,sans-serif; font-size:15px; color:#3A4358; }
.rhead .rsearch .ais-SearchBox-input::placeholder{ color:#8590A6; }
/* satellite paints the magnifier as form::before (absolute) and hides the submit button —
   restyle the ::before itself: same icon as the aa-Form field, static flex item */
.rhead .rsearch .ais-SearchBox-form::before{ content:""; position:static !important; flex:0 0 auto;
  width:18px; height:18px; margin:0 !important; transform:none !important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23738EC8' d='M16.041 15.856c-0.034 0.026-0.067 0.055-0.099 0.087s-0.060 0.064-0.087 0.099c-1.258 1.213-2.969 1.958-4.855 1.958-1.933 0-3.682-0.782-4.95-2.050s-2.050-3.017-2.050-4.95 0.782-3.682 2.050-4.95 3.017-2.050 4.95-2.050 3.682 0.782 4.95 2.050 2.050 3.017 2.050 4.95c0 1.886-0.745 3.597-1.959 4.856zM21.707 20.293l-3.675-3.675c1.231-1.54 1.968-3.493 1.968-5.618 0-2.485-1.008-4.736-2.636-6.364s-3.879-2.636-6.364-2.636-4.736 1.008-6.364 2.636-2.636 3.879-2.636 6.364 1.008 4.736 2.636 6.364 3.879 2.636 6.364 2.636c2.125 0 4.078-0.737 5.618-1.968l3.675 3.675c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414z'/%3E%3C/svg%3E") center/contain no-repeat; }
html.rd-dark .rhead .rsearch .ais-SearchBox-form::before{
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2397A1B2' d='M16.041 15.856c-0.034 0.026-0.067 0.055-0.099 0.087s-0.060 0.064-0.087 0.099c-1.258 1.213-2.969 1.958-4.855 1.958-1.933 0-3.682-0.782-4.95-2.050s-2.050-3.017-2.050-4.95 0.782-3.682 2.050-4.95 3.017-2.050 4.95-2.050 3.682 0.782 4.95 2.050 2.050 3.017 2.050 4.95c0 1.886-0.745 3.597-1.959 4.856zM21.707 20.293l-3.675-3.675c1.231-1.54 1.968-3.493 1.968-5.618 0-2.485-1.008-4.736-2.636-6.364s-3.879-2.636-6.364-2.636-4.736 1.008-6.364 2.636-2.636 3.879-2.636 6.364 1.008 4.736 2.636 6.364 3.879 2.636 6.364 2.636c2.125 0 4.078-0.737 5.618-1.968l3.675 3.675c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414z'/%3E%3C/svg%3E") center/contain no-repeat; }
.rhead .rsearch .ais-SearchBox-reset{ flex:0 0 auto; background:none; border:none; cursor:pointer;
  position:static !important; transform:none; display:grid; place-items:center; }
.rhead .rsearch .ais-SearchBox-reset svg{ width:14px; height:14px; fill:#8590A6; }
html.rd-dark .rhead .rsearch .ais-SearchBox-form{ background:#1B2330; border-color:rgba(255,255,255,.12); box-shadow:none; }
html.rd-dark .rhead .rsearch .ais-SearchBox-input{ color:#E7ECF4; }
html.rd-dark .rhead .rsearch .ais-SearchBox-submit svg{ fill:#97A1B2; }
/* filter chips (plugin inline <style> uses #id>ul>li selectors — mirror them with a prefix) */
.ais-InstantSearch .filter-container ul{ list-style:none; display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; }
.ais-InstantSearch #type-list > ul > li.primary, .ais-InstantSearch #type-list > ul > li.active,
.ais-InstantSearch #additional-info-list > ul > li.primary, .ais-InstantSearch #additional-info-list > ul > li.active{
  border:none; padding:0; margin:0; background:none; border-radius:999px; }
.ais-InstantSearch .filter-container li > a{ display:inline-flex !important; align-items:center;
  padding:9px 16px; border-radius:999px; background:#E9F2FB; color:#50658C;
  font-size:13px; font-weight:600; text-decoration:none; transition:background .15s ease; }
.ais-InstantSearch .filter-container li > a:hover{ background:#C8DDF4; }
.ais-InstantSearch #type-list > ul > li.active > a,
.ais-InstantSearch #additional-info-list > ul > li.active > a{ background:var(--cyan); color:#fff; }
.ais-InstantSearch .filter-container > div + div{ margin-top:10px; }
.ais-InstantSearch .filter-container button{ background:none; border:none; padding:6px 0 0;
  color:var(--cyan); font-size:12.5px; font-weight:600; text-decoration:underline; cursor:pointer; }
html.rd-dark .ais-InstantSearch .filter-container li > a{ background:#232C3B; color:#C9D4E6; }
html.rd-dark .ais-InstantSearch .filter-container li > a:hover{ background:#2A3445; }
html.rd-dark .ais-InstantSearch #type-list > ul > li.active > a,
html.rd-dark .ais-InstantSearch #additional-info-list > ul > li.active > a{ background:var(--cyan); color:#fff; }
/* instantsearch: card radius on first/last (satellite flattens corner items) + site-style paginator */
.ais-InstantSearch .ais-Hits-item,
.ais-InstantSearch .ais-Hits-item:first-of-type,
.ais-InstantSearch .ais-Hits-item:last-of-type{ border-radius:16px !important; }
.ais-InstantSearch .ais-Pagination-list{ display:flex; flex-wrap:wrap; gap:6px; align-items:center;
  justify-content:center; margin:0; padding:0; list-style:none; }
.ais-InstantSearch .ais-Pagination-item{ display:flex; }
.ais-InstantSearch .ais-Pagination-link{ display:grid; place-items:center; min-width:38px; height:38px;
  padding:0 9px; border-radius:11px !important; border:1.5px solid #ECEFF4 !important; background:#fff;
  color:#3A4358; font-family:'Roboto',system-ui,sans-serif; font-weight:700; font-size:14px;
  text-decoration:none; box-shadow:none !important; }
.ais-InstantSearch .ais-Pagination-link:hover{ border-color:var(--cyan) !important; color:var(--cyan); }
.ais-InstantSearch .ais-Pagination-item--selected .ais-Pagination-link{ background:var(--cyan) !important;
  border-color:var(--cyan) !important; color:#fff !important; }
.ais-InstantSearch .ais-Pagination-item--disabled{ display:none; }
html.rd-dark .ais-InstantSearch .ais-Pagination-link{ background:#1B2330;
  border-color:rgba(255,255,255,.12) !important; color:#C9D4E6; }
html.rd-dark .ais-InstantSearch .ais-Pagination-item--selected .ais-Pagination-link{ background:var(--cyan) !important;
  border-color:var(--cyan) !important; color:#fff !important; }