/**
 * MysteryBril — 03 · Header
 * ---------------------------------------------------------------------------
 * Samengevoegd uit het WPCode-snippet "Addtional CSS" (blok /*** Header CSS ***\/)
 * en het headergedeelte van de oude Customizer "Extra CSS".
 * ---------------------------------------------------------------------------
 */

/* --- Headerbalk: zwart, tekst wit, hover oranje --- */
#header,
#header .ct-container-fluid {
  background-color: var(--mb-black) !important;
}

#header a,
#header .ct-menu-link,
#header .item-link,
#header .site-title,
#header .site-tagline {
  color: var(--mb-white) !important;
}

#header a:hover,
#header .ct-menu-link:hover,
#header .item-link:hover {
  color: var(--mb-orange) !important;
}

/* --- Zoek- en trigger-knoppen geen achtergrond bij hover --- */
button.ct-header-search:hover,
button.ct-header-trigger:hover {
  background: transparent !important;
  background-color: transparent !important;
}

/* --- Zoekicoon (FiboSearch): wit in rust, oranje bij hover --- */
.dgwt-wcas-search-icon,
.dgwt-wcas-search-icon svg,
svg.dgwt-wcas-ico-magnifier-handler,
svg.dgwt-wcas-ico-magnifier-handler path {
  fill: var(--mb-white) !important;
  color: var(--mb-white) !important;
}

.dgwt-wcas-search-icon:hover,
.dgwt-wcas-search-icon:hover svg,
a.dgwt-wcas-search-icon:hover svg.dgwt-wcas-ico-magnifier-handler,
a.dgwt-wcas-search-icon:hover svg.dgwt-wcas-ico-magnifier-handler path {
  fill: var(--mb-orange) !important;
  color: var(--mb-orange) !important;
}

/* --- Zoekmodal: ronde oranje verzendknop --- */
#search-modal .ct-search-form-inner button[type="submit"],
#search-modal .ct-search-form button[type="submit"],
#search-modal .ct-search-form .ct-button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 50% !important;
  background-color: var(--mb-orange) !important;
  color: var(--mb-white) !important;
}

#search-modal .ct-search-form-inner button[type="submit"] svg,
#search-modal .ct-search-form button[type="submit"] svg,
#search-modal .ct-search-form .ct-button svg {
  width: 24px !important;
  height: 24px !important;
  fill: var(--mb-white) !important;
  color: var(--mb-white) !important;
}

#search-modal .ct-search-form-inner button[type="submit"]:hover,
#search-modal .ct-search-form button[type="submit"]:hover,
#search-modal .ct-search-form .ct-button:hover {
  background-color: #b34400 !important;
}

/* --- FiboSearch resultaten --- */
.dgwt-wcas-details-desc {
  display: none;
}

.dgwt-wcas-pd-addtc-form input.qty {
  width: 60px !important;
  padding-inline: 8px !important;
  text-align: center !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  opacity: 1 !important;
  -moz-appearance: number-input !important;
}

.dgwt-wcas-pd-addtc-form input.qty::-webkit-inner-spin-button,
.dgwt-wcas-pd-addtc-form input.qty::-webkit-outer-spin-button {
  -webkit-appearance: auto !important;
  opacity: 1;
}

.dgwt-wcas-pd-addtc-form input.qty:focus {
  outline: none !important;
  border-color: var(--mb-orange) !important;
  box-shadow: 0 0 0 1px var(--mb-orange) !important;
}

/* --- Actieve pagina in het hoofdmenu oranje --- */
#header-menu-1 #menu-main-menu .current_page_item a {
  color: var(--mb-orange) !important;
}

/* "Gratis bril" staat altijd oranje, als vaste actie-link in het menu. */
#header-menu-1 #menu-main-menu #menu-item-242 a {
  color: var(--mb-orange) !important;
}