/* =========================================================
 * News Social Preview, Share & Comments
 * ======================================================= */
.news-detail-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.7rem 1.25rem;
  margin-bottom:1.35rem;
  color:#6c757d;
  font-size:.93rem;
}

.news-detail-meta span{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
}

.news-detail-cover{
  overflow:hidden;
  margin:0 0 2.25rem;
  border-radius:24px;
  background:#eef3ef;
  box-shadow:0 16px 42px rgba(3,54,33,.10);
}

.news-detail-cover img{
  width:100%;
  height:auto;
  max-height:620px;
  display:block;
  object-fit:contain;
  object-position:center;
}

.news-detail-content{
  font-size:1.06rem;
  line-height:1.9;
}

.news-share-section{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.5rem;
  margin-top:2.5rem;
  padding:1.35rem;
  border:1px solid rgba(7,95,59,.10);
  border-radius:22px;
  background:linear-gradient(145deg,#f7fbf8,#eef6f1);
}

.news-share-kicker,
.news-comments-kicker{
  color:var(--gold,#c99a2e);
  font-size:.75rem;
  font-weight:800;
  letter-spacing:.13em;
}

.news-share-title{
  margin:.2rem 0 0;
  font-size:1.25rem;
  font-weight:800;
}

.news-share-buttons{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:.55rem;
}

.news-share-button{
  appearance:none;
  border:0;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  padding:.62rem .82rem;
  border-radius:12px;
  color:#fff;
  font-size:.82rem;
  font-weight:700;
  line-height:1;
  text-decoration:none;
  cursor:pointer;
  transition:transform .18s ease,filter .18s ease;
  -webkit-tap-highlight-color:transparent;
}

.news-share-button:hover,
.news-share-button:focus-visible{
  color:#fff;
  filter:brightness(1.06);
  transform:translateY(-1px);
}

.news-share-button:active{
  transform:scale(.96);
}

.news-share-whatsapp{background:#178b4b}
.news-share-facebook{background:#1877f2}
.news-share-x{background:#171717}
.news-share-telegram{background:#229ed9}
.news-share-native{background:var(--primary,#075f3b)}
.news-share-copy{background:#64736b}

.news-comments-section{
  margin-top:3rem;
  scroll-margin-top:110px;
}

.news-comments-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1.5rem;
  margin-bottom:1.5rem;
}

.news-comments-heading h2{
  margin:.25rem 0 0;
  font-size:clamp(1.65rem,3vw,2.25rem);
  font-weight:800;
}

.news-comments-heading h2 span{
  display:inline-grid;
  min-width:32px;
  height:32px;
  margin-left:.35rem;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:var(--primary,#075f3b);
  font-size:.85rem;
  vertical-align:middle;
}

.news-comments-heading p{
  max-width:420px;
  margin:0;
  color:#6c757d;
  text-align:right;
}

.news-comment-list{
  display:grid;
  gap:1rem;
}

.news-comment{
  display:grid;
  grid-template-columns:50px minmax(0,1fr);
  gap:1rem;
  padding:1.15rem;
  border:1px solid rgba(7,95,59,.09);
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 26px rgba(3,54,33,.05);
}

.news-comment-avatar{
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  border-radius:16px;
  color:#fff;
  background:linear-gradient(145deg,var(--primary,#075f3b),#043f28);
  font-size:1.15rem;
  font-weight:800;
}

.news-comment-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:.45rem;
}

.news-comment-header time{
  color:#7a857f;
  font-size:.8rem;
  white-space:nowrap;
}

.news-comment-text{
  color:#35413b;
  line-height:1.75;
  overflow-wrap:anywhere;
}

.news-comments-empty{
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:2.25rem 1rem;
  border:1px dashed rgba(7,95,59,.20);
  border-radius:18px;
  color:#6c757d;
  text-align:center;
  background:#f8fbf9;
}

.news-comments-empty i{
  margin-bottom:.75rem;
  color:var(--primary,#075f3b);
  font-size:2rem;
}

.news-comments-empty strong{
  color:#26342d;
}

.news-comment-form-card{
  margin-top:1.5rem;
  padding:clamp(1.2rem,3vw,2rem);
  border-radius:24px;
  background:#fff;
  box-shadow:0 16px 48px rgba(3,54,33,.09);
}

.news-comment-form-heading{
  display:flex;
  align-items:center;
  gap:1rem;
  margin-bottom:1.5rem;
}

.news-comment-form-icon{
  flex:0 0 52px;
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:17px;
  color:#fff;
  background:linear-gradient(145deg,var(--primary,#075f3b),#043f28);
  font-size:1.3rem;
}

.news-comment-form-heading h3{
  margin:0;
  font-size:1.3rem;
  font-weight:800;
}

.news-comment-form-heading p{
  margin:.2rem 0 0;
  color:#6c757d;
  font-size:.9rem;
}

.news-comment-form-card .form-control{
  border-color:#dce6df;
  border-radius:13px;
}

.news-comment-form-card .form-control:focus{
  border-color:rgba(7,95,59,.45);
  box-shadow:0 0 0 .25rem rgba(7,95,59,.10);
}

.news-comment-submit{
  min-width:190px;
  border-radius:13px;
}

.comment-honeypot{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
}

@media(max-width:767.98px){
  .news-detail-cover{
    margin-bottom:1.5rem;
    border-radius:18px;
  }

  .news-detail-content{
    font-size:.98rem;
    line-height:1.78;
  }

  .news-share-section{
    align-items:flex-start;
    flex-direction:column;
    padding:1.1rem;
    border-radius:18px;
  }

  .news-share-buttons{
    width:100%;
    justify-content:flex-start;
  }

  .news-share-button{
    flex:1 1 calc(33.333% - .55rem);
    min-width:92px;
  }

  .news-comments-heading{
    align-items:flex-start;
    flex-direction:column;
    gap:.55rem;
  }

  .news-comments-heading p{
    text-align:left;
  }

  .news-comment{
    grid-template-columns:42px minmax(0,1fr);
    gap:.75rem;
    padding:1rem;
  }

  .news-comment-avatar{
    width:42px;
    height:42px;
    border-radius:13px;
  }

  .news-comment-header{
    align-items:flex-start;
    flex-direction:column;
    gap:.15rem;
  }

  .news-comment-header time{
    white-space:normal;
  }

  .news-comment-form-card{
    border-radius:19px;
  }

  .news-comment-submit{
    width:100%;
  }
}

@media(max-width:420px){
  .news-share-button{
    flex-basis:calc(50% - .55rem);
  }

  .news-share-button span{
    font-size:.76rem;
  }
}