/* Base styles for all custom listing buttons */
.custom-listing-buttons {
  display: flex !important;
  justify-content: space-between !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  width: 100% !important;
}

/* Specific styles for single listing pages */
.single-listing .custom-listing-buttons {
  flex-direction: row !important;
}

/* Specific styles for category pages */
.listing-item .custom-listing-buttons {
  position: absolute !important;
  bottom: 10px !important;
  left: 10px !important;
  right: 10px !important;
}

/* Base styles for all buttons */
.custom-listing-buttons .button {
  flex: 1 !important;
  margin: 0 3px !important;
  text-align: center !important;
  padding: 8px 10px !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  color: #fff !important;
  font-weight: bold !important;
  font-size: 12px !important;
  transition: all 0.3s ease !important;
  border: none !important;
  cursor: pointer !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Hover effect for all buttons */
.custom-listing-buttons .button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;
}

/* Active state for all buttons */
.custom-listing-buttons .button:active {
  transform: translateY(1px) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
}

/* Specific colors for each button type */
.call-button {
  background-color: #4CAF50 !important;
}

.get-in-touch-button {
  background-color: #2196F3 !important;
}

.whatsapp-button {
  background-color: #25D366 !important;
}

/* Icon and text alignment for all buttons */
.custom-listing-buttons .button i {
  margin-right: 8px !important;
}

/* Styles for the popup form */
#get-in-touch-popup {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  background: white !important;
  padding: 25px !important;
  border-radius: 8px !important;
  box-shadow: 0 0 20px rgba(0,0,0,0.2) !important;
  z-index: 9999 !important;
  max-width: 400px !important;
  width: 90% !important;
}

/* Styles for form elements inside the popup */
#enquiry-form input,
#enquiry-form textarea,
#enquiry-form button {
  display: block !important;
  width: 100% !important;
  margin-bottom: 15px !important;
  padding: 10px !important;
  border: 1px solid #ddd !important;
  border-radius: 4px !important;
  font-size: 14px !important;
}

#enquiry-form button {
  background-color: #2196F3 !important;
  color: white !important;
  border: none !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease !important;
}

#enquiry-form button:hover {
  background-color: #1976D2 !important;
}

/* Close button for the popup */
.close-popup {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  font-size: 24px !important;
  cursor: pointer !important;
  color: #333 !important;
}

/* Responsive styles */
@media (max-width: 768px) {
  .single-listing .custom-listing-buttons {
    flex-direction: row !important;
  }
  
  .custom-listing-buttons .button {
    margin: 5px 0 !important;
  }
}

.listing-item {
  position: relative !important;
  padding-bottom: 60px !important; /* Adjust this value based on the height of your buttons */
}

@media (max-width: 400px) {
  .custom-listing-buttons .button {
    font-size: 10px !important;
    padding: 6px 8px !important;
  }
  
  .custom-listing-buttons .button i {
    margin-right: 2px !important;
  }
}

.get-contact-button {
  background-color: #FF9800 !important; /* Orange color for the new button */
}