/* --- WooCommerce pagination: center + horizontal --- */
.woocommerce nav.woocommerce-pagination {
  text-align: center !important;
  width: 100%;
}

.woocommerce nav.woocommerce-pagination ul.page-numbers {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 auto !important;
  float: none !important;
}

.woocommerce nav.woocommerce-pagination ul.page-numbers > li {
  flex: 0 0 auto !important;
  width: auto !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
}

.woocommerce nav.woocommerce-pagination ul.page-numbers > li a,
.woocommerce nav.woocommerce-pagination ul.page-numbers > li span {
  display: inline-block !important;  /* stop full-width blocks */
  width: auto !important;
  min-width: 36px;                   /* optional: tidy squares */
  line-height: 36px;
  text-align: center;
  padding: 0 .6em !important;
}
/* Hide WordAds top ad slot ONLY if empty */
.wordads-ad-wrapper--top:has(.wordads-ad-content:empty) {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
#page > div.wordads-ad-wrapper.wordads-ad-wrapper--sidebar_sticky_right.wordads-ad-sticky-wrapper {
    display: none !important;
}
/* ===========================
   INTL-TEL-INPUT — FINAL CSS
   =========================== */

/* Wrapper sane; dropdown can overflow */
.iti {
  position: relative !important;
  overflow: visible !important;
  display: block !important;
}

/* Input visuals */
.iti input[type="tel"],
.iti input[type="text"] {
  background: #fff !important;
  color: #222 !important;
  height: 44px !important;
  line-height: 44px !important;
  border: 1px solid #ddd !important;
  border-radius: 6px !important;
  padding-left: 60px !important;  /* room for flag */
  box-sizing: border-box !important;
  width: 100% !important;
}

/* Flag at left inside input */
.iti__flag-container {
  position: absolute !important;
  left: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 5 !important;
  background: transparent !important;
}

/* Dropdown under input, same width, readable */
.iti .iti__country-list {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: auto !important;
  width: 100% !important;
  max-width: none !important;

  max-height: 50vh !important;
  overflow-y: auto !important;

  z-index: 2147483647 !important;
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  border-radius: 8px !important;
  box-shadow: 0 12px 30px rgba(9,26,31,0.08) !important;
}

/* Row look & feel */
.iti__country {
  background: #fff !important;
  color: #222 !important;
  padding: 8px 12px !important;
}
.iti__country:hover,
.iti__country.iti__country--highlight {
  background: #f2f8f7 !important;
  color: #0b3a39 !important;
}

/* Text stays opaque */
.iti__country-name, .iti__dial-code {
  color: #222 !important;
  opacity: 1 !important;
}

/* Flags spacing */
.iti__country .iti__flag { margin-right: 10px !important; }

/* Kill any accidental translucency from theme */
.iti, .iti__container, .iti__country-list {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  opacity: 1 !important;
}

/* Mobile tweaks */
@media (max-width: 768px) {
  .iti .iti__country-list { max-height: 55vh !important; }
  .iti input[type="tel"], .iti input[type="text"] {
    height: 42px !important;
    padding-left: 56px !important;
  }
}

/* ---- OPTIONAL: flag sprite fallback if flags ever vanish ----
.iti__flag {
  width: 22px !important; height: 16px !important; display: inline-block !important;
  background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/img/flags.png") !important;
  background-repeat: no-repeat !important; background-size: 560px 400px !important;
}
*/
/* --- ENSURE SWITCHER IS ALWAYS VISIBLE --- */
#mg-woocs-float {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 999999 !important;
}

/* --- MOBILE (phones & small tablets) --- */
@media (max-width: 768px) {
  #mg-woocs-float {
    position: fixed !important;
    top: 8px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: #ffffff !important;
    border: 1px solid #000000 !important;
    border-left: 3px solid #009dff !important; /* Electric blue accent */
    border-radius: 8px !important;
    padding: 3px 6px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    max-width: 70% !important;
  }

  /* Smaller text & tighter spacing */
  #mg-woocs-float .woocs-currencies,
  #mg-woocs-float select,
  #mg-woocs-float .woocs_title {
    font-size: 10px !important;
    line-height: 1.1 !important;
    font-weight: 600 !important;
  }

  /* Shrink flag icons */
  #mg-woocs-float img {
    width: 11px !important;
    height: auto !important;
    margin-right: 3px !important;
  }

  /* Compact dropdown style */
  #mg-woocs-float .woocs_list,
  #mg-woocs-float .woocs-list {
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: min(80vw, 230px) !important;
    max-height: 45vh !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
}

/* --- ULTRA SMALL DEVICES (≤480px) --- */
@media (max-width: 480px) {
  #mg-woocs-float {
    top: 6px !important;
    padding: 2px 5px !important;
    border-width: 0.8px !important;
    border-left-width: 2px !important;
    border-radius: 6px !important;
    max-width: 82% !important;
  }

  #mg-woocs-float .woocs-currencies,
  #mg-woocs-float select {
    font-size: 9px !important;
  }

  #mg-woocs-float img {
    width: 10px !important;
    height: auto !important;
  }
}