/* ==========================================================================
   Footer Text Color Force White (Elementor Footer)
   ========================================================================== */
.footer_wrap,
.footer_wrap *,
.footer_wrap p,
.footer_wrap h1,
.footer_wrap h2,
.footer_wrap h3,
.footer_wrap h4,
.footer_wrap h5,
.footer_wrap h6,
.footer_wrap span,
.footer_wrap li,
.footer_wrap a,
.footer_wrap .elementor-widget,
.footer_wrap .elementor-widget *,
.footer_wrap .elementor-widget-container,
.footer_wrap .elementor-widget-container *,
.footer_wrap .elementor-text-editor,
.footer_wrap .elementor-text-editor *,
.footer_wrap .elementor-heading-title,
.footer_wrap .elementor-icon-list-text,
.footer_wrap .elementor-icon-list-item,
.footer_wrap .elementor-icon-list-item a,
.footer_wrap .elementor-widget-text-editor p,
.footer_wrap .elementor-widget-text-editor span,
.footer_wrap .elementor-widget-heading .elementor-heading-title {
    color: #ffffff !important;
}

.footer_wrap a:hover {
    color: #fde047 !important;
}

/* ===== Tin Tức Category: Smaller title + full display ===== */

/* Make post titles smaller so full text fits without wrapping weirdly */
.posts_container .post_title.entry-title,
.posts_container .post_title.entry-title a {
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;       /* Allow up to 3 lines */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    white-space: normal !important;
    word-break: break-word !important;
    hyphens: none !important;
    margin-bottom: 6px !important;
}

/* Show the post excerpt text */
.post_layout_classic_3 .post_content_inner,
.post_layout_classic_3 .entry-content,
.post_layout_classic_3 .post_entry {
    display: block !important;
}

/* Propercorn mobile hero slider fix */
@media (max-width: 767px) {
  body.home .page_content_wrap {
    padding-top: 0 !important;
  }

  /* Keep Swiper container full width, but DO NOT force wrapper/slide width */
  .elementor-widget-slides,
  .elementor-widget-slides .elementor-swiper,
  .elementor-widget-slides .elementor-main-swiper {
    width: 100% !important;
    max-width: 100% !important;
    visibility: visible !important;
    overflow: hidden !important;
  }

  /* Keep slide height on mobile */
  .elementor-widget-slides .swiper-slide {
    min-height: 300px !important;
  }
}

@media (max-width: 767px){
  .elementor-widget-slides,
  .elementor-widget-slides .elementor-swiper,
  .elementor-widget-slides .elementor-main-swiper{
    width:100% !important;
    max-width:100% !important;
    visibility:visible !important;
  }

  /* Keep Swiper's own transform engine working */
  .elementor-widget-slides .swiper-wrapper{
    width:auto !important;
  }

  .elementor-widget-slides .swiper-slide{
    min-height:300px !important;
  }
}