/* Final layout rules for the local JMT news module. Loaded after legacy news.css. */
.news-page .news-card{color:inherit;text-decoration:none;cursor:pointer;display:flex;flex-direction:column}
.news-page .news-card__read,.news-page .news-all{color:#1464df;font-weight:700;text-decoration:none}
.news-page .news-card__read{display:inline-flex;align-items:center;gap:7px;margin-top:auto}
.news-page .news-detail-grid--wide{max-width:1540px;grid-template-columns:minmax(0,1fr) 310px;gap:32px}
.news-page .news-detail-grid--wide .news-article{max-width:none}
.news-page .news-resources{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;padding-top:22px;border-top:1px solid #dce6f5}
.news-page .news-resources a{display:inline-flex;align-items:center;min-height:42px;padding:0 15px;border:1px solid #c9dcfb;border-radius:10px;color:#135fcf;font-weight:700;text-decoration:none}
@media (max-width:1000px){.news-page .news-detail-grid--wide{grid-template-columns:1fr}.news-page .news-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media (max-width:650px){.news-page .news-sidebar{grid-template-columns:1fr}.news-page .news-detail-grid--wide{gap:20px}.news-page .news-resources a{width:100%;justify-content:center}}

/* Article detail: this starts below the shared site header. */
.news-page {
  max-width: 1440px;
  padding: 34px 40px 84px;
}
.news-page .news-breadcrumbs {
  max-width: none;
  margin: 0 0 22px;
  color: #748198;
  font-size: 14px;
}
.news-page .news-detail-grid--wide {
  max-width: none;
  grid-template-columns: minmax(0, 1fr) 390px;
  gap: 28px;
  align-items: start;
}
.news-page .news-article,
.news-page .news-side-card {
  background: #fff;
  border: 1px solid #e4eaf3;
  box-shadow: 0 14px 34px rgba(31, 56, 93, .08);
}
.news-page .news-article {
  padding: 38px 40px 44px;
  border-radius: 20px;
}
.news-page .news-article__category {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  margin: 0 0 20px;
  padding: 0 15px;
  border-radius: 18px;
  background: #1464df;
  color: #fff;
  font-size: 12px;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.news-page .news-article h1 {
  max-width: 920px;
  font-size: clamp(26px, 2.3vw, 38px);
  line-height: 1.16;
  letter-spacing: -.035em;
}

/* Keep the news index heading proportional to the card grid. */
.news-page .news-page__hero h1 {
  font-size: clamp(34px, 3.2vw, 46px);
  line-height: 1.12;
  margin: 8px 0 28px;
}
.news-page .news-meta {
  gap: 12px 20px;
  margin: 24px 0 28px;
  color: #647189;
  font-size: 15px;
}
.news-page .news-share {
  min-height: 42px;
  margin-left: auto;
  padding: 0 17px;
  border: 1px solid #1464df;
  border-radius: 10px;
  color: #1464df;
  font-weight: 700;
}
.news-page .news-share:hover { background: #1464df; color: #fff; }
.news-page .news-hero-image {
  display: block;
  height: min(38vw, 520px);
  min-height: 360px;
  border-radius: 14px;
}
.news-page .news-lead {
  margin: 28px 0 26px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #3b4b63;
  font-size: 20px;
  line-height: 1.55;
}
.news-page .news-content {
  max-width: 860px;
  color: #42516a;
  font-size: 17px;
  line-height: 1.8;
}
.news-page .news-content h2 { color: #142039; font-size: 26px; }
.news-page .news-sidebar { top: 106px; }
.news-page .news-side-card {
  padding: 24px;
  border-radius: 18px;
  margin: 0 0 20px;
}
.news-page .news-side-card h2 {
  margin-bottom: 18px;
  color: #142039;
  font-size: 24px;
}
.news-page .news-related {
  gap: 14px;
  padding: 15px 0;
}
.news-page .news-related img {
  width: 122px;
  height: 82px;
  border-radius: 10px;
}
.news-page .news-related b { color: #1d2b43; font-size: 15px; line-height: 1.35; }
.news-page .news-related time { margin-top: 7px; font-size: 13px; }

@media (max-width: 1100px) {
  .news-page .news-detail-grid--wide { grid-template-columns: 1fr; }
  .news-page .news-sidebar { position: static; }
}
@media (max-width: 650px) {
  .news-page { padding: 24px 16px 56px; }
  .news-page .news-article { padding: 26px 20px 30px; border-radius: 16px; }
  .news-page .news-article h1 { font-size: 27px; }
  .news-page .news-page__hero h1 { font-size: 34px; margin-bottom: 22px; }
  .news-page .news-meta { align-items: flex-start; margin: 18px 0 22px; }
  .news-page .news-share { width: 100%; margin-left: 0; justify-content: center; }
  .news-page .news-hero-image { min-height: 220px; height: 58vw; }
  .news-page .news-lead { font-size: 18px; }
  .news-page .news-side-card { padding: 20px; }
}

/* News index: editorial layout below the unchanged shared header. */
.news-page .news-card > img,
.news-page .news-hero-image,
.news-page .news-related img {
  filter: brightness(1.03) contrast(1.14) saturate(1.10);
}
/* The editorial three-area layout needs real horizontal room.  Tablets and
   compact laptops use the existing two-column news grid instead. */
@media (min-width: 1151px) {
  .news-page:has(.news-list) { max-width: 1440px; }
  .news-page .news-page__hero { margin: 0 0 18px; }
  .news-page .news-page__hero h1 { font-size: clamp(34px, 3vw, 44px); margin: 0; }
  .news-page .news-list {
    position: relative;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(3, 164px);
    grid-auto-rows: 350px;
    gap: 20px;
    padding-top: 44px;
  }
  .news-page .news-list::before {
    content: 'Recent';
    position: absolute;
    top: 0;
    left: calc(66.666% + 12px);
    color: #142039;
    font-size: 23px;
    font-weight: 700;
    line-height: 1;
  }
  html[lang='ka'] .news-page .news-list::before { content: 'უახლესი'; }
  html[lang='ru'] .news-page .news-list::before { content: 'Свежие'; }
  .news-page .news-card {
    min-height: 0;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(31, 56, 93, .07);
  }
  .news-page .news-card:first-child {
    position: relative;
    grid-column: 1 / span 2;
    grid-row: 1 / span 3;
    overflow: hidden;
    border: 0;
    background: #0b2654;
  }
  .news-page .news-card:first-child > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .news-page .news-card:first-child::after {
    content: '';
    position: absolute;
    inset: 35% 0 0;
    background: linear-gradient(180deg, transparent, rgba(7, 25, 56, .95));
  }
  .news-page .news-card:first-child .news-card__body {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 28px 32px;
  }
  .news-page .news-card:first-child .news-card__meta { justify-content: flex-start; }
  .news-page .news-card:first-child .news-card__meta time { display: none; }
  .news-page .news-card:first-child h2 {
    max-width: 600px;
    margin: 16px 0 0;
    color: #fff;
    font-size: 29px;
    line-height: 1.17;
  }
  .news-page .news-card:first-child p,
  .news-page .news-card:first-child .news-card__read { display: none; }
  .news-page .news-card:nth-child(2),
  .news-page .news-card:nth-child(3),
  .news-page .news-card:nth-child(4) {
    grid-column: 3;
    flex-direction: row;
    align-items: stretch;
    min-height: 0;
  }
  .news-page .news-card:nth-child(2) { grid-row: 1; }
  .news-page .news-card:nth-child(3) { grid-row: 2; }
  .news-page .news-card:nth-child(4) { grid-row: 3; }
  .news-page .news-card:nth-child(2) > img,
  .news-page .news-card:nth-child(3) > img,
  .news-page .news-card:nth-child(4) > img {
    width: 136px;
    height: 116px;
    align-self: center;
    flex: 0 0 136px;
    object-fit: cover;
    border-radius: 11px;
    margin-left: 14px;
  }
  .news-page .news-card:nth-child(2) .news-card__body,
  .news-page .news-card:nth-child(3) .news-card__body,
  .news-page .news-card:nth-child(4) .news-card__body { padding: 16px; }
  .news-page .news-card:nth-child(2) .news-card__meta,
  .news-page .news-card:nth-child(3) .news-card__meta,
  .news-page .news-card:nth-child(4) .news-card__meta { justify-content: flex-start; }
  .news-page .news-card:nth-child(2) .news-card__meta time,
  .news-page .news-card:nth-child(3) .news-card__meta time,
  .news-page .news-card:nth-child(4) .news-card__meta time { display: none; }
  .news-page .news-card:nth-child(2) .news-card__meta b,
  .news-page .news-card:nth-child(3) .news-card__meta b,
  .news-page .news-card:nth-child(4) .news-card__meta b { max-width: 100%; padding: 6px 9px; font-size: 10px; }
  .news-page .news-card:nth-child(2) h2,
  .news-page .news-card:nth-child(3) h2,
  .news-page .news-card:nth-child(4) h2 {
    display: -webkit-box;
    overflow: hidden;
    margin: 10px 0 0;
    font-size: 16px;
    line-height: 1.28;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .news-page .news-card:nth-child(2) p,
  .news-page .news-card:nth-child(3) p,
  .news-page .news-card:nth-child(4) p,
  .news-page .news-card:nth-child(2) .news-card__read,
  .news-page .news-card:nth-child(3) .news-card__read,
  .news-page .news-card:nth-child(4) .news-card__read { display: none; }
  .news-page .news-card:nth-child(n + 5) {
    grid-row: auto;
    min-height: 350px;
  }
  .news-page .news-card:nth-child(n + 5) > img { height: 190px; }
  .news-page .news-card:nth-child(n + 5) .news-card__body { padding: 18px; }
  .news-page .news-card:nth-child(n + 5) h2 { margin: 16px 0 8px; font-size: 19px; }
  .news-page .news-card:nth-child(n + 5) p,
  .news-page .news-card:nth-child(n + 5) .news-card__read { display: none; }
}

@media (min-width: 651px) and (max-width: 1150px) {
  .news-page { padding: 30px 24px 64px; }
  .news-page .news-page__hero h1 { margin-bottom: 24px; }
  .news-page .news-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
  .news-page .news-card { min-height: 0; }
  .news-page .news-card > img { height: clamp(210px, 31vw, 270px); }
  .news-page .news-card__body { padding: 18px; }
  .news-page .news-card h2 { margin: 16px 0 10px; font-size: 20px; }
  .news-page .news-card p { display: none; }
}

/* An article is self-contained: the translated text stays on JMT.ge.
   External source links are not part of the reader-facing news layout. */
.news-article .news-resources { display: none !important; }

/* Match the shared logistics backdrop used by the public employees page. */
body.news-page-shell {
  background: #edf5ff url('../img/employees/team-logistics-background-v1.webp') center top / cover fixed no-repeat;
}