/* Shared controls for the private v0.4.19 previews; scoped to search widgets. */
.tdb-sui-wrap{position:relative;min-width:0}
.tdb-sui-wrap>input[type="search"]{width:100%;min-height:44px;font:inherit;font-size:16px;box-sizing:border-box}
.tdb-sui-menu{position:absolute;z-index:60;top:calc(100% + 5px);left:0;right:0;max-height:310px;overflow-y:auto;border:1px solid #b9d9e2;background:#fff;border-radius:11px;box-shadow:0 13px 30px #153f5340;padding:5px;box-sizing:border-box}
.tdb-sui-menu[hidden]{display:none!important}
.tdb-sui-option{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border-radius:7px;cursor:pointer;font-size:14px;color:#123b53;text-align:left}
.tdb-sui-option:hover,.tdb-sui-option.is-active{background:#e5f6fa}
.tdb-sui-kind{flex:none;font-size:11px;color:#52768b;background:#eef4f7;border-radius:5px;padding:3px 7px}
.tdb-sui-empty{padding:12px;color:#69828d;font-size:12px}
.tdb-sui-help{font-size:11px;color:#68838f;display:block;margin-top:5px}
.tdb-sui-error{color:#a54432;display:block;font-size:12px;margin:7px 0 0}
.tdb-quick-search{margin:26px 0 0;padding:24px;background:#fff;border:1px solid #d9e9ee;border-radius:15px}
.tdb-quick-search h2{margin:0 0 7px;font-size:21px}
.tdb-quick-search p{margin:0 0 16px;color:#607b87;font-size:13px}
.tdb-quick-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1.4fr) auto;align-items:end;gap:11px}
.tdb-quick-grid label{display:block;font-size:12px;font-weight:800;min-width:0}
.tdb-quick-grid label>span{display:block;margin-bottom:6px}
.tdb-quick-region{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:0}
.tdb-quick-grid input,.tdb-quick-grid select{width:100%;height:45px;border:1px solid #cbdfe5;background:#fbfdfe;border-radius:9px;padding:0 11px;font-size:16px;color:#173e56;box-sizing:border-box}
.tdb-quick-grid button{height:45px;background:#07849e;color:#fff;padding:0 20px;border:0;border-radius:9px;font-weight:800;white-space:nowrap;cursor:pointer}
.tdb-quick-grid :is(input,select,button):focus-visible,.tdb-sui-option:focus-visible{outline:3px solid #5cc3d6;outline-offset:2px}
@media(max-width:760px){.tdb-quick-grid{grid-template-columns:1fr}.tdb-quick-region{grid-template-columns:1fr 1fr}.tdb-quick-grid button{width:100%}}
@media(max-width:360px){.tdb-quick-region{grid-template-columns:1fr}}

/* Readable native fishing-method options (desktop and mobile). */
select[name="tdb_method"],select[name="tdb_method"] option {
 font-size:16px!important;line-height:1.5!important;
}
select[name="tdb_method"]{min-height:48px!important;padding-inline:12px!important}

/* v0.4.19: the fish select becomes a search input. Match the neighboring method select.
   The wrapper is a direct child span of label and must not inherit label-caption spacing. */
.search-extra label > .tdb-sui-wrap,
.field .tdb-sui-wrap {margin:0}
.search-extra .tdb-sui-wrap > input[type="search"] {
 display:block;
 width:100%;height:48px;min-height:48px;
 box-sizing:border-box;
 padding:0 12px;
 border:1px solid #dce9ed;
 border-radius:9px;
 background:#f8fbfc;
 color:#284f61;
 font:inherit;font-size:16px;line-height:1.5;
}
.search-extra .tdb-sui-wrap > input[type="search"]::placeholder {
 color:#93a4ac;font-weight:500;opacity:1;
}
.search-extra .tdb-sui-wrap > input[type="search"]:focus-visible {
 outline:3px solid #2aa9be;outline-offset:2px;
}