.elementor-kit-12{--e-global-color-primary:#1B1245;--e-global-color-secondary:#2A1B6A;--e-global-color-text:#E0E0E0;--e-global-color-accent:#5A48D6;--e-global-color-1bcab06:#0E0E0E;--e-global-typography-primary-font-family:"Sora";--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-secondary-font-family:"Barlow Condensed";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:500;--e-global-typography-accent-font-family:"Barlow Condensed";--e-global-typography-accent-font-weight:600;--e-global-typography-1f0e9ac-font-family:"Bruno Ace";--e-global-typography-1f0e9ac-font-size:60px;background-color:#0A0A0A;background-image:url("https://vendorium.io/wp-content/uploads/2026/03/Untitled-design-2026-03-02T140855.733.webp");background-size:cover;overscroll-behavior:none;}.elementor-kit-12 button,.elementor-kit-12 input[type="button"],.elementor-kit-12 input[type="submit"],.elementor-kit-12 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;border-radius:5px 5px 5px 5px;padding:14px 24px 14px 24px;}.elementor-kit-12 button:hover,.elementor-kit-12 button:focus,.elementor-kit-12 input[type="button"]:hover,.elementor-kit-12 input[type="button"]:focus,.elementor-kit-12 input[type="submit"]:hover,.elementor-kit-12 input[type="submit"]:focus,.elementor-kit-12 .elementor-button:hover,.elementor-kit-12 .elementor-button:focus{background-color:var( --e-global-color-secondary );box-shadow:0px 0px 10px 0px #7C03FA;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-text );}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}.elementor-kit-12 img{border-radius:8px 8px 8px 8px;}.elementor-kit-12 label{color:var( --e-global-color-text );}.elementor-kit-12 input:not([type="button"]):not([type="submit"]),.elementor-kit-12 textarea,.elementor-kit-12 .elementor-field-textual{color:var( --e-global-color-text );accent-color:var( --e-global-color-text );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:8px 8px 8px 8px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:60px;--container-default-padding-right:0px;--container-default-padding-bottom:60px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-12{background-position:center center;background-repeat:repeat;background-size:contain;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-12{background-image:url("https://vendorium.io/wp-content/uploads/2026/03/Untitled-design-2026-03-02T140855.733.webp");background-repeat:no-repeat;background-size:cover;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:360px;}.e-con{--container-max-width:360px;}}
/* Start custom CSS *//* ---------- Base: Form inline ---------- */
.woocommerce-product-search {
  display: flex;
  align-items: center;
  max-width: 800px; /* adjust width as needed */
  gap: 6px; /* space between input & button */
}

/* ---------- Input styling ---------- */
.woocommerce-product-search .search-field {
  flex: 1;
  padding: 6px 10px;
  border-radius: 20px; /* even radius on all corners */
  border: 1px solid #ccc;
  margin: 0;
  color: #000 !important; /* make input text black */
  background-color: #fff; /* ensure background is white */
}

/* ---------- Button styling ---------- */
.woocommerce-product-search button {
  padding: 6px 12px;
  border: 1px solid #ccc;
  background-color: #5A48D6; /* normal color */
  color: #fff;
  cursor: pointer;
  border-radius: 20px; /* even radius */
  margin: 0;
  transition: all 0.3s ease;
  box-shadow: none; /* remove shadow normally */
}

/* ---------- Button hover effect ---------- */
.woocommerce-product-search button:hover {
  background:-color#2A1B6A; /* same as hover color */
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

/* ---------- Mobile: Change button text to 🔍 ---------- */
@media (max-width:768px) {
  .woocommerce-product-search button {
    font-size: 10px; /* bigger for icon */
    line-height: 1;
    padding: 15px 5px;
    color: #fff;
    position: relative;
  }

  /* Replace text with magnifying glass icon */
  .woocommerce-product-search button::after {
    content: "";
    display: inline-block;
  }

  .woocommerce-product-search button span {
    display: none; /* hide original "Search" text */
  }

  /* Optional: reduce button width on mobile */
  .woocommerce-product-search {
    max-width: 220px;
  }
}

/* Mobile only: change placeholder text size */
@media (max-width:768px) {
  .woocommerce-product-search .search-field::placeholder {
    font-size: 12px; /* adjust size as needed */
    color: #888;      /* optional: subtle gray */
  }
}/* End custom CSS */