/* =========================
   UPI Refresh Global
========================= */

:root {
  --upi-dark-blue: #142743;
  --upi-bright-blue: #2653f6;
  --upi-green: #79c569;
  --upi-white: #ffffff;
}


/* =========================
   Global Elementor Buttons

   Add one of these classes to the Elementor widget:
   - upi-button-green
   - upi-button-blue

   Optional larger hero button:
   - upi-button-hero
========================= */

/* Shared Elementor button structure */

.elementor .elementor-element.upi-button-green .elementor-button,
.elementor .elementor-element.upi-button-green .elementor-button:visited,
.elementor .elementor-element.upi-button-green .elementor-button:hover,
.elementor .elementor-element.upi-button-green .elementor-button:focus,
.elementor .elementor-element.upi-button-green .elementor-button:focus-visible,
.elementor .elementor-element.upi-button-green .elementor-button:active,
.elementor .elementor-element.upi-button-blue .elementor-button,
.elementor .elementor-element.upi-button-blue .elementor-button:visited,
.elementor .elementor-element.upi-button-blue .elementor-button:hover,
.elementor .elementor-element.upi-button-blue .elementor-button:focus,
.elementor .elementor-element.upi-button-blue .elementor-button:focus-visible,
.elementor .elementor-element.upi-button-blue .elementor-button:active {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 13px 32px !important;
  border: 0 !important;
  border-radius: 14px !important;
  outline: 0 !important;
  box-shadow: none !important;
  font-family: "Open Sans", sans-serif !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: normal !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
  cursor: pointer;
}

/* Green Elementor button */

.elementor .elementor-element.upi-button-green .elementor-button,
.elementor .elementor-element.upi-button-green .elementor-button:visited,
.elementor .elementor-element.upi-button-green .elementor-button:hover,
.elementor .elementor-element.upi-button-green .elementor-button:focus,
.elementor .elementor-element.upi-button-green .elementor-button:focus-visible,
.elementor .elementor-element.upi-button-green .elementor-button:active {
  background: var(--upi-green) !important;
  color: var(--upi-dark-blue) !important;
}

/* Green JetSmartFilters apply button */

.elementor
.elementor-element.upi-button-green.elementor-widget-jet-smart-filters-apply-button
button.apply-filters__button,
.elementor
.elementor-element.upi-button-green.elementor-widget-jet-smart-filters-apply-button
button.apply-filters__button:visited,
.elementor
.elementor-element.upi-button-green.elementor-widget-jet-smart-filters-apply-button
button.apply-filters__button:hover,
.elementor
.elementor-element.upi-button-green.elementor-widget-jet-smart-filters-apply-button
button.apply-filters__button:focus,
.elementor
.elementor-element.upi-button-green.elementor-widget-jet-smart-filters-apply-button
button.apply-filters__button:focus-visible,
.elementor
.elementor-element.upi-button-green.elementor-widget-jet-smart-filters-apply-button
button.apply-filters__button:active {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 56px !important;
    margin: 0 !important;
    padding: 13px 32px !important;

    background-color: var(--upi-green) !important;
    color: var(--upi-dark-blue) !important;

    border: 0 !important;
    border-radius: 14px !important;
    outline: 0 !important;
    box-shadow: none !important;

    font-family: "Open Sans", sans-serif !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;

    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
    cursor: pointer;
}

/* Blue Elementor button */

.elementor .elementor-element.upi-button-blue .elementor-button,
.elementor .elementor-element.upi-button-blue .elementor-button:visited,
.elementor .elementor-element.upi-button-blue .elementor-button:hover,
.elementor .elementor-element.upi-button-blue .elementor-button:focus,
.elementor .elementor-element.upi-button-blue .elementor-button:focus-visible,
.elementor .elementor-element.upi-button-blue .elementor-button:active {
  background: var(--upi-bright-blue) !important;
  color: var(--upi-white) !important;
}

/* Optional larger hero button */

.elementor .elementor-element.upi-button-hero .elementor-button,
.elementor .elementor-element.upi-button-hero .elementor-button:visited,
.elementor .elementor-element.upi-button-hero .elementor-button:hover,
.elementor .elementor-element.upi-button-hero .elementor-button:focus,
.elementor .elementor-element.upi-button-hero .elementor-button:focus-visible,
.elementor .elementor-element.upi-button-hero .elementor-button:active {
  min-height: 58px !important;
  padding: 16px 40px !important;
  font-size: 22px !important;
}

/* Keep Elementor button text and icons aligned */

.elementor .elementor-element.upi-button-green .elementor-button-content-wrapper,
.elementor .elementor-element.upi-button-blue .elementor-button-content-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px;
}

.elementor .elementor-element.upi-button-green .elementor-button-text,
.elementor .elementor-element.upi-button-blue .elementor-button-text {
  line-height: inherit !important;
}


/* Global Header */

.upi-header .elementor-nav-menu > li > a {
  font-family: "Open Sans", sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
}

.upi-header .woocommerce-Price-amount {
  font-family: "Open Sans", sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  gap: 6px;
}

/* .search-stock-btn [type="button"]:hover, .search-stock-btn [type="submit"]:focus {
  color: #fff !important;
  background-color: #0CCA4A !important;
  text-decoration: none !important;
} */