/* =====================================================
   صفحه اخبار کانال | Swim Isfahan News
   ===================================================== */

/* پس‌زمینه صفحه */
.path-news .app-content {
  min-height: 100vh;
  padding: 28px 0 55px;
  background-color: #f7fdfe;
  background-image:
    radial-gradient(circle, rgba(11, 176, 194, 0.18) 1.2px, transparent 1.5px);
  background-size: 19px 19px;
}

/* تیتر اصلی صفحه */
.path-news .app-content-header {
  padding: 24px 0 8px;
  background: transparent;
}

.path-news .app-content-header h1 {
  position: relative;
  display: table;
  margin: 0 auto;
  padding: 9px 26px;
  color: #087d91;
  font-size: clamp(1.25rem, 3vw, 1.8rem);
  font-weight: 800;
  text-align: center;
  background: rgba(255, 255, 255, 0.88);
  border: 2px solid #22b8c8;
  border-radius: 999px;
  box-shadow:
    0 7px 18px rgba(15, 164, 182, 0.12),
    inset 0 0 0 4px rgba(43, 211, 194, 0.07);
}

.path-news .app-content-header h1::before {
  display: inline-block;
  margin-left: 8px;
  content: "◈";
  color: #9bd331;
}

/* محدود کردن عرض بخش خبر */
.path-news .view-news {
  width: min(100%, 960px);
  margin: 0 auto;
}

/* نوار جست‌وجو */
.path-news .view-filters {
  margin: 22px 0 26px;
  padding: 18px;
  background: rgba(255, 255, 255, 0.74);
  border: 1px solid rgba(29, 179, 194, 0.2);
  border-radius: 18px;
  box-shadow: 0 8px 25px rgba(13, 125, 145, 0.08);
  backdrop-filter: blur(10px);
}

.path-news .views-exposed-form .form--inline {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 12px;
}

.path-news .views-exposed-form .form-item {
  flex: 1 1 300px;
  margin: 0;
}

.path-news .views-exposed-form label {
  margin-bottom: 7px;
  color: #176879;
  font-size: 0.88rem;
  font-weight: 700;
}

.path-news .views-exposed-form .form-control {
  min-height: 44px;
  border: 1px solid #b8e4e9;
  border-radius: 12px;
  box-shadow: none;
  transition: 0.25s ease;
}

.path-news .views-exposed-form .form-control:focus {
  border-color: #18aeba;
  box-shadow: 0 0 0 0.22rem rgba(24, 174, 186, 0.14);
}

.path-news .views-exposed-form .form-actions {
  margin: 0;
}

