/* ============================================================
   Sidebar banner CSS — Hide Shipping Method (Free) → Pro upsell
   All rules are scoped under div.pisol-hsmb and use !important so
   they hold up against WP admin core CSS and other plugins' CSS
   loading on the same settings page.
============================================================= */

div.pisol-hsmb,
div.pisol-hsmb * {
  box-sizing: border-box !important;
}

div.pisol-hsmb {
  display: block !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  width: 100% !important;
  max-width: 300px !important;
  background: linear-gradient(160deg, #1e2a5e 0%, #3949ab 100%) !important;
  border-radius: 14px !important;
  padding: 22px 20px !important;
  color: #ffffff !important;
  box-shadow: 0 6px 20px rgba(30, 42, 94, 0.25) !important;
  line-height: 1.5 !important;
  margin: 0 0 20px 0 !important;
}

div.pisol-hsmb .pisol-hsmb-badge {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.16) !important;
  border: 1px solid var(--pisol-primary-color) !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  margin: 0 0 12px 0 !important;
}

div.pisol-hsmb h3.pisol-hsmb-title {
  all: unset !important;
  display: block !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  line-height: 1.3 !important;
  margin: 0 0 8px 0 !important;
}

div.pisol-hsmb p.pisol-hsmb-sub {
  all: unset !important;
  display: block !important;
  font-size: 12.5px !important;
  color: rgba(255, 255, 255, 0.82) !important;
  margin: 0 0 14px 0 !important;
}

div.pisol-hsmb ul.pisol-hsmb-list {
  all: unset !important;
  display: block !important;
  list-style: none !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
}

div.pisol-hsmb ul.pisol-hsmb-list li {
  all: unset !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  font-size: 12.5px !important;
  color: #ffffff !important;
  padding: 5px 0 !important;
  margin: 0 !important;
}

div.pisol-hsmb .pisol-hsmb-check {
  flex: 0 0 16px !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  color: #1e2a5e !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 1px !important;
}

div.pisol-hsmb a.pisol-hsmb-btn {
  all: unset !important;
  display: block !important;
  text-align: center !important;
  background: #ffffff !important;
  color: #1e2a5e !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  padding: 11px 14px !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  transition: background 0.15s ease, transform 0.15s ease !important;
}

div.pisol-hsmb a.pisol-hsmb-btn:hover {
  background: #eef0ff !important;
  transform: translateY(-1px) !important;
  color: #1e2a5e !important;
}

div.pisol-hsmb .pisol-hsmb-note {
  font-size: 10.5px !important;
  color: rgba(255, 255, 255, 0.65) !important;
  text-align: center !important;
  margin: 10px 0 0 0 !important;
}

@media (max-width: 782px) {
  div.pisol-hsmb {
    max-width: 100% !important;
  }
}