/*!
 * SEARCH MODAL
 */


/*!
  * ===== SEARCH MODAL STYLES =====
  *
  * These styles customize the appearance of the Kadence-powered search modal,
  * including background color, typography, icon visibility, and input styling.
  *
  * Many of these rules require `!important` because:
  * – Kadence injects inline styles via JavaScript at runtime
  * – SVG icons and input fields are dynamically styled with high specificity
  * – Some elements (e.g. cancel/search icons) are browser-native or styled inline
  *
  * Even though CSS is loaded after Kadence styles via `css-loader.php`, inline styles
  * and JS-modified elements will still override unless explicitly forced.
  *
  * Only use `!important` where necessary. Prefer specificity or attribute targeting
  * when possible to avoid future conflicts.
  */



/* Typography tweaks for search modal input */
#search-drawer input[type="search"] {
   font-size: 1.8rem !important;
   font-weight: 500 !important;
   line-height: 1.4;
   /* Subtle white drop shadow (35% opacity) */
   /*box-shadow: 5px 5px 0 rgba(255, 255, 255, 0.9) !important;*/
 }

/* Force search text and placeholder to stay white */
#search-drawer input[type="search"] {
   color: #ffffff !important;
   font-size: 1.8rem !important;
   font-weight: 500;
 }
 
#search-drawer input[type="search"]::placeholder {
   color: #f0f0f0 !important; /* near-white for contrast */
   opacity: .8 !important;
 }
 
 /* Force magnifying glass icon to stay white */
#search-drawer .kadence-search-svg {
   color: #ffffff !important;
   fill: #ffffff !important;
   width: 26px !important;
   height: 26px !important;
   margin: 0 30px 0 0 !important;
   opacity: 1;
 }

/* Style cancel icon (but don't force it to display always) */
#search-drawer input[type="search"]::-webkit-search-cancel-button {
   -webkit-appearance: none;
   height: 1em;
   width: 1em;
   background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"><path d="M18.3 5.71a1 1 0 00-1.41 0L12 10.59 7.11 5.7a1 1 0 10-1.41 1.42L10.59 12l-4.9 4.89a1 1 0 101.41 1.42L12 13.41l4.89 4.9a1 1 0 001.42-1.41L13.41 12l4.89-4.89a1 1 0 000-1.4z"/></svg>') no-repeat center center;
   background-size: contain;
   cursor: pointer;
   opacity: .75;
   filter: brightness(1000%);
 }
/* Style cancel icon on hover */
 #search-drawer input[type="search"]::-webkit-search-cancel-button:hover {
    opacity: 1;
  }