/* FiboSearch inside the GPLGuide design (Swapnil, 2026-10-11: "use Fibo Search instead of Ajax Search Pro").
   Loaded by gplguide-shared-header.php right after FiboSearch's own style.min.css. The pill look sits on FiboSearch's
   .dgwt-wcas-sf-wrapp so its suggestion list lines up with the whole bar; the doubled .gpl-fibo / .hero-fibo classes
   outweigh the colours FiboSearch prints from its settings page. */

/* Shared: FiboSearch's form fills the bar, its own magnifier and voice button are hidden (our icon stays). */
.gpl-fibo.gpl-fibo .dgwt-wcas-search-wrapp,.hero-fibo.hero-fibo .dgwt-wcas-search-wrapp{flex:1 1 auto;width:100%;min-width:0;max-width:none;height:100%;margin:0;color:#17120f;font-family:Poppins,sans-serif}
.gpl-fibo.gpl-fibo .dgwt-wcas-search-form,.hero-fibo.hero-fibo .dgwt-wcas-search-form{height:100%;margin:0;padding:0}
.gpl-fibo.gpl-fibo .dgwt-wcas-sf-wrapp,.hero-fibo.hero-fibo .dgwt-wcas-sf-wrapp{display:flex;align-items:center;height:100%;margin:0;transition:border-color .2s,background .2s,box-shadow .2s}
.gpl-fibo.gpl-fibo .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input,.hero-fibo.hero-fibo .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{flex:1 1 auto;width:100%;min-width:0;height:100%;margin:0;padding:0;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;color:#17120f;font:400 15px/1.2 Poppins,sans-serif}
.gpl-fibo.gpl-fibo .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input::placeholder,.hero-fibo.hero-fibo .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input::placeholder{color:#716762;font-style:normal;opacity:1}
.gpl-fibo.gpl-fibo .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input::-webkit-search-cancel-button,.hero-fibo.hero-fibo .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input::-webkit-search-cancel-button{display:none}
.gpl-fibo .dgwt-wcas-ico-magnifier,.hero-fibo .dgwt-wcas-ico-magnifier,.gpl-fibo .dgwt-wcas-voice-search,.hero-fibo .dgwt-wcas-voice-search{display:none}
.gpl-fibo.gpl-fibo .dgwt-wcas-preloader,.hero-fibo.hero-fibo .dgwt-wcas-preloader{width:30px;margin:0;background-position:center;z-index:1}
.gpl-fibo .dgwt-wcas-close path,.hero-fibo .dgwt-wcas-close path{fill:#716762}
.gpl-fibo .dgwt-wcas-loader-circular-path,.hero-fibo .dgwt-wcas-loader-circular-path{stroke:#ff6733}

/* Header bar (desktop): our icon on the left, the round x on the right closes the search; FiboSearch's own clear button is hidden here. */
.gpl-inline-search.gpl-fibo{padding:0;border:0;background:transparent}
.gpl-inline-search.gpl-fibo:focus-within{background:transparent}
.gpl-inline-search.gpl-fibo .gpl-inline-icon{position:absolute;left:16px;top:50%;z-index:2;transform:translateY(-50%);pointer-events:none}
.gpl-inline-search.gpl-fibo .gpl-inline-close{position:absolute;right:6px;top:50%;z-index:2;transform:translateY(-50%)}
.gpl-inline-search.gpl-fibo.gpl-fibo .dgwt-wcas-sf-wrapp{padding:0 40px 0 44px;border:1px solid #efe3de;border-radius:99px;background:#fff8f5}
.gpl-inline-search.gpl-fibo.gpl-fibo .dgwt-wcas-sf-wrapp:focus-within{border-color:#ffc2aa;background:#fff}
.gpl-inline-search.gpl-fibo.gpl-fibo .dgwt-wcas-preloader{right:38px}
.gpl-inline-search.gpl-fibo .dgwt-wcas-close{display:none}

/* Phone menu. */
.gpl-menu-find.gpl-fibo .gpl-menu-search,.gpl-menu-find.gpl-fibo .gpl-menu-search:focus-within{position:relative;display:block;padding:0;border:0;background:transparent}
.gpl-menu-find.gpl-fibo .gpl-menu-search>svg{position:absolute;left:14px;top:50%;z-index:2;transform:translateY(-50%);pointer-events:none}
.gpl-menu-find.gpl-fibo.gpl-fibo .dgwt-wcas-sf-wrapp{padding:0 6px 0 42px;border:1px solid #efe3de;border-radius:14px;background:#fff8f5}
.gpl-menu-find.gpl-fibo.gpl-fibo .dgwt-wcas-sf-wrapp:focus-within{border-color:#ff6733;background:#fff}
.gpl-menu-find.gpl-fibo.gpl-fibo .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{padding-right:30px;font-size:16px}
.gpl-menu-find.gpl-fibo.gpl-fibo .dgwt-wcas-preloader{right:4px}

/* Home hero: white pill around the input and the Search button. */
.hero-fibo.hero-fibo,.hero-fibo.hero-fibo:focus-within{display:block;padding:0;border:0;background:transparent;box-shadow:none}
.hero-fibo.hero-fibo .dgwt-wcas-sf-wrapp{gap:0;padding:5px 5px 5px 22px;border:1px solid #efe3de;border-radius:99px;background:#fff;box-shadow:0 10px 35px #ff67330d}
.hero-fibo.hero-fibo .dgwt-wcas-sf-wrapp:focus-within{border-color:#ff6733;box-shadow:0 0 0 4px #ff67331a}
.hero-fibo.hero-fibo .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{height:48px}
.hero-fibo.hero-fibo .dgwt-wcas-preloader{position:static;order:2;flex:none;width:22px;height:22px;margin-left:8px}
/* Hero Search button styled like the hero's "Browse Products" button (.button.secondary): white, light border.
   No arrow circle since 2026-10-14 (Swapnil: "just remove the arrow"), so the label sits centred with even padding. */
.hero-fibo.hero-fibo .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{position:relative;order:3;display:inline-flex;align-items:center;justify-content:center;flex:none;box-sizing:border-box;width:auto;min-width:0;height:auto;min-height:48px;margin:0 0 0 13px;padding:4px 28px;border:1px solid #efe3de;border-radius:99px;background:#fff;color:#17120f;box-shadow:none;font:500 15px Poppins,sans-serif;text-transform:none;letter-spacing:0;text-shadow:none;opacity:1;-webkit-appearance:none;appearance:none;white-space:nowrap;cursor:pointer;transition:transform .25s cubic-bezier(.22,1,.36,1),background .2s}
.hero-fibo.hero-fibo .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit::before{content:none}
/* FiboSearch fades its button to 70% on hover, focus and click and gives the label a dark 1px shadow; both made it look blurry. */
.hero-fibo.hero-fibo .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:hover,.hero-fibo.hero-fibo .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:focus,.hero-fibo.hero-fibo .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:active{background:#fff;opacity:1}
.hero-fibo.hero-fibo .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:focus-visible{outline:3px solid #17120f;outline-offset:3px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.hero-fibo.hero-fibo .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:hover{transform:translateY(-2px)}}
@media(prefers-reduced-motion:no-preference){.hero-fibo.hero-fibo .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:active{transform:scale(.96)}}
@media(max-width:600px){
.hero-fibo.hero-fibo .dgwt-wcas-sf-wrapp{padding:5px 5px 5px 14px}
.hero-fibo.hero-fibo .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{height:44px;font-size:16px}
.hero-fibo.hero-fibo .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input::placeholder{font-size:14px}
.hero-fibo.hero-fibo .dgwt-wcas-search-wrapp:not(.dgwt-wcas-search-filled) .dgwt-wcas-preloader{width:0;margin-left:0}
.hero-fibo.hero-fibo .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{min-height:44px;margin-left:8px;padding:3px 20px;font-size:14px}
}
@media(max-width:380px){
.hero-fibo.hero-fibo .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input::placeholder{font-size:13px}
.hero-fibo.hero-fibo .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{padding:3px 16px}
}
@media(prefers-reduced-motion:reduce){.hero-fibo.hero-fibo .dgwt-wcas-sf-wrapp,.hero-fibo.hero-fibo .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{transition:none;transform:none}}

/* Suggestions list (FiboSearch adds it at the end of the page): a rounded card in the site colours. */
.dgwt-wcas-suggestions-wrapp.dgwt-wcas-suggestions-wrapp{margin-top:10px;padding:8px;border:1px solid #eaded7;border-radius:18px;background:#fff;box-shadow:0 16px 40px #17120f14;font-family:Poppins,sans-serif;max-height:min(420px,70vh)}
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion{gap:12px;padding:8px;border:0;border-radius:12px;color:#17120f;font-family:Poppins,sans-serif}
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion.dgwt-wcas-suggestion-selected{background:#fff0eb}
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-st{color:#17120f;font-size:13.5px;line-height:1.35}
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-st strong{color:#17120f;font-weight:600}
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-si{flex:none;width:40px;height:40px}
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-si img{width:40px;height:40px;max-width:none;object-fit:cover;border:1px solid #f4ebe7;border-radius:9px;background:#fff8f5}
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-content-wrapp{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-sp{flex:none;color:#716762;font-size:12.5px}
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-sp del{opacity:.7}
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-headline{padding:10px 8px 2px}
.dgwt-wcas-suggestions-wrapp.dgwt-wcas-has-headings .dgwt-wcas-suggestion-headline .dgwt-wcas-st,.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-headline .dgwt-wcas-st{margin:0;padding:0 0 4px;border-bottom:1px solid #f4ebe7;color:#716762;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-headline:first-child{padding-top:4px}
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-tax .dgwt-wcas-st{font-size:13px}
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion.dgwt-wcas-suggestion-more{justify-content:flex-start;min-height:0;margin-top:6px;padding:10px;border-top:1px solid #f4ebe7;border-radius:0 0 12px 12px;color:#17120f;text-transform:none}
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-more .dgwt-wcas-st-more{padding:0;text-align:left;font-size:12.5px;font-weight:500}
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-more.dgwt-wcas-suggestion-selected .dgwt-wcas-st-more,.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-more:hover .dgwt-wcas-st-more{color:#ff6733}
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-nores{padding:10px;color:#716762;font-size:13px}
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-nores .dgwt-wcas-st{color:#716762}
@media(max-width:600px){.dgwt-wcas-suggestions-wrapp.dgwt-wcas-suggestions-wrapp{border-radius:16px;max-height:60vh}.dgwt-wcas-suggestions-wrapp .dgwt-wcas-st{font-size:13px}}
/* Search suggestions (Swapnil, 2026-10-15): the product version from ACF as a green badge on the right, the price under it. */
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-meta{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.dgwt-wcas-suggestions-wrapp .gpl-sv{display:inline-block;padding:3px 10px;border-radius:99px;background:#E6F5EC;color:#0F7A3D;font:600 12px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.2px;white-space:nowrap}
/* the sale price stays on one line under the badge */
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-sp{white-space:nowrap}
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-sp del,.dgwt-wcas-suggestions-wrapp .dgwt-wcas-sp ins{display:inline}
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-sp del{margin-right:4px}
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-sp ins{text-decoration:none;color:#17120f}
@media(max-width:600px){.dgwt-wcas-suggestions-wrapp .gpl-sv{padding:2px 8px;font-size:11px}}