/* =========================================================
   PARTNER SELECTION CRITERIA  —  ar-partner-criteria.css
   Scoped entirely to .ar-pc
   Tokens from aradel-design-system.css used throughout.
   ========================================================= */

/* ── Section wrapper ───────────────────────────────────── */
.ar-pc-section {
  position: relative;
}

.ar-pc-section--bg-default:not([data-gradient]) { background: transparent; }
.ar-pc-section--bg-muted:not([data-gradient])   { background: #EFEFEF; }
.ar-pc-section--bg-green:not([data-gradient])   { background: #005A4E; }
.ar-pc-section--bg-red:not([data-gradient])     { background: #C1000F; }
.ar-pc-section--bg-dark:not([data-gradient])    { background: #012F39; }

.ar-pc-section--has-surface {
  margin-top: 96px;
}

.ar-pc {
  padding-left:   112px;
  padding-right:  112px;
  padding-top:    96px;
  padding-bottom: 0;
  max-width:      1440px;
  margin-inline:  auto;
  box-sizing:     border-box;
}

.ar-pc-section--has-surface .ar-pc {
  padding-bottom: 0;
}

/* ── Eyebrow ────────────────────────────────────────────── */
.ar-pc__eyebrow {
  margin: 0 0 36px;
  color:          #B2000F;
  font-family:    "Nunito Sans", sans-serif;
  font-size:      16px;
  font-style:     normal;
  font-weight:    600;
  line-height:    16px;
  letter-spacing: 1.28px;
  text-transform: uppercase;
}

/* ── Two-column grid ────────────────────────────────────── */
.ar-pc__grid {
  display:               grid;
  grid-template-columns: 1fr 1fr;
  column-gap:            84px;
  align-items:           start;
}

/* ── Image column ───────────────────────────────────────── */
.ar-pc__img-wrap {
  border-radius: 20px;
  overflow:      hidden;
  aspect-ratio:  1 / 1;
  width:         100%;
  position:      relative;
}

.ar-pc__img {
  display:    block;
  width:      100%;
  height:     100%;
  object-fit: cover;
}

/* Placeholder shown when no image is set in ACF */
.ar-pc__img-placeholder {
  border-radius:    20px;
  aspect-ratio:     1 / 1;
  width:            100%;
  background-color: var(--ads-surface, #F0F0F0);
}

/* ── Criteria list column ───────────────────────────────── */
.ar-pc__list {
  list-style: none;
  margin:     0;
  padding:    0;
}

.ar-pc__item {
  border-bottom: 1px solid #A3A0A0;
  padding-top:    28px;
  padding-bottom: 28px;

  /* Reveal initial state — JS will manage .is-visible class */
  opacity:   0;
  transform: translateY(20px);
  transition:
    opacity   0.55s ease,
    transform 0.55s ease;
}

/* Revealed state (JS adds .is-visible) */
.ar-pc__item.is-visible {
  opacity:   1;
  transform: translateY(0);
}

.ar-pc__item:last-child {
  border-bottom: none;
}

/* Label text */
.ar-pc__label {
  display:        block;
  font-family:    "Nunito Sans", sans-serif;
  font-size:      24px;
  font-weight:    600;
  line-height:    32px;
  color:          #000;
  cursor:         default;
  transition:
    color     0.25s ease,
    transform 0.25s ease;
  will-change: transform;
  display:        inline-block; /* needed for translateX hover */
}

/* Hover — colour shift + slight nudge; no pointer implied */
.ar-pc__item:hover .ar-pc__label {
  color:     #C1000F;
  transform: translateX(6px);
}

.ar-pc-section--light-text .ar-pc__eyebrow {
  color: rgba(255, 255, 255, 0.72);
}

.ar-pc-section--light-text .ar-pc__item {
  border-bottom-color: rgba(255, 255, 255, 0.24);
}

.ar-pc-section--light-text .ar-pc__label {
  color: #FFFFFF;
}

.ar-pc-section--light-text .ar-pc__item:hover .ar-pc__label {
  color: rgba(255, 255, 255, 0.82);
}

.ar-pc-section--light-text .ar-pc__img-placeholder {
  background-color: rgba(255, 255, 255, 0.14);
}

/* ── Tablet (≤ 1024px) ──────────────────────────────────── */
@media (max-width: 1024px) {
  .ar-pc-section--has-surface {
    margin-top: 72px;
  }

  .ar-pc {
    padding-left:  64px;
    padding-right: 64px;
    padding-top:   72px;
    padding-bottom: 0;
  }

  .ar-pc-section--has-surface .ar-pc {
    padding-bottom: 0;
  }

  .ar-pc__grid {
    column-gap: 48px;
  }

  .ar-pc__label {
    font-size:   18px;
    line-height: 28px;
  }

  .ar-pc__item {
    padding-top:    22px;
    padding-bottom: 22px;
  }
}

/* ── Mobile (≤ 640px) ───────────────────────────────────── */
@media (max-width: 640px) {
  .ar-pc-section--has-surface {
    margin-top: 48px;
  }

  .ar-pc {
    padding-left:  24px;
    padding-right: 24px;
    padding-top:   48px;
    padding-bottom: 0;
  }

  .ar-pc-section--has-surface .ar-pc {
    padding-bottom: 0;
  }

  /* Stack: eyebrow → image → list */
  .ar-pc__grid {
    grid-template-columns: 1fr;
    row-gap: 40px;
  }

  /* Image comes first in DOM so stacking order is natural */
  .ar-pc__img-wrap,
  .ar-pc__img-placeholder {
    max-width: 100%;
  }

  .ar-pc__label {
    font-size:   16px;
    line-height: 26px;
  }

  .ar-pc__item {
    padding-top:    18px;
    padding-bottom: 18px;
  }

  /* Suppress nudge on touch to avoid sticky hover states */
  .ar-pc__item:hover .ar-pc__label {
    color:     #000;
    transform: none;
  }

  .ar-pc-section--light-text .ar-pc__item:hover .ar-pc__label {
    color: #FFFFFF;
  }
}