/* === DELIVERY ROWS: Make <li> and <a> same size === */
.delivery-ubereats-contact,
.delivery-deliveroo-contact,
.delivery-justeat-contact,
.delivery-opentable-contact {
  margin: 0 0 1px 0 !important;
  padding: 0 !important;
  border: none !important;
  width: 100% !important;
  display: flex !important;             /* make li a flex container */
  align-items: stretch !important;      /* stretch child to full height */
  background-color: transparent !important;
}

/* === Shared base button style: fill parent === */
.lp-ubereats-btn,
.lp-deliveroo-btn,
.lp-justeat-btn,
.lp-opentable-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-grow: 1 !important;
  width: 100% !important;
  height: 100% !important;              /* match li height */
  padding: 10px 18px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  line-height: 1.2 !important;
  gap: 10px !important;
  border: none !important;
  color: #ffffff !important;
  background-color: transparent !important;
  transition: all 0.3s ease !important;
}

/* === Icon sizing === */
.lp-ubereats-btn img,
.lp-deliveroo-btn img,
.lp-justeat-btn img,
.lp-opentable-btn img {
  height: 24px !important;
  width: auto !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  vertical-align: middle !important;
}

/* === DESKTOP COLORS — li has background, a is transparent === */
body:not(.is-appview) .delivery-ubereats-contact   { background-color: #07C168 !important; }
body:not(.is-appview) .delivery-deliveroo-contact  { background-color: #00CDBC !important; }
body:not(.is-appview) .delivery-justeat-contact    { background-color: #E57029 !important; }
body:not(.is-appview) .delivery-opentable-contact  { background-color: #E2443B !important; }

body:not(.is-appview) .delivery-ubereats-contact a.lp-ubereats-btn     { color: #ffffff !important; }
body:not(.is-appview) .delivery-deliveroo-contact a.lp-deliveroo-btn   { color: #ffffff !important; }
body:not(.is-appview) .delivery-justeat-contact a.lp-justeat-btn       { color: #ffffff !important; }
body:not(.is-appview) .delivery-opentable-contact a.lp-opentable-btn   { color: #ffffff !important; }

/* === Hover: White background, brand-colored text === */
body:not(.is-appview) .delivery-ubereats-contact:hover     { background-color: #ffffff !important; }
body:not(.is-appview) .delivery-deliveroo-contact:hover    { background-color: #ffffff !important; }
body:not(.is-appview) .delivery-justeat-contact:hover      { background-color: #ffffff !important; }
body:not(.is-appview) .delivery-opentable-contact:hover    { background-color: #ffffff !important; }

body:not(.is-appview) .delivery-ubereats-contact:hover a.lp-ubereats-btn     { color: #07C168 !important; }
body:not(.is-appview) .delivery-deliveroo-contact:hover a.lp-deliveroo-btn   { color: #00CDBC !important; }
body:not(.is-appview) .delivery-justeat-contact:hover a.lp-justeat-btn       { color: #E57029 !important; }
body:not(.is-appview) .delivery-opentable-contact:hover a.lp-opentable-btn   { color: #E2443B !important; }

/* === Prevent inline styles from theme === */
body:not(.is-appview) .features-listing {
  display: block !important;
  flex-wrap: wrap !important;
}
/* === DESKTOP Hover Fix: Row background white + text color match brand === */
body:not(.is-appview) li.delivery-ubereats-contact:hover a.lp-ubereats-btn {
  color: #07C168 !important;
}

body:not(.is-appview) li.delivery-deliveroo-contact:hover a.lp-deliveroo-btn {
  color: #00CDBC !important;
}

body:not(.is-appview) li.delivery-justeat-contact:hover a.lp-justeat-btn {
  color: #E57029 !important;
}

body:not(.is-appview) li.delivery-opentable-contact:hover a.lp-opentable-btn {
  color: #E2443B !important;
}
/* ========================================
   ✅ APPVIEW STYLES — full row buttons
   (Mobile App View — ListingPro App)
======================================== */
body.is-appview li.delivery-ubereats-contact,
body.is-appview li.delivery-deliveroo-contact,
body.is-appview li.delivery-justeat-contact,
body.is-appview li.delivery-opentable-contact {
  background-color: transparent !important;
  padding: 0 !important;
  margin: 0 0 0.2px 0 !important;
  display: block !important;
}

body.is-appview .lp-ubereats-btn {
  background-color: #07C168 !important;
  color: #ffffff !important;
}

body.is-appview .lp-deliveroo-btn {
  background-color: #00CDBC !important;
  color: #ffffff !important;
}

body.is-appview .lp-justeat-btn {
  background-color: #E57029 !important;
  color: #ffffff !important;
}

body.is-appview .lp-opentable-btn {
  background-color: #E2443B !important;
  color: #ffffff !important;
}

/* Optional: Keep button shape consistent in AppView */
body.is-appview .lp-ubereats-btn,
body.is-appview .lp-deliveroo-btn,
body.is-appview .lp-justeat-btn,
body.is-appview .lp-opentable-btn {
  border-radius: 0 !important;
  padding: 12px 20px !important;
  min-height: 48px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  box-sizing: border-box !important;
}