/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 24 2026 | 09:25:55 */
/* ==========================================================
   CUSTOM GUITAR ATELIER — PREMIUM FIBOSEARCH HEADER

   FiboSearch-only search styling.
   Keep the main CGA header CSS for the logo, menu, account,
   cart, and social-login buttons. Load this after it.
   Appearance only; no search behavior or plugin settings changed.
   ========================================================== */

:root {
  --cga-fs-brown: #3a281f;
  --cga-fs-brown-dark: #17110e;
  --cga-fs-gold: #c49a45;
  --cga-fs-gold-light: #dfbd74;
  --cga-fs-ivory: #f5f1ea;
  --cga-fs-line: rgba(196, 154, 69, 0.38);
}

/* FiboSearch form shell */
#header .dgwt-wcas-search-wrapp,
#wide-nav .dgwt-wcas-search-wrapp,
#main-menu .dgwt-wcas-search-wrapp {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0 auto;
}

#header .dgwt-wcas-sf-wrapp,
#wide-nav .dgwt-wcas-sf-wrapp,
#main-menu .dgwt-wcas-sf-wrapp {
  position: relative;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  min-height: 50px;
  align-items: center;
  padding: 0 !important;
  background: linear-gradient(135deg, #ffffff 0%, #f7f2ea 100%) !important;
  border: 1px solid var(--cga-fs-line) !important;
  border-radius: 999px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    inset 0 -1px 0 rgba(58, 40, 31, 0.04),
    0 7px 20px rgba(58, 40, 31, 0.10);
}

#header .dgwt-wcas-sf-wrapp:focus-within,
#wide-nav .dgwt-wcas-sf-wrapp:focus-within,
#main-menu .dgwt-wcas-sf-wrapp:focus-within {
  border-color: var(--cga-fs-gold) !important;
  background: #ffffff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1),
    0 0 0 3px rgba(196, 154, 69, 0.15),
    0 10px 26px rgba(58, 40, 31, 0.14);
}

/* Input: FiboSearch's current class, not Flatsome's search-field class. */
#header .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input,
#wide-nav .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input,
#main-menu .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
  display: block;
  box-sizing: border-box;
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 60px 0 20px !important;
  color: var(--cga-fs-brown) !important;
  caret-color: var(--cga-fs-brown);
  background: transparent !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font: inherit;
  font-size: 15px !important;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.2;
  outline: none !important;
}

#header .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input::placeholder,
#wide-nav .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input::placeholder,
#main-menu .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input::placeholder {
  color: rgba(58, 40, 31, 0.56) !important;
  opacity: 1;
}

/* Gold search button */
#header .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit,
#header .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit,
#wide-nav .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit,
#wide-nav .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit,
#main-menu .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit,
#main-menu .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit {
  position: absolute !important;
  top: 4px !important;
  right: 4px !important;
  display: inline-flex !important;
  box-sizing: border-box;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  padding: 0 !important;
  color: #1b1209 !important;
  background: linear-gradient(
    135deg,
    var(--cga-fs-gold-light) 0%,
    var(--cga-fs-gold) 100%
  ) !important;
  border: 1px solid rgba(134, 90, 34, 0.34) !important;
  border-radius: 50% !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.40),
    0 4px 12px rgba(58, 40, 31, 0.22);
  cursor: pointer;
  text-shadow: none !important;
}

#header .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:before,
#header .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:before,
#wide-nav .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:before,
#wide-nav .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:before,
#main-menu .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:before,
#main-menu .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:before {
  content: none !important;
}

#header .dgwt-wcas-sf-wrapp .dgwt-wcas-ico-magnifier,
#wide-nav .dgwt-wcas-sf-wrapp .dgwt-wcas-ico-magnifier,
#main-menu .dgwt-wcas-sf-wrapp .dgwt-wcas-ico-magnifier {
  display: inline-block;
  color: #1b1209 !important;
  font-size: 18px;
  line-height: 18px;
}

#header .dgwt-wcas-sf-wrapp .dgwt-wcas-ico-magnifier-handler,
#wide-nav .dgwt-wcas-sf-wrapp .dgwt-wcas-ico-magnifier-handler,
#main-menu .dgwt-wcas-sf-wrapp .dgwt-wcas-ico-magnifier-handler {
  color: #1b1209 !important;
}

/* Keep FiboSearch's magnifier visible after removing its layout triangle. */
#header .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit > *,
#wide-nav .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit > *,
#main-menu .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit > * {
  color: inherit !important;
}

#header .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:focus-visible,
#wide-nav .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:focus-visible,
#main-menu .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:focus-visible {
  outline: 2px solid var(--cga-fs-brown);
  outline-offset: 2px;
}

