/**
 * Arvand News Carousel layout.
 *
 * Custom properties are scoped to each widget instance for future Elementor
 * style controls.
 */
.anwc-news-carousel {
  --anwc-carousel-height: 34rem;
  --anwc-active-card-basis: 352px;
  --anwc-collapsed-card-width: 96px;
  --anwc-card-gap: 16px;
  --anwc-desktop-transition-duration: 0.72s;
  --anwc-card-radius: 1rem;
  --anwc-card-border: #e3e6ea;
  --anwc-card-background: #ffffff;
  --anwc-card-color: #1b2635;
  --anwc-muted-color: #627084;
  --anwc-overlay-color: rgb(9 18 32 / 68%);
  --anwc-button-background: #153b67;
  --anwc-button-color: #ffffff;
  --anwc-focus-color: #f0a500;

  position: relative;
  color: var(--anwc-card-color);
}

.anwc-news-carousel *,
.anwc-news-carousel *::before,
.anwc-news-carousel *::after {
  box-sizing: border-box;
}

.anwc-news-carousel__items {
  display: grid;
  gap: var(--anwc-card-gap);
}

.anwc-news-carousel__item {
  min-inline-size: 0;
  overflow: hidden;
  border: 1px solid var(--anwc-card-border);
  border-radius: var(--anwc-card-radius);
  background: var(--anwc-card-background);
}

.anwc-news-carousel__panel {
  block-size: 100%;
}

.anwc-card-media-frame {
  position: relative;
  min-inline-size: 0;
  box-sizing: border-box;
}

.anwc-card-media-clip {
  position: relative;
  inline-size: 100%;
  block-size: 100%;
  min-block-size: 0;
  overflow: hidden;
  isolation: isolate;
}

.anwc-card-media-clip::after {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  content: "";
}

.anwc-news-carousel__image,
.anwc-news-carousel__image-placeholder {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  aspect-ratio: 16 / 9;
  border-radius: inherit;
}

.anwc-news-carousel__image {
  object-fit: cover;
}

.anwc-news-carousel__image-placeholder {
  background: linear-gradient(135deg, #e9eef3, #c9d3df);
}

.anwc-news-carousel__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 10px;
  overflow: hidden;
}

