/* SNAT front view style.
   NOTE: the row element carries BOTH classes on the same div
   (<div class="views-row snat-front-row">), so selectors must use
   .views-row.snat-front-row — NOT the child combinator. */

/* View wrapper: stack rows vertically. */
.views-element-container > div[class*="js-view-dom-id"]:has(> .views-row.snat-front-row) {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4, 1.5rem);
}

/* Row: content column + image column. */
.views-element-container > div[class*="js-view-dom-id"] > .views-row.snat-front-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--space-2, 0.5rem);
  align-items: start;
}

.snat-front-row__content {
  display: flex;
  flex-direction: column;
  gap: 0;
  text-align: right;
  align-items: flex-end;
}

.snat-front-row__content > * {
  margin: 0;
}

.snat-front-row__content a,
.snat-front-row__content a:hover,
.snat-front-row__content a:focus {
  text-decoration: none;
  margin-right: 5px;
}

.snat-front-row__image {
  text-align: right;
  flex-shrink: 0;
}

.snat-front-row__image img {
  display: block;
}

@media (max-width: 599px) {
  .views-element-container > div[class*="js-view-dom-id"] > .views-row.snat-front-row {
    grid-template-columns: 1fr;
  }
  .snat-front-row__image {
    order: -1;
    text-align: center;
  }
}

/* ==========================================================================
   SNAT view placed in the RIGHT alert column of the highlighted region
   (front page): the whole [text | image] group is anchored to the RIGHT
   edge of that column, without news-list separators.
   ========================================================================== */
.region-highlighted__col--right .views-element-container > div[class*="js-view-dom-id"] > .views-row.snat-front-row {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-2, 0.5rem);
  width: fit-content;
  margin-left: auto;
}

.region-highlighted__col--right .snat-front-row__content {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  gap: 0;
  border-right: 1px solid #002d61;
  margin-right: -10px;
}

.region-highlighted__col--right .snat-front-row__content > * {
  margin: 0;
}

.region-highlighted__col--right .snat-front-row__image {
  flex-shrink: 0;
  text-align: right;
}