/*
Theme Name: Motors Starter Theme Child
Theme URI: https://yourwebsite.com
Description: Child theme for Motors Starter Theme
Author: EISP
Template: motors-starter-theme
Version: 1.0.0
*/



/* --- UNIVERSAL BUTTON STYLE --- */
.stm-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 20px;
  border-radius: 30px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 13px;
  border: 1px solid transparent;
  line-height: 1;
  transition: all 0.25s ease;
}

/* --- WHATSAPP BUTTON --- */
.stm-whatsapp-btn {
  background: #25D366; /* Use hover color as base */
  color: #fff !important;
  border-color: #25D366;
}
.stm-whatsapp-btn svg {
  fill: #fff;
  width: 15px;
  height: 15px;
}
.stm-whatsapp-btn:hover {
  background: transparent;
  color: #25D366 !important;
}
.stm-whatsapp-btn:hover svg {
  fill: #25D366;
}

/* --- EMAIL BUTTON --- */
.stm-email-btn {
  background: #D4AF37; /* Use hover color as base */
  color: #000 !important;
  border-color: #D4AF37;
  margin-left: 8px;
}
.stm-email-btn svg {
  fill: #000;
  width: 15px;
  height: 15px;
}
.stm-email-btn:hover {
  background: transparent;
  color: #D4AF37 !important;
}
.stm-email-btn:hover svg {
  fill: #D4AF37;
}

/* --- MAKE SHARE BUTTON TEXT BOLD --- */
.stm-shareble .stm-item-title,
.stm-shareable .stm-item-title,
.stm-btn.stm-share-btn span,
button.stm-share-btn span {
  font-weight: 600 !important;
}





/* --- FIX SPACING FOR WHATSAPP & EMAIL BUTTONS IN AJAX SEARCH RESULTS --- */
.stm-listing-directory-list-loop .stm-whatsapp-btn,
.stm-listing-directory-list-loop .stm-email-btn {
  margin-top: 6px;
  margin-bottom: 6px;
}

.stm-listing-directory-list-loop .stm-whatsapp-btn + .stm-email-btn {
  margin-left: 8px;
}

/* Align all action buttons (WhatsApp, Email, Share) nicely in one line */
.stm-listing-directory-list-loop .stm-whatsapp-btn,
.stm-listing-directory-list-loop .stm-email-btn,
.stm-listing-directory-list-loop .stm-shareble,
.stm-listing-directory-list-loop .stm-shareable {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}

/* Prevent overlap in tighter AJAX containers */
.stm-listing-directory-list-loop .listing-car-item-meta ul,
.stm-listing-directory-list-loop .listing-car-item-meta div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}





/* Slightly increase space between icon and button text */
.stm-pill {
  gap: 10px !important; /* was 8px */
}

.stm-pill svg {
  margin-right: 2px; /* extra tiny spacing buffer */
  flex-shrink: 0;
}


/* --- SHARE BUTTON (Match Email Style) --- */
.stm-share-btn {
  background: #D4AF37; /* same gold as Email button */
  color: #000 !important;
  border-color: #D4AF37;
  margin-left: 8px;
}
.stm-share-btn svg {
  fill: #000;
  width: 15px;
  height: 15px;
}
.stm-share-btn:hover {
  background: transparent;
  color: #D4AF37 !important;
}
.stm-share-btn:hover svg {
  fill: #D4AF37;
}