#header .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit,
#wide-nav .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit,
#main-menu .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
  -webkit-tap-highlight-color: rgba(223, 189, 116, 0.22);
}

/* Live suggestions */
#header .dgwt-wcas-suggestions-wrapp,
#wide-nav .dgwt-wcas-suggestions-wrapp,
#main-menu .dgwt-wcas-suggestions-wrapp {
  box-sizing: border-box;
  margin-top: 8px !important;
  padding: 8px !important;
  background: #fffdf9 !important;
  border: 1px solid rgba(196, 154, 69, 0.44) !important;
  border-radius: 12px !important;
  box-shadow:
    0 16px 34px rgba(35, 22, 15, 0.18),
    0 3px 10px rgba(35, 22, 15, 0.08) !important;
}

#header .dgwt-wcas-suggestion,
#wide-nav .dgwt-wcas-suggestion,
#main-menu .dgwt-wcas-suggestion {
  border-bottom: 1px solid rgba(151, 111, 52, 0.16) !important;
}

#header .dgwt-wcas-suggestion:last-child,
#wide-nav .dgwt-wcas-suggestion:last-child,
#main-menu .dgwt-wcas-suggestion:last-child {
  border-bottom: 0 !important;
}

#header .dgwt-wcas-suggestion:hover,
#header .dgwt-wcas-suggestion:focus-within,
#wide-nav .dgwt-wcas-suggestion:hover,
#wide-nav .dgwt-wcas-suggestion:focus-within,
#main-menu .dgwt-wcas-suggestion:hover,
#main-menu .dgwt-wcas-suggestion:focus-within {
  background: rgba(196, 154, 69, 0.10) !important;
}

/* Mobile/tablet header search */
@media screen and (max-width: 849px) {
  #wide-nav .dgwt-wcas-search-wrapp,
  #main-menu .dgwt-wcas-search-wrapp {
    width: 100%;
    max-width: 720px;
  }

  #wide-nav .dgwt-wcas-sf-wrapp,
  #main-menu .dgwt-wcas-sf-wrapp {
    min-height: 52px;
    background: linear-gradient(
      135deg,
      rgba(58, 40, 31, 0.96) 0%,
      rgba(26, 20, 17, 0.98) 100%
    ) !important;
    border-color: rgba(223, 189, 116, 0.50) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.07),
      inset 0 -1px 0 rgba(0, 0, 0, 0.30),
      0 8px 22px rgba(0, 0, 0, 0.22);
  }

  #wide-nav .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input,
  #main-menu .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
    height: 50px !important;
    min-height: 50px !important;
    padding: 0 62px 0 20px !important;
    color: var(--cga-fs-ivory) !important;
    caret-color: var(--cga-fs-gold-light);
    font-size: 16px !important;
  }

  #wide-nav .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input::placeholder,
  #main-menu .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input::placeholder {
    color: rgba(245, 241, 234, 0.68) !important;
  }

  #wide-nav .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit,
  #wide-nav .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit,
  #main-menu .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit,
  #main-menu .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    color: #1b1209 !important;
  }

  #wide-nav .dgwt-wcas-sf-wrapp:focus-within,
  #main-menu .dgwt-wcas-sf-wrapp:focus-within {
    border-color: var(--cga-fs-gold-light) !important;
    background: linear-gradient(
      135deg,
      rgba(70, 48, 36, 0.98) 0%,
      rgba(30, 23, 19, 1) 100%
    ) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.09),
      0 0 0 3px rgba(196, 154, 69, 0.16),
      0 10px 28px rgba(0, 0, 0, 0.26);
  }
}

@media screen and (max-width: 549px) {
  #wide-nav .dgwt-wcas-sf-wrapp,
  #main-menu .dgwt-wcas-sf-wrapp {
    min-height: 48px;
  }

  #wide-nav .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input,
  #main-menu .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
    height: 46px !important;
    min-height: 46px !important;
    padding-right: 57px !important;
    padding-left: 17px !important;
  }

  #wide-nav .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit,
  #wide-nav .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit,
  #main-menu .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit,
  #main-menu .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit {
    top: 3px !important;
    right: 3px !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
  }
}

@media (hover: hover) and (pointer: fine) {
  #header .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:hover,
  #wide-nav .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:hover,
  #main-menu .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
  }
}

@media (prefers-reduced-motion: reduce) {
  #header .dgwt-wcas-sf-wrapp,
  #header .dgwt-wcas-sf-wrapp button,
  #wide-nav .dgwt-wcas-sf-wrapp,
  #wide-nav .dgwt-wcas-sf-wrapp button,
  #main-menu .dgwt-wcas-sf-wrapp,
  #main-menu .dgwt-wcas-sf-wrapp button {
    transition: none !important;
    transform: none !important;
  }
}