/* Product News Page Custom Spacing */

#product-news-heading {
  margin-bottom: 14px !important;
}

#category-filters {
  margin-bottom: 18px !important;
}

#category-filters .wpb_wrapper {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.news-item {
  padding: 16px 16px 12px 16px !important;
  margin-bottom: 15px !important;
  border-radius: 6px !important;
  background: #f9f9f9;
  border: 1px solid #e0e0e0;
}

.category-label {
  margin-bottom: 6px !important;
  font-size: 15px !important;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.news-date {
  font-size: 13px !important;
  color: #555 !important;
  margin-bottom: 4px !important;
}

/* Month Heading Styles */
h2.month-heading,
.wpb_text_column h2 {
  margin-top: 32px !important;
  margin-bottom: 14px !important;
  font-size: 22px !important;
  font-weight: 700;
}

/* News Title Styles */
h3.news-title,
.news-item h3 {
  margin-top: 0 !important;
  margin-bottom: 7px !important;
  font-size: 19px !important;
  font-weight: 600;
  line-height: 1.4;
}

/* Remove excessive spacing from Empty Space elements */
.vc_empty_space {
  display: none !important;
}

/* General spacing adjustments */
.wpb_column > .wpb_wrapper {
  padding: 0 !important;
}

/* Override inline styles for better control */
.vc_custom_1761225792688 {
  padding-top: 20px !important;
  padding-bottom: 10px !important;
}

.vc_custom_1761225877347 {
  margin-bottom: 14px !important;
  padding-top: 10px !important;
}

.vc_custom_1761224854661 {
  margin-top: 0px !important;
  padding-top: 0px !important;
}

.vc_custom_1761225817686 {
  margin-bottom: 18px !important;
}

.vc_custom_1761204468052 {
  padding-top: 0px !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .news-item {
    padding: 14px 14px 10px 14px !important;
    margin-bottom: 12px !important;
  }
  
  h2.month-heading,
  .wpb_text_column h2 {
    margin-top: 24px !important;
    margin-bottom: 12px !important;
    font-size: 20px !important;
  }
  
  h3.news-title,
  .news-item h3 {
    font-size: 17px !important;
    margin-bottom: 6px !important;
  }
  
  .category-label {
    font-size: 14px !important;
    margin-bottom: 5px !important;
  }
  
  .news-date {
    font-size: 12px !important;
    margin-bottom: 3px !important;
  }
}