.path-news .views-exposed-form .form-submit {
  min-width: 100px;
  min-height: 44px;
  padding: 8px 21px;
  color: #fff;
  font-weight: 700;
  background: linear-gradient(135deg, #0aa8b8, #087f96);
  border: 0;
  border-radius: 12px;
  box-shadow: 0 5px 13px rgba(7, 137, 156, 0.2);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.path-news .views-exposed-form .form-submit:hover {
  background: linear-gradient(135deg, #078ea0, #066f82);
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(7, 137, 156, 0.28);
}

/* شبکه کارت‌ها */
.path-news .views-view-responsive-grid {
  --views-responsive-grid--column-count: 1 !important;
  --views-responsive-grid--cell-min-width: 100% !important;
  gap: 18px !important;
}

/* کارت خبر */
.path-news .views-view-responsive-grid__item-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 190px;
  gap: 10px 24px;
  align-items: start;
  overflow: hidden;
  padding: 24px;
  color: #174653;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(21, 178, 193, 0.55);
  border-radius: 20px;
  box-shadow:
    0 10px 28px rgba(9, 128, 145, 0.11),
    inset 0 0 0 1px rgba(255, 255, 255, 0.7);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  animation: swim-news-slide-up 0.55s ease both;
}

.path-news .views-view-responsive-grid__item-inner:hover {
  transform: translateY(-5px);
  box-shadow:
    0 17px 35px rgba(9, 128, 145, 0.17),
    inset 0 0 0 1px rgba(255, 255, 255, 0.8);
}

/* حذف فاصله‌های پیش‌فرض فیلدها */
.path-news .views-view-responsive-grid__item-inner > .views-field {
  margin: 0;
}

/* نام کانال */
.path-news .views-field-field-source-channel {
  grid-column: 1 / 2;
  order: 1;
  font-size: 0.92rem;
  font-weight: 700;
  line-height: 1.9;
}

.path-news .views-field-field-source-channel .views-label {
  color: #66848c;
}

.path-news .views-field-field-source-channel .field-content {
  display: inline;
  color: #087f94;
}

/* نام ارسال‌کننده */
.path-news .views-field-field-sender-name {
  grid-column: 1 / 2;
  order: 2;
  color: #263f46;
  font-weight: 800;
}

/* نام کاربری ارسال‌کننده */
.path-news .views-field-field-sender-username-1 {
  grid-column: 1 / 2;
  order: 3;
  direction: ltr;
  color: #1593a4;
  font-size: 0.88rem;
  font-weight: 700;
  text-align: right;
}

/* موضوع */
.path-news .views-field-field-topic {
  grid-column: 1 / 2;
  order: 4;
}

.path-news .views-field-field-topic .views-label {
  color: #66848c;
  font-size: 0.85rem;
}

.path-news .views-field-field-topic .field-content {
  display: inline-block;
  padding: 3px 10px;
  color: #087d91;
  font-size: 0.76rem;
  font-weight: 800;
  background: #e5faf8;
  border-radius: 999px;
}

/* متن خبر */
.path-news .views-field-body {
  grid-column: 1 / 2;
  order: 5;
  min-height: 74px;
  padding-top: 8px;
  color: #35555e;
  font-size: 0.96rem;
  line-height: 2;
}

.path-news .views-field-body p:last-child {
  margin-bottom: 0;
}

/* تصویر خبر */
.path-news .views-field-field-news-image {
  grid-column: 2 / 3;
  grid-row: 1 / 6;
  order: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 185px;
  padding: 10px;
  background: linear-gradient(145deg, #f4ffff, #e8f9fa);
  border-radius: 16px;
}

.path-news .views-field-field-news-image a {
  display: block;
  line-height: 0;
}

.path-news .views-field-field-news-image img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 220px;
  border-radius: 10px;
  box-shadow: 0 8px 16px rgba(18, 84, 96, 0.17);
  transition: transform 0.3s ease;
}

.path-news .views-view-responsive-grid__item-inner:hover
.views-field-field-news-image img {
  transform: scale(1.035);
}

/* پیوست‌ها */
.path-news .views-field-field-news-attachments {
  grid-column: 1 / -1;
  order: 6;
}

/* تاریخ ارسال */
.path-news .views-field-field-message-date {
  grid-column: 1 / -1;
  order: 7;
  margin-top: 8px !important;
  padding-top: 13px;
  color: #758d93;
  font-size: 0.79rem;
  border-top: 1px dashed #bee3e6;
}

.path-news .views-field-field-message-date .views-label {
  color: #52747c;
  font-weight: 700;
}

/* انیمیشن ورود کارت */
@keyframes swim-news-slide-up {
  from {
    opacity: 0;
    transform: translateY(18px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* نسخه موبایل */
@media (max-width: 575.98px) {
  .path-news .app-content {
    padding-top: 16px;
  }

  .path-news .view-filters {
    padding: 14px;
  }

  .path-news .views-exposed-form .form-actions,
  .path-news .views-exposed-form .form-submit {
    width: 100%;
  }

  .path-news .views-view-responsive-grid__item-inner {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 17px;
  }

  .path-news .views-field-field-news-image {
    order: -1;
    width: 100%;
    min-height: 150px;
  }

  .path-news .views-field-field-news-image img {
    max-height: 250px;
  }

  .path-news .views-field-field-message-date {
    width: 100%;
  }
}