/* AirAcro – header menu colours */

/* default state = white */
.header .nav__menu .nav-links,
.header .nav__menu-items > li > .nav-links,
.header .nav__menu .nav-links:visited {
  color: #fc0a01 !important;
  background-color: transparent !important;
}

/* hover + active page = red, no yellow background */
.header .nav__menu .nav-links:hover,
.header .nav__menu .nav-links:focus,
.header .nav__menu .nav-links:active,
.header .nav__menu .nav-links.active,
.header .nav__menu-items > li.current-menu-item > .nav-links,
.header .nav__menu-items > li.current_page_item > .nav-links {
  color: #000000 !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
/* AirAcro – remove mint green from search fields */

.sidebar .sidebar__single .search_form,
.sidebar .sidebar__single .search_form input,
.sidebar .sidebar__single .search_form input:focus,
.sidebar .sidebar__single .search_form button {
  background-color: #ffffff !important;   /* or #000000 if you prefer */
  border: 1px solid #fc0a01 !important;   /* AirAcro red border – change/remove if you like */
  box-shadow: none !important;
}

/* Make the search icon red */
.sidebar .sidebar__single .search_form button i,
.sidebar .sidebar__single .search_form button svg {
  color: #fc0a01 !important;
}
/* AirAcro – remove mint background from all Facility Overview boxes */

.facility__overview,
.facility__overview * {
  background-color: transparent !important;
  background: none !important;
  box-shadow: none !important;
}
/* AirAcro – remove mint tint from testimonial slider boxes globally */

.facility__slider-wrapper,
.facility__slider-wrapper *,
.slider-navigation *,
.facility__slider-wrapper .facility__slider-single,
.facility__slider-single,
.facility__details .facility__slider-wrapper {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border-color: transparent !important;
}
/* AirAcro – remove mint tint on Related Facility / facility blocks */
.section.facility--main.box_area,
.facility--main.box_area,
.section.facility--main,
.box_area.facility--main {
    background: transparent !important;
    background-color: transparent !important;
}
/* ================================
   GLOBAL AIRACRO BUTTON STYLE
   ================================ */

/* Default button appearance */
button,
input[type="submit"],
.cmn-button,
.elementor-button,
a.elementor-button-link {
    background-color: #fc0a01 !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
    padding: 10px 12px !important;
    transition: all 0.2s ease-in-out !important;
}

/* Hover state – black with white text */
button:hover,
input[type="submit"]:hover,
.cmn-button:hover,
.elementor-button:hover,
a.elementor-button-link:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* Active / focus states */
button:active,
button:focus,
.cmn-button:active,
.cmn-button:focus,
.elementor-button:active,
.elementor-button:focus {
    background-color: #000000 !important;
    color: #ffffff !important;
    outline: none !important;
    box-shadow: none !important;
}
/* AirAcro – slider arrows: keep icons white in red boxes at all times */

/* Base state – arrows inside red boxes */
.slider-navigation .cmn-button.slick-arrow,
.slider-navigation .cmn-button.slick-arrow::before,
.slider-navigation .cmn-button.slick-arrow i,
.slider-navigation .cmn-button.slick-arrow span {
  color: #ffffff !important;
}

/* Hover / focus / active – keep them white too */
.slider-navigation .cmn-button.slick-arrow:hover,
.slider-navigation .cmn-button.slick-arrow:focus,
.slider-navigation .cmn-button.slick-arrow:active,
.slider-navigation .cmn-button.slick-arrow:hover::before,
.slider-navigation .cmn-button.slick-arrow:focus::before,
.slider-navigation .cmn-button.slick-arrow:active::before,
.slider-navigation .cmn-button.slick-arrow:hover i,
.slider-navigation .cmn-button.slick-arrow:focus i,
.slider-navigation .cmn-button.slick-arrow:active i {
  color: #ffffff !important;
}
/* Make ALL button text/icons white on hover */
button:hover,
button:hover *,

input[type="submit"]:hover,
input[type="submit"]:hover *,

.cmn-button:hover,
.cmn-button:hover *,

.elementor-button:hover,
.elementor-button:hover *,

a.elementor-button-link:hover,
a.elementor-button-link:hover * {
    color: #ffffff !important;
    fill: #ffffff !important; /* for SVG icons */
}

/* Background remains black on hover */
button:hover,
input[type="submit"]:hover,
.cmn-button:hover,
.elementor-button:hover,
a.elementor-button-link:hover {
    background-color: #000000 !important;
}
/* Woo Blocks – quantity +/- buttons */
.wp-block-woocommerce-cart .wc-block-components-quantity-selector__button {
  background-color: #fc0a01 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 999px !important;   /* keeps them circular */
  opacity: 1 !important;
}

/* Quantity input box */
.wp-block-woocommerce-cart .wc-block-components-quantity-selector__input {
  background-color: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #dddddd !important;
}
/* Woo Blocks – tidy quantity selector so buttons sit neatly inside */

/* Outer wrapper: make it a pill with no weird extra gap */
.wp-block-woocommerce-cart .wc-block-components-quantity-selector {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 999px !important;
  border: 1px solid #dddddd !important;  /* subtle outline, remove if you hate it */
  overflow: hidden !important;
  background-color: #ffffff !important;
}

/* +/- buttons */
.wp-block-woocommerce-cart .wc-block-components-quantity-selector__button {
  background-color: #fc0a01 !important;
  color: #ffffff !important;
  border: none !important;
  width: 40px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  border-radius: 0 !important; /* we round only the ends below */
}

/* round just the ends of the pill */
.wp-block-woocommerce-cart .wc-block-components-quantity-selector__button--minus {
  border-top-left-radius: 999px !important;
  border-bottom-left-radius: 999px !important;
}
.wp-block-woocommerce-cart .wc-block-components-quantity-selector__button--plus {
  border-top-right-radius: 999px !important;
  border-bottom-right-radius: 999px !important;
}

/* Middle number box – fixed width, no extra border */
.wp-block-woocommerce-cart .wc-block-components-quantity-selector__input {
  width: 40px !important;
  max-width: 40px !important;
  text-align: center !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: #ffffff !important;
  box-shadow: none !important;
}
/* Remove Item styling – white background, red text */
.wp-block-woocommerce-cart .wc-block-cart-item__remove-link {
    background-color: #ffffff !important;
    color: #fc0a01 !important; /* your red */
    border: 1px solid #fc0a01 !important;
    padding: 6px 14px !important;
    display: inline-block;
    border-radius: 4px;
    text-decoration: none !important;
}

/* On hover – white background, darker red text (optional) */
.wp-block-woocommerce-cart .wc-block-cart-item__remove-link:hover {
    background-color: #ffffff !important;
    color: #d40800 !important;
    border-color: #d40800 !important;
    text-decoration: none !important;
}
/* Product titles in WooCommerce Blocks */
.wc-block-components-product-name,
.wc-block-cart-item__product .wc-block-components-product-name,
.wc-block-components-product-title {
    color: #000000 !important;
}
/* WooCommerce Blocks – Prices */
.wc-block-components-product-price,
.wc-block-components-product-price__value,
.wc-block-cart-item__price,
.wc-block-components-totals-item__value,
.wc-block-components-totals-item__label,
.wc-block-components-totals__total-value,
.wc-block-components-order-summary-item__subtotal {
    color: #000000 !important;
}