/* Accordion Styles for Description */
.hostapi-read-more-btn,
.hostapi-read-less-btn {
  background: #FE595E;
  color: white;
  border: none;
  padding: 8px 16px;
  border-radius: 4px;
  cursor: pointer;
  margin: 10px 0;
  font-weight: 500;
  transition: background-color 0.2s ease;
}

.hostapi-read-more-btn:hover,
.hostapi-read-less-btn:hover {
  background: #e63946;
}

.hostapi-read-more-container,
.hostapi-read-less-container {
  display: flex;
  margin: 15px 0;
}

.hostapi-description-hidden {
  animation: fadeIn 0.5s;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Add this CSS to your theme's style.css or through WordPress Customizer */

/* Make section titles (Location, Other Listings) consistent */
h3.hostapi-listing-section-title,
.hostapi-listing-map-section h3,
.hostapi-other-listings-section h2 {
    display: block !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    margin: 30px 0 15px 0 !important;
}

/* Ensure titles in the Description tab don't get styled incorrectly */
#description-tab h4.hostapi-listing-section-title {
    display: block !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    margin: 30px 0 15px 0 !important;
}

/* Styles for heading specifically in the hidden accordion section */
.hostapi-description-hidden h4.hostapi-listing-section-title {
    display: block !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    margin: 30px 0 15px 0 !important;
}