/******* Do not edit this file *******
Code Snippets Manager
Saved: Oct 15 2025 | 05:54:28 */
/* --- Increase Search Block Placeholder Text Size --- */
.wp-block-search__input::placeholder {
  font-size: var(--wp--preset--font-size--fluid-regular);
}
/* --- Change Search Placeholder Color in Dark Mode --- */
body.darkmode .wp-block-search__input::placeholder {
  color: #a0a0a0;
  /* A light grey color */
  opacity: 1;
  /* Ensures the color is not faded */
}
/* --- Remove Padding from Search Form --- */
.wp-block-search__inside-wrapper {
  padding-left: 0;
  padding-right: 0;
}
/* --- Forcefully Remove Left Padding from Search Input --- */
.is-style-header-search .wp-block-search__input {
  padding-left: 0 !important;
}
/* --- Vertically Center Search Placeholder Text --- */
.wp-block-search__input {
  /* Adjust these values until the text is centered */
  padding-top: 12px !important;
  padding-bottom: 6px !important;
}
/* --- Remove Search Field Background Color --- */
.wp-block-search__input {
  background-color: transparent;
}
/* --- Remove Search Field Background on Focus --- */
.wp-block-search__input:focus {
  background-color: transparent !important;
}
/* --- Animated Search Form Border --- */
/* 1. Prepare the container and hide its original border */
.wp-block-search__inside-wrapper {
  position: relative;
  border-bottom-style: none !important;
}
/* 2. Create the new, animatable line */
.wp-block-search__inside-wrapper::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--wp--preset--color--basecolor);
  transform: scaleX(0);
  transform-origin: left center;
  /* UPDATED: Added a transition-delay */
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.33, 1);
  transition-delay: 0.15s;
  /* Delays the start of the animation */
}
/* 3. Trigger the animation when the dropdown is hovered/active */
.gs-menu-item-has-children:hover .wp-block-search__inside-wrapper::after, .gs-menu-item-has-children.active .wp-block-search__inside-wrapper::after {
  transform: scaleX(1);
}
/* --- Input text color in Light Mode --- */
body:not(.darkmode) .wp-block-search__input {
  color: #111111;
  /* Dark grey/black for typed text */
  caret-color: #111111;
  /* Match cursor color */
}
/* --- Input text color in Dark Mode --- */
body.darkmode .wp-block-search__input {
  color: #ffffff;
  /* White text in dark mode */
  caret-color: #ffffff;
  /* White cursor */
}
/* --- Mobile Search Icon Size Fix --- */
/*
 * This rule uses the unique wrapper class .gsbp-105d097 to
 * specifically target and resize ONLY the mobile search icon.
 */
.gsbp-105d097 .wp-block-search__button svg {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
}
/* Nudge the small search icon 2px to the right */
.is-style-small-search-icon .wp-block-search__button svg {
  position: relative;
  left: 2px;
}
/*
 * Adjusts padding on the mobile search input to move
 * the 'X' icon closer to the right edge.
 */
.is-style-header-search input[type=search] {
  border: none !important;
  /* Adjust padding: Top, Right, Bottom, Left */
  padding: 7px 4px 0px 0px !important;
}