/* Modern Explorer design tokens — v1.3.3 */
.ggd-search{
  --ggd-primary:#2639E8;
  --ggd-primary-hover:#1D2CC0;
  --ggd-accent:#C9F27A;
  --ggd-background:#F7F8FC;
  --ggd-surface:#FFFFFF;
  --ggd-text:#19233B;
  --ggd-muted:#667085;
  --ggd-border:#E2E6F0;
  --ggd-icon-bg:#EEF0FF;
  --ggd-icon-bg-hover:#DFE5FF;
  --ggd-shadow:rgba(25,35,59,.08);
  --ggd-shadow-strong:rgba(25,35,59,.16);
  --ggd-focus-ring:rgba(38,57,232,.13);
}

.ggd-search{width:100%;max-width:720px;font-family:inherit}
.ggd-search__form{display:flex;align-items:center;gap:12px;min-height:66px;padding:8px 8px 8px 20px;background:var(--ggd-surface);border:1px solid var(--ggd-border);border-radius:16px;box-shadow:0 8px 30px var(--ggd-shadow);transition:border-color .2s,box-shadow .2s}
.ggd-search__form:focus-within{border-color:var(--ggd-primary);box-shadow:0 0 0 3px var(--ggd-focus-ring),0 8px 30px var(--ggd-shadow)}
.ggd-search__icon{flex:0 0 21px;color:var(--ggd-primary)}
.ggd-search__form input[type=search]{flex:1;min-width:0;width:100%;border:0!important;box-shadow:none!important;background:transparent!important;padding:10px 0!important;margin:0!important;font:inherit;font-size:15px;color:var(--ggd-text);outline:0!important}
.ggd-search__form input[type=search]::placeholder{color:var(--ggd-muted);opacity:1}
.ggd-search__form button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 25px;background:var(--ggd-primary)!important;color:#fff!important;border:0!important;border-radius:10px!important;font:inherit;font-size:15px;font-weight:650;cursor:pointer;transition:background .2s,transform .2s}
.ggd-search__form button:hover{background:var(--ggd-primary-hover)!important;transform:translateY(-1px)}
.ggd-search__form button:focus-visible,.ggd-search__popular a:focus-visible{outline:3px solid var(--ggd-accent);outline-offset:3px}
.ggd-search__arrow{font-size:18px;line-height:1}
.ggd-search__popular{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:15px;font-size:13px}
.ggd-search__popular>span{color:var(--ggd-muted);margin-right:3px}
.ggd-search__popular a{display:inline-flex;align-items:center;min-height:28px;padding:4px 11px;border-radius:999px;background:var(--ggd-icon-bg);color:var(--ggd-primary-hover);text-decoration:none;font-size:12px;font-weight:550;transition:background .2s}
.ggd-search__popular a:hover{background:var(--ggd-icon-bg-hover);color:var(--ggd-primary-hover)}
@media(max-width:767px){.ggd-search__form{gap:8px;min-height:60px;padding:6px 6px 6px 13px;border-radius:13px}.ggd-search__form input[type=search]{font-size:14px}.ggd-search__form button{min-height:46px;padding:0 15px;font-size:14px}.ggd-search__arrow{display:none}.ggd-search__popular{gap:6px}}
@media(max-width:380px){.ggd-search__form button{padding:0 11px}.ggd-search__icon{width:18px}}
@media(prefers-reduced-motion:reduce){.ggd-search__form,.ggd-search__form button,.ggd-search__popular a{transition:none}}

