/**
 * სიახლის შიდა გვერდი — index.php?m=260&news_id=...
 * ცალკე ფაილი; იტვირთება მხოლოდ ამ URL-ზე (header.php).
 */

body.page-news-inner {
  background-color: var(--clr-background, #0a192f);
  color: var(--clr-neutral-100, #fff);
}

body.page-news-inner main {
  margin-top: 0;
}

/* სტატიის ბლოკი — სრული სიგანე მშობელი `.container`-ის შიგნით (max-width 1160px გლობალური) */
.news-article-page {
  padding-block: 1.75rem 3.5rem;
  width: 100%;
}

body.page-news-inner .news-article-page > .container {
  width: 100%;
  max-width: 1160px;
}

.news-article-page .news-article-page__main.news-wrapper {
  display: block;
  width: 100%;
  max-width: none;
  margin-bottom: 0;
  margin-inline: 0;
}

body.page-news-inner .news-article-page .article {
  width: 100%;
  max-width: none;
}

/*
  ჰერო: მარცხნივ სურათი, მარჯვნივ სვეტი — სათაური → ტექსტი → სოციალური ბოლოში
*/
.news-article-page__hero {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 1.1rem;
  margin-bottom: 0;
  align-items: stretch;
  box-sizing: border-box;
}

.news-article-page__body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

@media only screen and (min-width: 680px) {
  .news-article-page__hero {
    flex-direction: row;
    align-items: flex-start;
    gap: 1.35rem;
  }

  body.page-news-inner .news-article-page .article__image {
    flex: 0 0 auto;
    width: 100%;
    max-width: 300px;
    margin-bottom: 0 !important;
  }
}

@media only screen and (min-width: 900px) {
  body.page-news-inner .news-article-page .article__image {
    max-width: 360px;
  }
}

@media only screen and (min-width: 1200px) {
  body.page-news-inner .news-article-page .article__image {
    max-width: 420px;
  }
}

/* მხოლოდ სათაური (სოციალური ტექსტის შემდეგ) */
body.page-news-inner .news-article-page .article__heading {
  margin-bottom: 0.85rem;
  display: block;
}

/* სათაური — ადმინში შესაძლოა ინლაინ color/style */
body.page-news-inner .news-article-page .article__title,
body.page-news-inner .news-article-page h1.article__title {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-family: var(--ff-heading, "BPG ExtraSquare Mtavruli", sans-serif);
  font-size: clamp(1.35rem, 3.5vw, 1.85rem);
  font-weight: 400;
  line-height: 1.35;
  margin: 0;
  min-width: 0;
}

body.page-news-inner .news-article-page .article__social {
  flex-shrink: 0;
}

/* გაზიარების ღილაკები სტატიის ტექსტის ბოლოში */
body.page-news-inner .news-article-page .article__social--after-text {
  margin-top: 1.75rem;
  margin-bottom: 0;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(42, 63, 95, 0.85);
  justify-content: flex-start;
  gap: 10px;
}

body.page-news-inner .news-article-page .article__social a {
  background: rgba(0, 212, 255, 0.12);
  border: 1px solid rgba(0, 212, 255, 0.35);
  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease;
}

body.page-news-inner .news-article-page .article__social a:hover {
  background: rgba(0, 212, 255, 0.22);
  border-color: rgba(0, 255, 136, 0.45);
  transform: translateY(-2px);
}

body.page-news-inner .news-article-page .article__social svg,
body.page-news-inner .news-article-page .article__social i {
  color: #fff !important;
}

/* გამოსახულება */
body.page-news-inner .news-article-page .article__image {
  margin-bottom: 0;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--clr-border, #2a3f5f);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.32);
  background: #132642;
  align-self: flex-start;
}

/* მობილურზე სურათი სრული სიგანით, ცალკე რიგი */
@media (max-width: 679px) {
  body.page-news-inner .news-article-page .article__image {
    margin-bottom: 0;
    max-width: 100%;
  }
}

body.page-news-inner .news-article-page .article__image img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  aspect-ratio: 16 / 10;
}

body.page-news-inner .news-article-page .article__image time {
  background: linear-gradient(180deg, transparent 0%, rgba(10, 25, 47, 0.92) 100%);
  padding: 0.65rem 0.85rem;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  justify-content: flex-end;
}

body.page-news-inner .news-article-page .article__image time span {
  color: rgba(255, 255, 255, 0.95) !important;
  font-size: 0.8rem;
  font-weight: 400;
}

body.page-news-inner .news-article-page .article__image time i,
body.page-news-inner .news-article-page .article__image time svg {
  color: #00d4ff !important;
}

/* ტექსტის სხეული (WYSIWYG) — ადმინში ხშირად ინლაინია color:#000 / შავი */
body.page-news-inner .news-article-page .article .texts {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  color: #e8eef8 !important;
  -webkit-text-fill-color: #e8eef8 !important;
}

/*
  ინლაინ style=color ჩვეულებრივ !important-ს არ აქვს — author !important იგებს.
  inherit: ერთი საბაზო ფერი .texts-ზე, ლინკებს ცალკე ვაფერებთ.
*/
body.page-news-inner .news-article-page .article .texts *:not(a):not(img):not(video):not(iframe):not(svg):not(canvas):not(source):not(track):not(picture) {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

body.page-news-inner .news-article-page .article .texts p {
  font-size: 1.05rem;
  font-weight: 400;
  line-height: 1.75;
  margin-bottom: 1.1em;
}

body.page-news-inner .news-article-page .article .texts p:last-child {
  margin-bottom: 0;
}

body.page-news-inner .news-article-page .article .texts a {
  color: #5ee4ff !important;
  -webkit-text-fill-color: #5ee4ff !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}

body.page-news-inner .news-article-page .article .texts a:hover {
  color: #7fffd4 !important;
  -webkit-text-fill-color: #7fffd4 !important;
}

body.page-news-inner .news-article-page .article .texts strong,
body.page-news-inner .news-article-page .article .texts b {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-weight: 600;
}

body.page-news-inner .news-article-page .article .texts ul,
body.page-news-inner .news-article-page .article .texts ol {
  margin: 1em 0;
  padding-left: 1.35em;
}

body.page-news-inner .news-article-page .article .texts li {
  margin-bottom: 0.5em;
  line-height: 1.65;
}

body.page-news-inner .news-article-page .article .texts blockquote {
  margin: 1.25rem 0;
  padding: 1rem 1.25rem;
  border-left: 4px solid #00d4ff;
  background: rgba(23, 42, 69, 0.65);
  border-radius: 0 10px 10px 0;
  color: #e2e9f4 !important;
  -webkit-text-fill-color: #e2e9f4 !important;
}

body.page-news-inner .news-article-page .article .texts img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
  margin: 1rem 0;
}

body.page-news-inner .news-article-page .article .texts h1,
body.page-news-inner .news-article-page .article .texts h2,
body.page-news-inner .news-article-page .article .texts h3,
body.page-news-inner .news-article-page .article .texts h4,
body.page-news-inner .news-article-page .article .texts h5,
body.page-news-inner .news-article-page .article .texts h6 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-family: var(--ff-heading, "BPG ExtraSquare Mtavruli", sans-serif);
  font-weight: 400;
  margin: 1.5rem 0 0.75rem;
  line-height: 1.3;
}

body.page-news-inner .news-article-page .article .texts h1 {
  font-size: 1.5rem;
}

body.page-news-inner .news-article-page .article .texts h2 {
  font-size: 1.35rem;
}

body.page-news-inner .news-article-page .article .texts h3 {
  font-size: 1.15rem;
}

/* ფუტერის ხაზი სტატიაზე (თუ გააქტიურდება) */
body.page-news-inner .news-article-page .article__footer {
  border-top-color: rgba(42, 63, 95, 0.9);
}

body.page-news-inner .news-article-page .article__footer p,
body.page-news-inner .news-article-page .article__footer span {
  color: #8ea2be !important;
}

/* ——— სხვა სიახლეები (სოც. ქსელებისა და სტატიის ქვემოთ) ——— */
body.page-news-inner .news-article-page__related {
  margin-top: 2.5rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(42, 63, 95, 0.9);
  width: 100%;
}

body.page-news-inner .news-article-page__related-title {
  font-family: var(--ff-heading, "BPG ExtraSquare Mtavruli", sans-serif);
  font-size: 1.2rem;
  font-weight: 400;
  color: #fff;
  margin: 0 0 1.25rem;
  letter-spacing: 0.02em;
}

body.page-news-inner .news-article-page__related-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

@media only screen and (min-width: 640px) {
  body.page-news-inner .news-article-page__related-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.1rem;
  }
}

body.page-news-inner .news-article-page__related-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--clr-card-bg, #172a45);
  border: 1px solid var(--clr-border, #2a3f5f);
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
  transition:
    transform 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease;
}

body.page-news-inner .news-article-page__related-card:hover {
  transform: translateY(-3px);
  border-color: rgba(0, 212, 255, 0.4);
  box-shadow: 0 12px 28px rgba(0, 212, 255, 0.08);
}

body.page-news-inner .news-article-page__related-image {
  margin: 0;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: linear-gradient(145deg, #1a3050, #0a1528);
}

body.page-news-inner .news-article-page__related-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

body.page-news-inner .news-article-page__related-body {
  padding: 0.85rem 1rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  flex: 1;
}

body.page-news-inner .news-article-page__related-item-title {
  font-family: var(--ff-body, "FiraGO", sans-serif);
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.4;
  color: #fff !important;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body.page-news-inner .news-article-page__related-date {
  font-size: 0.8rem;
  color: #8ea2be !important;
  margin-top: auto;
}

@media (max-width: 768px) {
  .news-article-page {
    padding-block: 1.25rem 2.5rem;
  }

  body.page-news-inner .news-article-page .article .texts p {
    font-size: 1rem;
  }
}