.anwc-news-carousel__heading {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.anwc-news-carousel__title,
.anwc-news-carousel__excerpt {
  margin: 0;
}

.anwc-news-carousel__title {
  margin: 0;
  font-size: clamp(1.125rem, 2vw, 1.75rem);
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.anwc-news-carousel__title a {
  color: inherit;
  text-decoration: none;
}

.anwc-news-carousel__title a:hover {
  text-decoration: none;
  text-underline-offset: 0.16em;
}

.anwc-news-carousel__metadata {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.75rem;
  margin: 0;
  padding: 0;
  color: var(--anwc-muted-color);
  font-size: 0.875rem;
  list-style: none;
}

.anwc-news-carousel__metadata li {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-inline-size: 0;
  overflow-wrap: anywhere;
}

.anwc-meta-icon {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.anwc-meta-icon i,
.anwc-meta-icon svg,
.anwc-meta-icon img {
  display: block;
  width: 1em;
  height: 1em;
}

.anwc-news-carousel__excerpt {
  margin: 0;
  color: var(--anwc-muted-color);
  line-height: 1.7;
  overflow-wrap: anywhere;
}

.anwc-news-carousel__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-block-size: 2.875rem;
  padding-block: 0.65rem;
  padding-inline: 1rem;
  border-radius: 0.5rem;
  background: var(--anwc-button-background);
  color: var(--anwc-button-color);
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  transition:
    background-color 160ms ease,
    color 160ms ease;
}

.anwc-news-carousel__button:hover {
  background: color-mix(in srgb, var(--anwc-button-background), #000 15%);
  color: var(--anwc-button-color);
}

.anwc-navigation-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: currentColor;
  line-height: 1;
}

.anwc-navigation-icon i,
.anwc-navigation-icon svg,
.anwc-navigation-icon img,
.anwc-navigation-icon .elementor-icon {
  display: block;
  flex: none;
  width: 1em;
  height: 1em;
}

.anwc-card__expand:focus-visible,
.anwc-carousel__next:focus-visible,
.anwc-mobile-carousel__control:focus-visible,
.anwc-news-carousel__title a:focus-visible,
.anwc-news-carousel__button:focus-visible {
  outline: 3px solid var(--anwc-focus-color);
  outline-offset: 3px;
}

.anwc-card__expand,
.anwc-carousel__next {
  display: none;
}

.anwc-mobile-carousel__controls {
  display: none;
}

.anwc-news-carousel__empty-state {
  padding: 1rem;
  border: 1px dashed var(--anwc-card-border);
  border-radius: var(--anwc-card-radius);
  color: var(--anwc-muted-color);
}

.anwc-news-carousel.anwc-is-editor.anwc-is-initializing
  .anwc-news-carousel__viewport {
  min-block-size: var(--anwc-carousel-height);
  visibility: hidden;
}

.anwc-news-carousel.anwc-is-editor.anwc-is-ready .anwc-news-carousel__viewport {
  visibility: visible;
}

@media (max-width: 1023px) {
  .anwc-news-carousel.is-mobile .anwc-news-carousel__viewport {
    position: relative;
    overflow: hidden;
  }

  .anwc-news-carousel.is-mobile .anwc-news-carousel__items {
    display: block;
  }

  .anwc-news-carousel.is-mobile .anwc-news-carousel__item {
    display: none;
  }

  .anwc-news-carousel.is-mobile .anwc-news-carousel__item.is-mobile-active {
    display: block;
  }

  .anwc-news-carousel.is-mobile .anwc-news-carousel__panel {
    display: block;
  }

  .anwc-news-carousel.is-mobile .anwc-news-carousel__image,
  .anwc-news-carousel.is-mobile .anwc-news-carousel__image-placeholder {
    aspect-ratio: 16 / 9;
  }

  .anwc-news-carousel.is-mobile .anwc-card-media-frame {
    aspect-ratio: 16 / 9;
  }

  .anwc-news-carousel.is-mobile .anwc-mobile-carousel__controls {
    display: flex;
    justify-content: var(--anwc-mobile-navigation-justify, center);
    gap: var(--anwc-mobile-navigation-gap, 0.75rem);
    width: var(--anwc-mobile-navigation-width, auto);
    max-width: 100%;
    margin-block-start: var(--anwc-mobile-navigation-margin-top, 1rem);
    margin-inline: auto;
    padding-inline: var(--anwc-mobile-navigation-padding-inline, 0);
  }

  .anwc-news-carousel.is-mobile .anwc-mobile-carousel__control {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-inline-size: 3rem;
    min-block-size: 2.75rem;
    padding: 0.5rem 1rem;
    border: 1px solid var(--anwc-card-border);
    border-radius: 0.5rem;
    background: var(--anwc-card-background);
    color: var(--anwc-card-color);
    cursor: pointer;
  }

  .anwc-news-carousel.is-mobile.is-animating .anwc-mobile-carousel__control {
    pointer-events: none;
  }
}

@media (min-width: 1024px) {
  .anwc-news-carousel.is-windowed .anwc-news-carousel__viewport {
    position: relative;
    block-size: var(--anwc-carousel-height);
    overflow: hidden;
    isolation: isolate;
  }

  .anwc-news-carousel.is-windowed .anwc-news-carousel__items {
    position: relative;
    display: block;
    block-size: 100%;
    overflow: hidden;
    direction: ltr;
  }

  .anwc-news-carousel.is-windowed .anwc-news-carousel__item {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    block-size: 100%;
    min-inline-size: 0;
    overflow: hidden;
    backface-visibility: hidden;
    will-change: left, width, opacity;
  }

  .anwc-carousel__next {
    position: absolute;
    z-index: 10;
    left: var(--anwc-collapsed-left-x, 0px);
    top: 50%;
    display: grid;
    place-items: center;
    inline-size: 2.5rem;
    block-size: 2.5rem;
    padding: 0;
    transform: translate(-50%, -50%);
    border: 2px solid #26304f;
    border-radius: 9px;
    background: #0c1428;
    color: #a9b2c9;
    font: inherit;
    line-height: 1;
    cursor: pointer;
  }

  .anwc-carousel__next:hover {
    background: rgb(9 18 32 / 90%);
  }

  .anwc-news-carousel.is-animating .anwc-card__expand,
  .anwc-news-carousel.is-animating .anwc-carousel__next {
    pointer-events: none;
  }

  .anwc-news-carousel[data-anwc-content-direction="rtl"]
    .anwc-news-carousel__panel {
    direction: rtl;
  }

  .anwc-news-carousel[data-anwc-content-direction="ltr"]
    .anwc-news-carousel__panel {
    direction: ltr;
  }

  .anwc-news-carousel__item.is-active .anwc-news-carousel__panel {
    display: grid;
    grid-template-rows: minmax(11rem, 47%) minmax(0, 1fr);
  }

  .anwc-news-carousel__item.is-active .anwc-card-media-frame {
    block-size: 100%;
  }

  .anwc-news-carousel__item.is-active .anwc-news-carousel__image,
  .anwc-news-carousel__item.is-active .anwc-news-carousel__image-placeholder {
    block-size: 100%;
    aspect-ratio: 16 / 8;
    opacity: 1;
  }

  .anwc-news-carousel__item.is-active .anwc-news-carousel__content {
    min-block-size: 0;
    overflow: hidden;
    opacity: 1;
    writing-mode: horizontal-tb;
    text-orientation: mixed;
    transform: none;
  }

  .anwc-news-carousel__item.is-active .anwc-news-carousel__title,
  .anwc-news-carousel__item.is-active .anwc-news-carousel__title a,
  .anwc-news-carousel__item.is-active .anwc-active-title-text {
    writing-mode: horizontal-tb;
    text-orientation: mixed;
    transform: none;
  }

  .anwc-news-carousel__item.is-active .anwc-collapsed-title-position {
    display: none;
  }

  .anwc-news-carousel__item.is-active .anwc-news-carousel__button {
    inline-size: 100%;
    margin-block-start: auto;
  }

  .anwc-news-carousel__item.is-collapsed {
    border-color: transparent;
    background: #172435;
    color: #ffffff;
  }

  .anwc-news-carousel__item.is-collapsed .anwc-news-carousel__panel {
    position: relative;
    isolation: isolate;
  }

  .anwc-news-carousel__item.is-collapsed .anwc-card-media-frame {
    position: absolute;
    inset: 0;
  }

  .anwc-news-carousel__item.is-collapsed .anwc-card-media-clip::after {
    background: var(--anwc-overlay-color);
  }

  .anwc-news-carousel__item.is-collapsed .anwc-news-carousel__image,
  .anwc-news-carousel__item.is-collapsed
    .anwc-news-carousel__image-placeholder {
    position: relative;
    inset: auto;
    inline-size: 100%;
    block-size: 100%;
    aspect-ratio: 1 / 5;
    opacity: 0.9;
  }

  .anwc-news-carousel__item.is-collapsed .anwc-news-carousel__content {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    block-size: 100%;
    padding: 3.75rem 0.625rem 1rem;
    overflow: hidden;
  }

  .anwc-news-carousel__item.is-collapsed .anwc-news-carousel__title {
    position: absolute;
    inset: 3.75rem 0.625rem 1rem;
    display: block;
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.35;
    text-align: start;
    overflow: hidden;
  }

  .anwc-news-carousel__item.is-collapsed .anwc-news-carousel__title a {
    display: block;
    inline-size: 100%;
    block-size: 100%;
  }

  .anwc-news-carousel__item.is-collapsed .anwc-active-title-text {
    display: none;
  }

  .anwc-news-carousel__item.is-collapsed .anwc-collapsed-title-position {
    display: flex;
    align-items: var(--anwc-collapsed-title-vertical, center);
    justify-content: var(--anwc-collapsed-title-horizontal, center);
    inline-size: 100%;
    block-size: 100%;
  }

  .anwc-news-carousel__item.is-collapsed .anwc-collapsed-title-text {
    display: block;
    text-orientation: mixed;
    writing-mode: sideways-lr;
    direction: var(--anwc-collapsed-title-inline-direction, ltr);
    transform: translate(
      var(--anwc-collapsed-title-offset-x, 0px),
      var(--anwc-collapsed-title-offset-y, 0px)
    );
    transform-origin: var(--anwc-collapsed-title-transform-origin, top center);
  }

  .anwc-news-carousel__item.is-collapsed .anwc-news-carousel__metadata,
  .anwc-news-carousel__item.is-collapsed .anwc-news-carousel__excerpt,
  .anwc-news-carousel__item.is-collapsed .anwc-news-carousel__button {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .anwc-news-carousel__item.is-collapsed .anwc-card__expand {
    position: absolute;
    z-index: 3;
    inset-block-start: 0.75rem;
    inset-inline-start: calc(50% - 1.5rem);
    display: grid;
    place-items: center;
    inline-size: 3rem;
    block-size: 3rem;
    padding: 0;
    border: 2px solid rgb(255 255 255 / 60%);
    border-radius: 14px;
    background: rgb(0 0 0 / 18%);
    color: #ffffff;
    font: inherit;
    line-height: 1;
    text-orientation: mixed;
    writing-mode: horizontal-tb;
    direction: ltr;
    transform: none;
    rotate: none;
    cursor: pointer;
  }

  .anwc-news-carousel__item.is-collapsed .anwc-card__expand:hover {
    background: rgb(255 255 255 / 18%);
  }

  .anwc-news-carousel__item.is-collapsed .anwc-plus-icon {
    position: relative;
    display: block;
    inline-size: 1rem;
    block-size: 1rem;
    line-height: 1;
    text-orientation: mixed;
    writing-mode: horizontal-tb;
    direction: ltr;
    transform: none;
    rotate: none;
  }

  .anwc-news-carousel__item.is-collapsed .anwc-plus-icon::before,
  .anwc-news-carousel__item.is-collapsed .anwc-plus-icon::after {
    position: absolute;
    border-radius: 999px;
    background: currentColor;
    content: "";
  }

  .anwc-news-carousel__item.is-collapsed .anwc-plus-icon::before {
    inset-block-start: calc(50% - 1px);
    inset-inline-start: 0;
    inline-size: 100%;
    block-size: 2px;
  }

  .anwc-news-carousel__item.is-collapsed .anwc-plus-icon::after {
    inset-block-start: 0;
    inset-inline-start: calc(50% - 1px);
    inline-size: 2px;
    block-size: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .anwc-news-carousel__button {
    transition: none;
  }
}