/* v1.1: Respond to the shortcode's available width, not only viewport width. */
.ggd-search{container-type:inline-size;max-width:720px}
@container (max-width:620px){
  .ggd-search__form{
    display:grid;grid-template-columns:24px minmax(0,1fr);
    grid-template-areas:"icon field" "button button";
    column-gap:12px;row-gap:8px;
    padding:12px;min-height:0;border-radius:16px;
  }
  .ggd-search__icon{grid-area:icon;align-self:center;justify-self:center}
  .ggd-search__form input[type=search]{grid-area:field;min-width:0;width:100%;min-height:40px;font-size:15px!important}
  .ggd-search__form input[type=search]::placeholder{font-size:14px}
  .ggd-search__form button{grid-area:button;width:100%;min-height:46px;font-size:15px;padding:0 18px}
  .ggd-search__arrow{display:inline}
  .ggd-search__popular{gap:6px;margin-top:12px}
  .ggd-search__popular a{padding:4px 10px}
}
@container (max-width:340px){
  .ggd-search__form{column-gap:8px;padding:10px}
  .ggd-search__form input[type=search]::placeholder{font-size:12px}
}

/* v1.2 autocomplete */
.ggd-search{position:relative}
.ggd-search__suggestions{position:absolute;top:calc(100% - 36px);left:0;right:0;z-index:1000;background:var(--ggd-surface);border:1px solid var(--ggd-border);border-radius:14px;box-shadow:0 16px 36px var(--ggd-shadow-strong);max-height:360px;overflow-y:auto;padding:10px}
.ggd-search__suggestions[hidden]{display:none!important}
.ggd-search__suggestions-group{padding:9px 12px 5px;color:var(--ggd-muted);font-size:11px;font-weight:750;letter-spacing:1px;text-transform:uppercase}
.ggd-search__option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:8px;color:var(--ggd-text);text-decoration:none!important}
.ggd-search__option:hover,.ggd-search__option[aria-selected=true]{background:var(--ggd-icon-bg);color:var(--ggd-primary-hover)}
.ggd-search__option-title{font-size:14px;font-weight:650}
.ggd-search__option-subtitle{font-size:12px;color:var(--ggd-muted)}
.ggd-search__option-arrow{color:var(--ggd-primary);font-size:17px}
.ggd-search__message{padding:14px 12px;color:var(--ggd-muted);font-size:13px}
.ggd-search__suggestions{top:calc(100% - 34px)}
@media(max-width:767px){.ggd-search__suggestions{max-height:300px}}

/* v1.3 compact rich suggestions */
.ggd-search__suggestions{max-height:min(390px,55vh);overscroll-behavior:contain;padding:8px;scrollbar-width:thin}
.ggd-search__option{justify-content:flex-start;min-height:58px;gap:12px;padding:7px 10px}
.ggd-search__labels{flex:1;min-width:0}
.ggd-search__option-title,.ggd-search__option-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ggd-search__thumb,.ggd-search__glyph{width:44px;height:44px;flex:0 0 44px;border-radius:9px}
.ggd-search__thumb{object-fit:cover;background:var(--ggd-icon-bg)}
.ggd-search__glyph{display:flex;align-items:center;justify-content:center;background:var(--ggd-icon-bg);color:var(--ggd-primary);font-size:23px;font-weight:600}
.ggd-search__option-arrow{margin-left:auto}
@media(max-width:767px){.ggd-search__suggestions{max-height:min(320px,48vh)}.ggd-search__thumb,.ggd-search__glyph{width:40px;height:40px;flex-basis:40px}}

/* v1.3.1: position beneath search form, never overlap popular links */
.ggd-search__suggestions{top:auto;z-index:9999;max-height:min(420px,55vh)}
@media(max-width:767px){.ggd-search__suggestions{max-height:min(340px,45vh)}}

/* v1.3.2: icon-only, consistent category illustrations */
.ggd-search__glyph{background:var(--ggd-icon-bg);color:var(--ggd-primary);font-size:initial}
.ggd-search__glyph svg{display:block;width:22px;height:22px;flex:none}
.ggd-search__option:focus-visible{outline:2px solid var(--ggd-primary);outline-offset:-2px}
.ggd-search__option:hover .ggd-search__glyph,.ggd-search__option[aria-selected=true] .ggd-search__glyph{background:var(--ggd-icon-bg-hover)}