/* ============================================================
   Home news slider ("دیدگاه تخصصی مس کاوان") — page container
   ------------------------------------------------------------
   The section was full-bleed: the heading and the arrows ran to
   the very edge of the screen and the cards bled past both sides.
   Everything here pulls it back onto the same column the rest of
   the page sits on (80% of the viewport, capped at 1400px), so the
   first card starts on the container's right edge and the last one
   finishes on its left edge.

   Scoped through .my-news-swiper — the hand-written class, unique
   to this one slider. .slider-top-nav can NOT be used on its own:
   six pages share it for their own sliders. The GenerateBlocks
   wrapper classes are generated hashes, so they are no good either.
   ============================================================ */

@media (min-width: 1024px) {

  /* Heading and arrows sit on the page container, right-aligned, so they line
     up with the edge the first card starts from. Both carried a 120px inset
     that matched the slider's old slidesOffsetBefore — everything in the
     section used to hang the same distance off the screen edge — and that has
     to go now the cards start on the container edge instead. */
  :is(div:has(> div > .my-news-swiper)) > h2,
  :is(div:has(> div > .my-news-swiper)) > .slider-top-nav {
    width: 80%;
    max-width: 1400px;
    margin-inline: auto;
    padding-inline-start: 0;
    text-align: start;
  }

  /* Keep the arrows on top of everything around them. The heading is animated
     on scroll, and an animated element is painted above its plain siblings —
     while it is still offset it can sit over the arrows and swallow the click.
     The heading box also spans the full container now, so there is more of it
     to get in the way than there used to be. */
  :is(div:has(> div > .my-news-swiper)) > .slider-top-nav {
    position: relative;
    z-index: 2;
  }

  /* The slider itself stays full-bleed on purpose: cards should only ever be
     cut by the edge of the screen, never by the container. What the container
     decides is where the run starts and stops — news-slider.js insets the
     first and last card to the page gutter so they line up with the heading. */


}