.home-search-box .search-warp { width:100%; padding:24px 20px; position:relative; z-index:2; }
.home-search-box .bg-type-plain { --ripro-search-heading:var(--ripro-text,#23262b); --ripro-search-muted:var(--ripro-muted,#565d66); background:var(--ripro-background,#fff); }
[data-bs-theme="dark"] .home-search-box .bg-type-plain { --ripro-search-heading:var(--ripro-text,#edf0f2); --ripro-search-muted:var(--ripro-muted,#b3bac3); background:var(--ripro-background,#1a1c1f); }
.home-search-box .bg-type-plain :is(.ripro-search-total,.ripro-search-caption,.ripro-hot-search-words a) { color:var(--ripro-search-heading); }
.home-search-box .bg-type-plain :is(.search-desc,.ripro-hot-search-title) { color:var(--ripro-search-muted); }
.home-search-box .bg-type-plain .ripro-hot-search-words a { background:transparent; border-color:var(--ripro-border,#e1e4e8); }
.home-search-box .bg-type-plain .ripro-hot-search-words a:hover { background:var(--ripro-subtle,#f6f7f8); }
.home-search-box .search-title { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:center; gap:4px 10px; line-height:1.3; }
.home-search-box .ripro-search-total { color:var(--ripro-primary,#38bdf8); font-size:52px; font-weight:700; font-variant-numeric:tabular-nums; max-width:100%; overflow-wrap:anywhere; }
.home-search-box .ripro-search-caption { font-size:26px; overflow-wrap:anywhere; }
.home-search-box .search-desc { display:block; overflow-wrap:anywhere; }
.home-search-box .search-form { max-width:630px; margin-inline:auto; border-radius:var(--ripro-radius,0); }
.home-search-box .search-form form { width:100%; min-width:0; }
.home-search-box .search-fields { min-width:0; flex:1; }
.home-search-box .search-fields input { min-width:0; width:100%; min-height:50px; font-size:16px; padding-right:76px; }
.home-search-box .search-fields input:focus-visible { outline:2px solid var(--ripro-primary,#3b6ff5); outline-offset:-2px; }
.home-search-box .search-fields button { min-width:64px; min-height:50px; color:var(--ripro-on-primary,#fff); background:var(--ripro-primary,#3b6ff5); border-radius:var(--ripro-radius,0); }
.home-search-box .ripro-hot-search-compact { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px; margin:18px auto 0; padding:0; background:transparent; border:0; }
.home-search-box .ripro-hot-search-title { color:#e2e8f0; font-size:13px; margin:0; }
.home-search-box .ripro-hot-search-words { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; min-width:0; }
.home-search-box .ripro-hot-search-words a { max-width:100%; overflow-wrap:anywhere; padding:6px 11px; min-height:34px; display:inline-flex; align-items:center; border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.08); color:#fff; text-decoration:none; border-radius:var(--ripro-radius,0); }
.home-search-box .ripro-hot-search-words a:hover { background:rgba(255,255,255,.2); }
.home-search-box .ripro-hot-search-empty { margin:18px auto 0; text-align:center; }
.ripro-search-prompt { padding:28px; color:var(--ripro-text,#4a4d59); background:var(--ripro-surface,#fff); border:1px solid var(--ripro-border,#dde1e8); border-radius:var(--ripro-radius,0); }
dialog.ripro-search-prompt { width:calc(100% - 32px); max-width:390px; max-height:calc(100% - 32px); box-shadow:var(--ripro-dialog-shadow,0 12px 40px rgba(0,0,0,.25)); }
dialog.ripro-search-prompt::backdrop { background:rgba(12,17,28,.65); }
.ripro-search-prompt h2,.ripro-search-prompt h1 { font-size:var(--ripro-card-title-size,22px); margin-bottom:12px; }
.ripro-search-prompt p { overflow-wrap:anywhere; }
.ripro-search-close { display:flex; justify-content:flex-end; margin:-12px -12px 0 0; }
.ripro-search-close button { border:0; background:transparent; color:inherit; min-width:44px; min-height:44px; font-size:24px; }
.ripro-search-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:center; }
.ripro-search-actions>button { color:inherit; background:transparent; border:1px solid var(--ripro-border,#dde1e8); padding:8px 15px; min-height:44px; border-radius:var(--ripro-radius,0); }
.ripro-search-actions>.btn { min-height:44px; display:inline-flex; align-items:center; justify-content:center; }
.ripro-search-gate { max-width:600px; margin-inline:auto; }
@media(max-width:767px) {
    .home-search-box .search-warp { padding:18px 16px; }
    .home-search-box .search-title { flex-direction:column; align-items:center; gap:6px; }
    .home-search-box .ripro-search-total { font-size:36px; }
    .home-search-box .ripro-search-caption { font-size:22px; }
    .home-search-box .search-fields input { padding-left:10px; padding-right:50px; }
    .home-search-box .search-fields button { min-width:48px; width:48px; }
    .home-search-box .ripro-hot-search-compact,.home-search-box .ripro-hot-search-words { justify-content:flex-start; }
    .home-search-box .ripro-hot-search-compact .ripro-hot-search-title { width:100%; text-align:left; }
    .home-search-box .ripro-hot-search-words a { min-height:44px; padding:9px 12px; }
}
.ripro-search-open { overflow:hidden; }
.site-header .toggle-search { border:0; padding:0; background:transparent; color:inherit; }
#ripro-navbar-search {
    position:fixed; inset:0; width:100%; height:100%; max-width:none; max-height:none;
    margin:0; padding:0; border:0; background:transparent; color:var(--ripro-text); overflow:hidden;
}
#ripro-navbar-search::backdrop { background:rgb(0 0 0 / calc(var(--ripro-navbar-search-opacity,60) * 1%)); }
#ripro-navbar-search .ripro-navbar-search-panel {
    position:absolute; left:50%; transform:translateX(-50%);
    top:max(48px,calc(var(--ripro-navbar-search-position,20) * 1vh - var(--ripro-input-height,44px) / 2));
}
#ripro-navbar-search .ripro-navbar-search-content {
    max-height:calc((100 - var(--ripro-navbar-search-position,20)) * 1vh + var(--ripro-input-height,44px) / 2 - 12px);
    overflow:auto; background:var(--ripro-surface); color:var(--ripro-text);
    border-radius:var(--ripro-radius,0);
}
#ripro-navbar-search .search-form { margin:0; }
#ripro-navbar-search .search-fields { display:flex; height:var(--ripro-input-height,44px); }
#ripro-navbar-search .search-fields input { min-width:0; flex:1; height:100%; min-height:0; padding:0 12px; font-size:16px; }
#ripro-navbar-search .search-fields button { position:static; flex:none; height:100%; min-width:var(--ripro-input-height,44px); }
#ripro-navbar-search .ripro-navbar-search-close {
    position:absolute; right:12px; bottom:100%; width:44px; height:44px; padding:0; border:0;
    background:var(--ripro-surface); color:var(--ripro-text); font-size:24px;
}
#ripro-navbar-search .ripro-hot-search { display:block; margin:0; padding:12px; }
#ripro-navbar-search .ripro-hot-search-title { display:block; margin-bottom:10px; color:var(--ripro-muted); }
#ripro-navbar-search .ripro-hot-search-words { display:flex; flex-wrap:wrap; gap:8px; }
#ripro-navbar-search .ripro-hot-search-words a {
    display:inline-flex; align-items:center; max-width:100%; padding:6px 10px; overflow-wrap:anywhere;
    background:var(--ripro-subtle); color:var(--ripro-text); border:1px solid var(--ripro-border);
    border-radius:var(--ripro-radius,0); text-decoration:none;
}
#ripro-navbar-search .ripro-hot-search-words a:hover { background:var(--ripro-hover-bg,var(--ripro-subtle)); }
@supports (height:100dvh) {
    #ripro-navbar-search { height:100dvh; }
    #ripro-navbar-search .ripro-navbar-search-panel { top:max(48px,calc(var(--ripro-navbar-search-position,20) * 1dvh - var(--ripro-input-height,44px) / 2)); }
    #ripro-navbar-search .ripro-navbar-search-content { max-height:calc((100 - var(--ripro-navbar-search-position,20)) * 1dvh + var(--ripro-input-height,44px) / 2 - 12px); }
}
@media(max-width:767px) { #ripro-navbar-search .ripro-hot-search-words a { min-height:44px; } }
