/* ──────────────────────────────────────────────────────────────────────────
   Global style overrides (plugin_commerce_client_custom)

   Storefront-wide visual overrides that belong to this custom cartridge rather
   than the base app_custom_sharkninja_core header styles. Linked on every page
   via cimulate/messagingWidget.isml, which the global layout includes.
   Hand-written CSS served directly from static/ (not compiled from SCSS).
   ────────────────────────────────────────────────────────────────────────── */

/* ── Header search icon ──
   Swap ONLY the icon image for the SharkNinja "sparkle search" mark. The base
   sets it as a background-image data URI via SCSS variables in
   app_custom_sharkninja_core (_svgVariables.scss); we replace just that image
   and keep the base rendering (size/position/repeat) untouched:
     - default header: .user-section .search-toggle { background: $search-black }                                 (_header.scss:361)
     - inverse header: .navigation.inverse-navigation .user-section .search-toggle { background: $search-white }  (_header.scss:1076)
   Selectors below MATCH the base selectors exactly so specificity ties; this
   file loads after global.css/skin.css, so source order breaks the tie in our
   favor (no !important needed). */
.user-section .search-toggle {
    background: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5216 8.65737C11.4471 9.75193 11.1177 10.8011 10.4314 11.7428L15.9647 17.575L14.7569 18.8967L9.21964 13.0852C6.85493 14.8448 3.8118 14.535 1.85101 12.5813C-0.109774 10.6276 -0.454871 7.31498 1.02356 4.91107C2.50199 2.50715 5.50591 1.47454 8.25101 2.75911L7.38042 4.36998C5.14121 3.42824 2.78434 4.6178 2.07846 6.83998C1.33336 9.18194 2.62356 11.6767 4.74513 12.2385C7.14513 12.8745 9.47846 11.3298 9.77258 8.69867L11.5255 8.65324L11.5216 8.65737Z' fill='black'/%3E%3Cpath d='M13.7883 8.84329C12.9686 6.57568 11.8353 5.27046 9.61963 4.5022C11.7294 3.70916 12.9686 2.51959 13.7765 0.156982C14.5647 2.25524 15.5412 3.6885 17.8628 4.4485C15.851 5.35307 14.5059 6.4435 13.7883 8.84329Z' fill='black'/%3E%3Cpath d='M17.8675 11.5652C17.4386 10.3791 16.8455 9.6964 15.686 9.29455C16.7901 8.87974 17.4386 8.25752 17.8614 7.02173C18.2739 8.11925 18.7849 8.86893 19.9998 9.26646C18.947 9.73961 18.2431 10.31 17.8675 11.5652Z' fill='black'/%3E%3C/svg%3E");
}

.navigation.inverse-navigation .user-section .search-toggle {
    background: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4114 7.95443C11.3369 9.04899 11.0074 10.0981 10.3212 11.0399L15.8545 16.872L14.6467 18.1938L9.10941 12.3823C6.7447 14.1418 3.70157 13.832 1.74078 11.8783C-0.220003 9.92465 -0.565101 6.61204 0.913331 4.20812C2.39176 1.80421 5.39568 0.771602 8.14078 2.05617L7.27019 3.66704C5.03098 2.7253 2.67411 3.91486 1.96823 6.13704C1.22313 8.47899 2.51333 10.9738 4.6349 11.5355C7.0349 12.1716 9.36823 10.6268 9.66235 7.99573L11.4153 7.9503L11.4114 7.95443Z' fill='white'/%3E%3Cpath d='M13.7883 8.84329C12.9686 6.57568 11.8353 5.27046 9.61963 4.5022C11.7294 3.70916 12.9686 2.51959 13.7765 0.156982C14.5647 2.25524 15.5412 3.6885 17.8628 4.4485C15.851 5.35307 14.5059 6.4435 13.7883 8.84329Z' fill='white'/%3E%3Cpath d='M17.8678 11.5652C17.4389 10.3791 16.8458 9.6964 15.6863 9.29455C16.7904 8.87974 17.4389 8.25752 17.8616 7.02173C18.2741 8.11925 18.7851 8.86893 20 9.26646C18.9472 9.73961 18.2433 10.31 17.8678 11.5652Z' fill='white'/%3E%3C/svg%3E");
}