/**
 * SkyPath Andes - Home-only styles.
 * Loaded only on the WordPress front page.
 */

/*
 * Dynamic seasonal accordion / image panel.
 * Elementor classes to assign:
 *   Section:        andes-seasons
 *   Image column:   andes-seasons__media
 *   Image widget:   andes-seasons__image
 *   Content column: andes-seasons__content
 *   Accordion:      andes-seasons__accordion
 *   Each <details>: andes-seasons__item
 */
.andes-seasons__media {
  position: relative;
  overflow: hidden;
  min-height: 600px;
  background: var(--idx-background, #f7f8f4);
}

/*
 * Two stacked image layers.
 * home.js alternates .is-active between both layers.
 */
.andes-seasons__image {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  opacity: 0;
  transform: scale(1.035) translateY(6px);
  filter: blur(3px);

  transition:
    opacity 0.85s cubic-bezier(.22, 1, .36, 1),
    transform 1.15s cubic-bezier(.22, 1, .36, 1),
    filter 0.75s ease;

  will-change: opacity, transform, filter;
}

.andes-seasons__image.is-active {
  opacity: 1;
  transform: scale(1) translateY(0);
  filter: blur(0);
}

/* Tablet */
@media (max-width: 1024px) {
  .andes-seasons__media {
    min-height: 420px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .andes-seasons__media {
    min-height: 300px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .andes-seasons__image,
  .andes-seasons__item,
  .andes-seasons__item > summary,
  .andes-seasons__item [data-e-type="e-accordion-item-title"] span,
  .andes-seasons__item [data-e-type="e-accordion-item-icon"] {
    transition: none;
  }

  .andes-seasons__item[open]
  [data-e-type="e-accordion-item-content"] {
    animation: none;
  }
}



/* =========================================================
   ANDES SEASONS — ACCORDION
   ========================================================= */

.andes-seasons__accordion {
  font-family: var(--idx-font-body, "Manrope", sans-serif);
}

/* ITEM
--------------------------------------------------------- */

.andes-seasons__item {
  position: relative;

  margin: 0;

  background: transparent;
  border: 1px solid transparent;
  border-radius: 12px;

  overflow: hidden;

  transition:
    background-color 0.45s ease,
    border-color 0.45s ease,
    box-shadow 0.50s ease,
    transform 0.40s cubic-bezier(.22, 1, .36, 1);
}


/* HEADER
--------------------------------------------------------- */

.andes-seasons__item > summary {
  
  min-height: 64px;

  cursor: pointer;

  list-style: none;
  background: transparent;

  transition:
    color 0.40s ease,
    padding 0.40s cubic-bezier(.22, 1, .36, 1);
}

.andes-seasons__item > summary::-webkit-details-marker {
  display: none;
}


/* TITLE
--------------------------------------------------------- */

.andes-seasons__item
[data-e-type="e-accordion-item-title"] span {
  font-family: var(--idx-font-heading, "Plus Jakarta Sans"), sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.35;

  color: var(--idx-text, #17232b);

  transition: color 0.40s ease;
}


/* CLOSED ITEM DIVIDER
--------------------------------------------------------- */

.andes-seasons__item:not([open]) {
  border-bottom:
    1px solid color-mix(
      in srgb,
      var(--idx-text, #17232b) 12%,
      transparent
    );

  border-radius: 0;
}


/* OPEN
--------------------------------------------------------- */

.andes-seasons__item[open] {
  background: var(--idx-surface, #ffffff);

 border-top: 1px solid color-mix(
  in srgb,
  var(--idx-secondary, #6a8c26) 45%,
  transparent
);

border-bottom: 1px solid color-mix(
  in srgb,
  var(--idx-secondary, #6a8c26) 45%,
  transparent
);

border-left: 0;
border-right: 0;

border-radius: 0;
}

.andes-seasons__item[open] > summary {
  padding-bottom: 16px;
}

.andes-seasons__item[open]
[data-e-type="e-accordion-item-title"] span {
  color: var(--idx-secondary-dark, #526d1d);
}


/* CONTENT
--------------------------------------------------------- */

.andes-seasons__item
[data-e-type="e-accordion-item-content"] {
  
  padding: 18px 20px 22px;

  border-top:
    1px solid color-mix(
      in srgb,
      var(--idx-text, #17232b) 12%,
      transparent
    );
}

.andes-seasons__item
[data-e-type="e-accordion-item-content"] p {
  margin: 0;

  font-family: var(--idx-font-body, "Manrope"), sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.7;

  color: var(--idx-text-muted, #66737a);
}


/* CONTENT ENTER ANIMATION
--------------------------------------------------------- */

.andes-seasons__item[open]
[data-e-type="e-accordion-item-content"] {
  animation: andes-accordion-content-in 0.55s
    cubic-bezier(.22, 1, .36, 1)
    both;
}

@keyframes andes-accordion-content-in {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

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


/* CHEVRON / ELEMENTOR ICON
--------------------------------------------------------- */

.andes-seasons__item
[data-e-type="e-accordion-item-icon"] {
  flex: 0 0 auto;

  width: 20px;
  height: 20px;

  color: var(--idx-text, #17232b);

  transition:
    color 0.40s ease,
    transform 0.45s cubic-bezier(.22, 1, .36, 1);
}

.andes-seasons__item[open]
[data-e-type="e-accordion-item-icon"] {
  color: var(--idx-secondary-dark, #526d1d);
}


/* MOBILE
--------------------------------------------------------- */

@media (max-width: 767px) {

  .andes-seasons__accordion {
    gap: 6px;
  }

  .andes-seasons__item > summary {
    min-height: 58px;
    padding: 16px;
    gap: 16px;
  }

  .andes-seasons__item
  [data-e-type="e-accordion-item-title"] span {
    font-size: 16px;
  }

  .andes-seasons__item
  [data-e-type="e-accordion-item-content"] {
    margin-inline: 16px;
    padding: 16px 0 18px;
  }

  .andes-seasons__item
  [data-e-type="e-accordion-item-content"] p {
    font-size: 14px;
  }
}