/* ---- News (authority MIN layer: JS hook only) ----------------------
   JS depends on:
   - .momo-news-tab-btn + .active
   - .momo-news-tab-content + .active
------------------------------------------------------------------- */
.momo-news-section .momo-news-tab-content{ display:none; }
.momo-news-section .momo-news-tab-content.active{ display:block; }

/* === [C_NEWS_ONLY v2 - spec based] BEGIN ===========================
   Spec source: original .momo-news-section block (user restored)
=================================================================== */

.categoryid-4.column-narrow .content-in {
	width: 100%;
}

.article.category-news-post {
  max-width: 900px;
  margin: auto;
}

.c-news{
  padding: 40px 20px;
  background: #fff;
}

.c-news .momo-section-title{
  text-align: center;
  font-size: 32px;
  margin-bottom: 50px;
}

/* tabs container */
.c-news__tabs{
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 40px;
}

/* tab buttons (spec match) */
.c-news__tab{
  width: 12em;
  padding: 12px 0;
  background-color: #f5f5f5;
  border: none;
  border-radius: 30px;
  color: #555;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  line-height: normal;
}

/* active */
.c-news__tab.active{
  background-color: #eb6e8f;
  color: #fff;
}

/* list */
.c-news__list{
  list-style: none;
  max-width: 900px;
  margin: 0 auto 40px;
  padding: 0 !important;
}

.c-news__item{
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 20px 0;
  border-bottom: 1px solid #e0e0e0;
}

.c-news__date{
  font-size: 14px;
  color: #999;
  min-width: 100px;
  font-weight: 400;
}

.c-news__link{
  flex: 1;
  color: #453336;
  text-decoration: none;
}

.c-news__link:hover{
  color: #eb6e8f;
}

.c-news__more{
  text-align: center;
  margin-top: 40px;
}

/* responsive (spec match) 
@media (max-width: 768px){
  .c-news__item{
    flex-direction: column;
    gap: 10px;
  }
}*/

/* === [C_NEWS_ONLY v2 - spec based] END ============================ */


.news-bottom-wrapper {
	max-width: 900px;
  padding: 0;
}

@media (max-width: 1024px) {
  .cat-news .article.category-news-post {
    padding: 0 calc(40px - 39.99 * (100vw - 768px) / 256);
  }
  .c-news__list {
    padding: 0 calc(20px - 19.99 * (100vw - 768px) / 256) !important;
  }
  .recent-news-title {
    padding: 0 calc(20px - 19.99 * (100vw - 768px) / 256) 15px;
  }
  .recent-news-list {
    padding: 0 calc(20px - 19.99 * (100vw - 768px) / 256);
  }
}

@media (max-width: 768px) {
  .cat-news .article.category-news-post {
    padding: 0 calc(10px + 30 * (100vw - 320px) / 448);
  }
  .c-news__list {
    padding: 0 calc(10px + 10 * (100vw - 320px) / 448) !important;
  }
  .recent-news-title {
    padding: 0 calc(10px + 10 * (100vw - 320px) / 448) 15px;
  }
  .recent-news-list {
    padding: 0 calc(10px + 10 * (100vw - 320px) / 448);
  }
  .post-navigation {
	  grid-template-columns: 1fr 1fr;
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .post-navigation {
	  grid-template-columns: 1fr;
}
@media (max-width: 480px) {
  .cat-news .entry-title, .article h2 {
		padding: 0 0 1.2em;
	}
  .c-news__item{
    flex-direction: column;
    gap: 2px;
  }
  .c-news__date {
	  min-width: auto;
  }
}